Tron

Computer Graphics Project, inspired by the film Tron, based on WebGL. Click here to play!

A short demo video:

overview.mp4

A screenshot at navigation mode:

Directory structure

• Most of the codes are placed under ./src.
• Some huge externel modules are placed under ./modules.
• Models and pictures are stored under ./resource. Do NOT take the 'NaturePack' OBJs for other usages!
• pages should never be used other than testing. However, there are some interesting testing works in it.

Implemented with

• twgl.js
• gl-matrix.js
• virtualjoystick.js
• webgl-lessons-ui.js
• navStyle.css
• perlin.js
• LowPoly Nature - Trees Grass and Rocks Low-poly 3D model Nature Pack models bought from cgtrader
• Paper airplane Low-poly 3D model Paper Plane model bought from cgtrader

Referencing

• WebGL with Perlin Noise Part - 1
• WebGL Fundamentals

Document in Chinese

• 《Tron: CG Project 系统设计说明文档》

Notice:

• Since we're using ES6 features, you need to forward the code to a port if you are trying to run it locally on your PC.