Skip to content

Environment lighting with three.js

License

Notifications You must be signed in to change notification settings

epreston/environment-lighting-three

Repository files navigation

Environment lighting with three.js

Environment lighting using three.js.

CI

ibl-preview-lg.mp4

Quick Start

Install Node.js, download or clone this repository, and run the following console commands within your local copy:

# install dependencies
npm install

# start a local server and open in browser
npm run start

Shortcuts

Key Action
{space} stop animation
c use cube texture
h use hdr texture
l toggle ambient light
e toggle environment lighting
b toggle background
f toggle blur

Scripts

Action Command Description
dev npm run dev Start a development server
build npm run build Create a production build into "dist"
lint npm run lint Run static code analysis
format npm run format Format source files

Libraries

Library Reference
three.js https://threejs.org

Tools

Tool Reference
Node.js https://nodejs.org
Vite https://vitejs.dev
ESLint https://eslint.org
Prettier https://prettier.io
EditorConfig https://editorconfig.org

References

Reference Website
mixamo https://www.mixamo.com
Can I Use https://caniuse.com
Browserslist https://browsersl.ist
glTF https://www.khronos.org/gltf/

License

This project is released under the MIT License.