Brainstorm Lessons

• Set Up a Web Development Environment: Set up a web development environment (text editor, local server, ngrok), or use CodePen.
• Play with Hello WebVR: Open the Hello WebVR scene and play with basic values (color, position, rotate, scale). Try out on desktop and mobile.
• Open the Inspector: Hit <ctrl> + <alt> + i and explore the Inspector on the Hello Metaverse scene.
• Add a Basic Sky: Add a colored background sky.
• Add a Textured Sky: Add a textured background sky using one of the sample images. Try equirectangular photos from Flickr. Then use the semi-skysphere we use in many of our demos.
• Add a Basic Ground: Add a box as the ground.
• Add a Textured Ground: Use sample images to provide texture to the ground or from Google Images. Play with repeat values.
• Add Primitives: Add various primitives and meshes such as boxes, cylinders, spheres, torus knots.
• Texture the Meshes: Add textures to meshes.
• Decompose to Components: Add meshes using the underlying entity-component pattern.
• Use the Registry: Add some components from the Registry such as particle-system, mountain, or rain.
• Add a Model: With OBJ and glTF models.
• Use JavaScript DOM APIs: Create, update, remove entities.
• Add Gaze Cursor With Interaction: Using cursor component with an event listener on a mesh to change its color.
• Add Hands: Add hands using hand-controls.
• Add Basic Hand Interactions: Using controller-cursor component.
• Add Hand Collisions: Using aabb-collider component.
• Deploy Web Application