Skip to content
Three.js and Cannon.js sandbox
TypeScript CSS Other
Branch: master
Clone or download

Latest commit

Latest commit fdb0b9f Mar 5, 2020


Type Name Latest commit message Commit time
Failed to load latest commit information.
build map edits Feb 9, 2020
src light color Feb 9, 2020
.gitattributes linguist vendor folder Nov 20, 2019
.gitignore gltf and DaPao experiments Oct 26, 2018
.travis.yml travis Nov 20, 2019
LICENSE Update LICENSE Jan 24, 2020 Update Mar 4, 2020
favicon.ico favicon Nov 17, 2019
index.html vehicle collisions groups, spawn points Jan 25, 2020
package.json ACESFilmicToneMapping Feb 6, 2020
tsconfig.json folder structure 2 Jan 23, 2020
tslint.json Polish Dec 23, 2019
webpack.common.js folder structure 2 Jan 23, 2020 vehicles base Nov 23, 2019

Play it here!

badge badge


⚠️ Not in active development

Simple web based game engine built on three.js and cannon.js focused on third-person character controls and related gameplay mechanics.

Mostly a playground for exploring how conventional third person gameplay mechanics found in modern games work and recreating them in a general way.


  • World
    • Three.js scene
    • Cannon.js physics
    • Variable timescale
    • Frame skipping
    • FXAA anti-aliasing
  • Characters
    • Third-person camera
    • Raycast character controller with capsule collisions
    • General state system
    • Character AI
  • Vehicles
    • Cars
    • Airplanes
    • Helicopters

All planned features can be found in the GitHub Projects.


Check out the Sketch template project to learn about using Sketchbook.


  1. Get latest Node.js
  2. Fork this repository
  3. Run npm install
  4. Run npm run dev
  5. Make changes and test them out at http://localhost:8080
  6. Run npm run build
  7. Commit and make a pull request!
You can’t perform that action at this time.