Environment lighting with three.js

Environment lighting using three.js.

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"
preview	npm run preview	Start a local server to preview production build
lint	npm run lint	Run static code analysis
format	npm run format	Check source file formatting
format-fix	npm run format-fix	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.