Skip to content

Mizux/vite-ts-threejs

 
 

Github-CI: Build Status

Vite Template with TypeScript and Three.js

Vite + TypeScript + Three.js starter


screenshot


Tech Stack

  • Three.js
  • TypeScript
  • Vite

Stuff included in the scene.ts

  • Geometry
  • Material
  • Mesh
  • Ambient Light
  • Point Light
  • Camera
  • Scene
  • Canvas
  • Renderer (WebGL)
  • Loading Manager
  • Orbit Controls
  • Drag Controls
  • Grid
  • Antialias enabled
  • Transparent canvas
  • Responsive renderer and camera (to canvas size)
  • Animation Loop
  • Shadows
  • Stats (FPS, ms)
  • Full screen (double-click on canvas)
  • Debug GUI

CLI Commands

Installation

npm i

Run dev mode

npm run dev

Build

npm run build

Run build

npm run preview

About

A Vite-based starter project for Three.js with some of the essentials

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Languages

  • TypeScript 90.0%
  • CSS 6.6%
  • HTML 3.4%