{"json_modified": "2016-09-24T03:10:15.071973", "uuid": "c4ac7d28-5617-4142-ac63-591e052f6dda", "title": "Building up a basic demo with Three.js", "url": "/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js", "tags": ["Canvas", "three.js", "Beginner", "beginner", "3D", "Camera", "rendering", "lighting", "WebGL", "camera", "Tutorial", "Animation", "Games"], "translations": [], "modified": "2016-09-24T03:10:15", "label": "Building up a basic demo with Three.js", "localization_tags": [], "locale": "en-US", "id": 164689, "last_edit": "2016-09-24T03:10:10", "summary": "In this article we'll take you through the real basics of using Three, including setting up a development environment, structuring the necessary HTML, the fundamental objects of Three, and how to build up a basic demo.", "sections": [{"id": "Environment_setup", "title": "Environment setup"}, {"id": "HTML_structure", "title": "HTML structure"}, {"id": "Renderer", "title": "Renderer"}, {"id": "Scene", "title": "Scene"}, {"id": "Camera", "title": "Camera"}, {"id": "Rendering_the_scene", "title": "Rendering the scene"}, {"id": "Geometry", "title": "Geometry"}, {"id": "Material", "title": "Material"}, {"id": "Mesh", "title": "Mesh"}, {"id": "Adding_the_cube_to_the_scene", "title": "Adding the cube to the scene"}, {"id": "More_shapes_and_materials", "title": "More shapes and materials"}, {"id": "Lights", "title": "Lights"}, {"id": "Animation", "title": "Animation"}, {"id": "Rotation", "title": "Rotation"}, {"id": "Scaling", "title": "Scaling"}, {"id": "Moving", "title": "Moving"}, {"id": "Conclusion", "title": "Conclusion"}], "slug": "Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js", "review_tags": []}