๐ Sketchbook
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.
Features
- 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.
Usage
You can define your own scenes in Blender, and then read them with Sketchbook. Sketchbook needs to run on a local server such as http-server or webpack-dev-server to be able to load external assets.
Script tag
- Import:
<script src="sketchbook.min.js"></script>
- Load a glb scene defined in Blender:
const world = new Sketchbook.World('scene.glb');
NPM
- Install:
npm i sketchbook
- Import:
import { World } from 'sketchbook';
- Load a glb scene defined in Blender:
const world = new World('scene.glb');
Contributing
- Get latest Node.js
- Fork this repository
- Run
npm install
- Run
npm run dev
- Make changes and test them out at http://localhost:8080
- Commit and make a pull request!
Blender source files
Source .blend
files, including the main demo scene, and other graphical assets used by the main demo are available here: https://drive.google.com/drive/folders/1ZbziXLAW3yAn3e_s-6UO6jMIJWaglqDG?usp=sharing
Credits
Big thank you to each of the following github users for contributing to Sketchbook: