Iranon / threemplate

A Three.js TypeScript template

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Threemplate

A Three.js TypeScript template (built with Webpack)

The core of the template is the src directory, which is structured as follows:

src
├── assets
│   ├── models
│   ├── shaders
│   │   └── placeholder
│   │       ├── fragment.glsl
│   │       └── vertex.glsl
│   └── textures
│       └── Grid.png
├── index.html
├── index.ts
├── style
│   └── style.css
└── types
    └── glsl.d.ts

Webpack is configured to handle shaders in different .glsl files (thanks to the type declaration too).

Run npm run dev inside the project folder to start the development server (check the package.json).

About

A Three.js TypeScript template

License:GNU General Public License v3.0


Languages

Language:TypeScript 48.6%Language:JavaScript 37.6%Language:GLSL 8.0%Language:HTML 4.2%Language:CSS 1.6%