A compact demo framework for three.js.
This library requires the peer dependencies three and dat.gui.
npm install dat.gui three three-demo
import { DemoManager } from "three-demo";
import { MyDemo } from "./MyDemo";
const manager = new DemoManager(document.getElementById("viewport"), {
aside: document.getElementById("aside"),
renderer
});
manager.addEventListener("change", (event) => console.log(event));
manager.addEventListener("load", (event) => console.log(event));
manager.addDemo(new MyDemo());
requestAnimationFrame(function render(timestamp) {
requestAnimationFrame(render);
manager.render(timestamp);
});
You can create custom demos by extending the Demo
class. For details, take a look at the ExampleDemo.
Please refer to the contribution guidelines for details.