Community chat. Join us!
Download the minified library or link the one from CDN
<script src="js/three.min.js"></script> <script src="js/whs.min.js"></script>
The code below makes a WHS.App instance which handles all your modules and components for better work with WebGL. This one creates a scene, camera and renderer - we add the following modules to the App.
const app = new WHS.App([ new WHS.ElementModule(), // Apply to DOM. new WHS.SceneModule(), // Create a new THREE.Scene and set it to app. new WHS.DefineModule('camera', new WHS.PerspectiveCamera({ // Apply a camera. position: new Vector3(0, 0, 50) })), new WHS.RenderingModule({bgColor: 0x162129}), // Apply THREE.WebGLRenderer new WHS.ResizeModule() // Make it resizable. ]); app.start(); // Run app.
# Install npm version
$ npm install whs- ๐ Simple in usage
- ๐ Speeds up 3D scene prototyping
- ๐ Component based scene graph
- ๐ฃ Simple integration of any high performance physics even with
Worker(Multithreading) - ๐ซ Automatization of rendering
- ๐ ES2015+ based
- ๐ท Extension system (modules)
- ๐ฆ Webpack friendly
- โ๏ธ Integrated Three.js rendering engine
- ๐ Work with whs.js and Three.js at the same time
| Name | Status | Description |
|---|---|---|
| whs-module-statsjs | statsjs-npm | WhitestormJS module for JavaScript Performance Monitor โกโ |
| whs-module-dat.gui | datgui-npm | User Interface for runtime editing properties ๐๐ ๐ฉ |
| physics-module-ammonext | physics-ammonext-npm | Physics module based on Ammo.js |
| whs-module-audio | WIP | Audio module for 3D positional sound ๐ |
| whs-vrkit | physics-ammonext-npm | Module for Virtual Reality |
OpenCollective Backers OpenCollective Sponsors
Support us with a monthly donation and help us continue framework development๐ and adding new features๐ก๐.