{"json_modified": "2016-09-29T10:15:12.230337", "uuid": "e26c9c23-1f18-4ce1-9e3e-6c634e4adefe", "title": "Building up a basic demo with Whitestorm.js", "url": "/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Whitestorm.js", "tags": ["Canvas", "three.js", "Beginner", "physics", "3D", "Advanced", "Tutori", "whitestorm.js", "WebGL", "beginner", "JavaScript", "Animation", "Graphic", "Games"], "translations": [], "modified": "2016-09-29T10:15:12", "label": "Building up a basic demo with Whitestorm.js", "localization_tags": [], "locale": "en-US", "id": 195745, "last_edit": "2016-09-29T10:15:07", "summary": "<a href=\"https://whitestormjs.xyz/\">Whitestorm.js</a> is a framework built on the top of\u00a0<a href=\"https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js\">Three.js</a>\u00a0technology, enhanced by features such as a built-in Physics engine \u2014 a modified\u00a0<a href=\"https://chandlerprall.github.io/Physijs/\">Physi.js</a> that acts as a wrapper around\u00a0<a href=\"https://github.com/kripken/ammo.js/\">Ammo.js</a>\u00a0(Bullet Physics ported to JavaScript) with usage of web-workers technology \u2014 and a\u00a0 <a href=\"https://github.com/WhitestormJS/generator-whs-plugin\">plugin system</a> providing useful modularity. In this article we show how you can get started with Whitestorm.js.", "sections": [{"id": "Environment_setup", "title": "Environment setup"}, {"id": "Node", "title": "Node"}, {"id": "Bower", "title": "Bower"}, {"id": "Manual", "title": "Manual"}, {"id": "Creating_a_basic_Whitestorm_app", "title": "Creating a basic Whitestorm app"}, {"id": "Getting_started", "title": "Getting started"}, {"id": "Creating_a_world", "title": "Creating a world"}, {"id": "Creating_a_sphere", "title": "Creating a sphere"}, {"id": "Adding_a_cube", "title": "Adding a cube"}, {"id": "Adding_a_light_source", "title": "Adding a light source"}, {"id": "Making_things_happen", "title": "Making things happen"}, {"id": "Components_plugins", "title": "Components & plugins"}, {"id": "Playground", "title": "Playground"}, {"id": "Conclusion", "title": "Conclusion"}, {"id": "See_also", "title": "See also"}, {"id": "Tutorials", "title": "Tutorials"}], "slug": "Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Whitestorm.js", "review_tags": []}