https://github.com/koji/otie-tripo

https://otie-tripo.netlify.app/
https://github.com/koji/otie-tripo

glb threejs typescript

Last synced: about 1 month ago
JSON representation

https://otie-tripo.netlify.app/

• Host: GitHub
• URL: https://github.com/koji/otie-tripo
• Owner: koji
• Created: 2024-03-19T03:18:54.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-07-01T03:37:55.000Z (7 months ago)
• Last Synced: 2024-10-28T00:18:21.404Z (3 months ago)
• Topics: glb, threejs, typescript
• Language: TypeScript
• Homepage:
• Size: 3.93 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Three.js Vite Template with TypeScript

Three.js + Vite + TypeScript starter

- [Demo](https://vite-threejs-ts-template.vercel.app/)

- [Jump to CLI commands](#cli-commands)

## Copy (clone without git history)

```shell

npx degit pachoclo/vite-threejs-ts-template threejs-project

```

---



---

## Stuff included in the `scene.ts`

- [x] Geometry

- [x] Material

- [x] Mesh

- [x] Ambient Light

- [x] Point Light

- [x] Camera

- [x] Scene

- [x] Canvas

- [x] Renderer (WebGL)

- [x] Loading Manager

- [x] Orbit Controls

- [x] Drag Controls

- [x] Grid

- [x] Antialias enabled

- [x] Transparent canvas

- [x] Responsive renderer and camera (to canvas size)

- [x] Animation Loop

- [x] Shadows

- [x] Stats (FPS, ms)

- [x] Full screen (double-click on canvas)

- [x] Debug GUI

## Tech Stack

- Three.js

- TypeScript

- Vite

## CLI Commands

Installation

```bash

npm i

```

Run dev mode

```bash

npm run dev

```

Build

```bash

npm run build

```

Run build

```bash

npm run preview

```