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 installRun
$ yarn devthen 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