{"repo":"kekkorider/threejs-starter","free":true,"listed":false,"github":"https://github.com/kekkorider/threejs-starter","clone":"git clone https://github.com/kekkorider/threejs-starter.git","description":null,"language":"TypeScript","stars":195,"topics":["webgl","webgl2","threejs","physics","tsl","webgpu"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"ThreeJS starter This is a general template for ThreeJS applications. It uses the following packages: - ViteJS v8 - ThreeJS v0.185.1 - TypeScript v7.0.2 - Crashcat v0.0.5 Before we start This has been developed with NodeJS 24 . Setup Develop Run then open a new browser window and navigate to http://localhost:5173 Build Project structure The WebGL entry files is located in /src/webgl/index.ts . It initializes a basic scene with a few meshes and all the basic stuff needed to run the scene. Materials All materials are located in /src/webgl/materials . All the pre-existing materials are THREE.NodeMaterial instances to take advantage of their node architecture, but feel free to use a regular THREE.Material instance if you prefer. Components All meshes have assigned multiple three-start components, which are located in /src/webgl/behaviors . Check the three-start documentation for more information on how to create a new component. Modules The starter is intialized with a few pre-defined modules, which are located in /src/webgl/modules . Such modules are: - AssetLoaderModule : loads assets from the filesystem - OrbitControlsModule : adds orbit controls to the camera - PhysicsModule : adds physics to the scene - InspectorModule : adds a GUI to the scene When creating a new module remember to add it to the ThreeStartRegister interface in /src/types.d.ts . Check the three-start documentation for more information on how to create a new module. Inspector This starter uses the built-in Ins","default_branch":null,"files":null,"tree":[],"storefront":"/r/kekkorider","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kekkorider/threejs-starter/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}