lancedays/threejs-dev-template
Watch
1
0
Fork
You've already forked threejs-dev-template
 0
Code Issues Pull requests Projects Packages Wiki Activity Actions
A template to quickly get up and running with threejs https://threejs-dev-template.onrender.com
5 commits 1 branch 0 tags 59 KiB
  • JavaScript 99%
  • HTML 1%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Lance Days b188816cb2 feat: add EZ3D wrapper framework with SOLID architecture 
- Add Engine class for renderer and animation loop management
- Add Scene class for scene graph, camera, and lighting
- Add GameObject base class with chainable API
- Add primitives: Box, Sphere, Plane, Cylinder, Torus
- Add named color utility (supports 'red', 'coral', etc.)
- Add built-in animations: spin(), float() with replacement behavior
- Support multiple animations via onUpdate() stacking
2025-12-28 12:23:01 -05:00
src feat: add EZ3D wrapper framework with SOLID architecture 2025-12-28 12:23:01 -05:00
.gitignore Initial commit 2024-11-15 19:15:03 -05:00
index.html initial commit 2024-11-15 19:37:24 -05:00
LICENSE Initial commit 2024-11-15 19:15:03 -05:00
main.js feat: add EZ3D wrapper framework with SOLID architecture 2025-12-28 12:23:01 -05:00
package-lock.json feat: add EZ3D wrapper framework with SOLID architecture 2025-12-28 12:23:01 -05:00
package.json feat: add EZ3D wrapper framework with SOLID architecture 2025-12-28 12:23:01 -05:00
README.md Update README.md 2024-11-15 19:41:15 -05:00
vite.config.js initial commit 2024-11-15 19:37:24 -05:00

README.md

Three.js Development Template

A minimal development template for Three.js projects using Vite.

Live preview (may take a moment for render to spin up)

https://threejs-dev-template.onrender.com

Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Structure

  • Base ThreeScene class for scene management
  • Example ColorCube implementation
  • Responsive window handling
  • Easy to extend template structure

Customization

To create your own scene:

  1. Modify the ColorCube class, or
  2. Create a new class extending ThreeScene
  3. Remove the ColorCube class entirely

Author

Lance Days

License

MIT