Environment lighting using three.js.
ibl-preview-lg.mp4
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| 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 |
| 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 |
| Library | Reference |
|---|---|
| three.js | https://threejs.org |
| Tool | Reference |
|---|---|
| Node.js | https://nodejs.org |
| Vite | https://vitejs.dev |
| ESLint | https://eslint.org |
| Prettier | https://prettier.io |
| EditorConfig | https://editorconfig.org |
| Reference | Website |
|---|---|
| mixamo | https://www.mixamo.com |
| Can I Use | https://caniuse.com |
| Browserslist | https://browsersl.ist |
| glTF | https://www.khronos.org/gltf/ |
This project is released under the MIT License.