{"json_modified": "2016-05-27T13:35:18.682266", "uuid": "07e9bc1c-4287-4ddd-a1d8-d749e4c1c3e7", "title": "Building up a basic demo with Babylon.js", "url": "/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js", "tags": ["Beginner", "3D game engines", "Babylon.js", "WebGL", "babylon.js", "beginner"], "translations": [], "modified": "2016-05-27T13:35:18", "label": "Building up a basic demo with Babylon.js", "localization_tags": [], "locale": "en-US", "id": 180608, "last_edit": "2016-05-27T13:35:16", "summary": "<span class=\"seosummary\"><a href=\"https://babylonjs.com/\">Babylon.js</a> is one of the most popular 3D game engines used by developers. As with any other 3D library it provides built-in functions to help you implement common 3D functionality more quickly. In this article we'll take you through the real basics of using Babylon.js, including setting up a development environment, structuring the necessary HTML, and writing the JavaScript code.</span>", "sections": [{"id": "Environment_setup", "title": "Environment setup"}, {"id": "HTML_structure", "title": "HTML structure"}, {"id": "Initialising_the_Babylon.js_engine", "title": "Initialising the Babylon.js engine"}, {"id": "Creating_a_scene", "title": "Creating a scene"}, {"id": "Creating_a_rendering_loop", "title": "Creating a rendering loop"}, {"id": "Creating_a_camera", "title": "Creating a camera"}, {"id": "Let_there_be_light", "title": "Let there be light"}, {"id": "Geometry", "title": "Geometry"}, {"id": "Material", "title": "Material"}, {"id": "More_shapes", "title": "More shapes"}, {"id": "Torus", "title": "Torus"}, {"id": "Cylinder", "title": "Cylinder"}, {"id": "Animation", "title": "Animation"}, {"id": "Rotation", "title": "Rotation"}, {"id": "Scaling", "title": "Scaling"}, {"id": "Moving", "title": "Moving"}, {"id": "Conclusion", "title": "Conclusion"}, {"id": "See_also", "title": "See also"}], "slug": "Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js", "review_tags": []}