This is a general template for ThreeJS applications. It uses ViteJS to create the bundle and Tweakpane for live updates.
This has been developed with NodeJS 16.11.0
; it should work with other versions too, but in case something doesn't work I recommend to switch to version 16.11.0
with nvm.
$ yarn install
Run
$ yarn dev
then open a new browser window and navigate to http://localhost:1234
The template uses dynamic imports to include the code to run the debug and performance panels. To display them, simply append debug
to the URL's hash, i.e. http://localhost:1234#debug
, or set the debug
option to true
in the app config object in /src/index.js
.
Since v1.5.0
, the template features a basic physics setup with cannon-es that can be enabled simply by appending physics
to the URL's hash, i.e. http://localhost:1234#physics
, or setting the physics
option to true
in the app config object in /src/index.js
.
$ yarn build