dorkhub

vite-threejs-ts-template

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

pachoclo
TypeScript16933 forksupdated 3 months ago
visit the demogit clone https://github.com/pachoclo/vite-threejs-ts-template.gitpachoclo/vite-threejs-ts-template

Github-CI: Build Status

Three.js Vite Template with TypeScript

Three.js + Vite + TypeScript 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

more like this

lottery

🎉🌟✨🎈年会抽奖程序,基于 Express + Three.js的 3D 球体抽奖程序,奖品🧧🎁,文字,图片,抽奖规则均可配置,😜抽奖人员信息Excel一键导入😍,抽奖结果Excel导出😎,给你的抽奖活动带来全新酷炫体验🚀🚀🚀

JavaScript4.6k

search

search projects, people, and tags