Taro
A lightweight 3D game engine for the web. Built with three.js and cannon-es.
-
⚛️ Physics - Full integration with a 3D rigid-body physics engine. -
🔌 Entity Component System - Write efficent and extendable code. -
🔊 Sound - 3D positional sounds built on the Web Audio API. -
📜 Scripts - Design game behaviors in JavaScript. -
⚡ Performance - Taro is a thin framework on top of three.js.
Documentation
You can find the Taro documentation on the website.
Usage
There are several examples on the website. Here is an example to get started:
var app = new TARO.App();
document.body.appendChild( app.domElement );
var scene = new TARO.Scene();
app.setScene(scene);
class CubeController {
init() {
// fires when the component is attached to an entity
this.rotation = this.entity.rotation;
}
update() {
// fires once per frame
this.rotation.x += 0.01;
this.rotation.y += 0.01;
}
}
TARO.registerComponent('cubeController', CubeController);
var cube = new TARO.Entity('cube');
cube.addComponent('material', { color: 0x00ff00 });
cube.addComponent('geometry', { type: 'box' });
cube.addComponent('cubeController');
var camera = new TARO.Entity('camera');
camera.position.z = 5;
camera.addComponent('camera');
app.start();
This example will display a spinning cube on the canvas.
Builds
- https://www.echou.xyz/taro/build/taro.module.js (ESM)
- https://www.echou.xyz/taro/build/taro.js (UMD)
- https://www.echou.xyz/taro/build/taro.min.js (UMD minified)
Editor
In addition to the engine, there is a visual editor available to get a taste of Taro.
2.4k Dec 31, 2022
1.3k Dec 30, 2022
4 Feb 20, 2022
2 Jan 31, 2022
4 Oct 17, 2022
2k Dec 26, 2022
5 Aug 18, 2022
10 Oct 5, 2022
1 May 16, 2022
2.6k Dec 30, 2022
2 Jan 9, 2022
2.4k Jan 8, 2023
7 Jul 31, 2022
30 Jan 1, 2023
3 Mar 12, 2022
7 Dec 20, 2022
2 Jul 2, 2022
2 Jan 25, 2022
16 Jun 30, 2022