Theory
🕶️🎮 17. Introduction to HatchXR
🔍 What is HatchXR?
- HatchXR is a 3D VR gaming creation platform widely used in schools. It helps students build, code, and explore their creations in VR or AR, laying a strong foundation for STEAM learning and digital skills.
Getting Started:
- 🚀 Step 1: Open Chrome Browser: Find the Chrome icon on your computer and click it to open.
- 🔗 Step 2: Go to HatchXR: Click on the URL bar at the top, type “HatchXR,” and press Enter.
- 🖱️ Step 3: Click the First Link: This will take you to the HatchXR project.
Navigating HatchXR:
- 🧭 Step 4: Interface Overview: Once you’re on HatchXR, you’ll see options to build AR/VR experiences right from your browser.
- 👤 Step 5: Login: Click on the login button and enter your details. If you don’t have an account, you might need to create one.
Starting Your Project:
- 🛠️ Step 6: Access Code with Block: Click on the ‘Code with Block’ option to start building your project.
- 📄 Step 7: Choose a Template: You’ll see various project templates like Rocket Launch, Maze, Treehouse, etc. Pick one you like or start with an empty project.
- 🖥️ Step 8: Understand the Interface: On the left side are blocks for events, loops, logic, and more. These are your building tools.
Building Your Project:
- ➕ Step 9: Add Blocks: Drag blocks from the left into the main area to start building your project. These blocks represent different actions and commands.
- 🛑 Step 10: Choose Objects: On the right, you’ll find objects like boxes, spheres, and cylinders. Drag them into your project to use them.
- 🔄 Step 11: Move and Zoom: Learn to zoom in, zoom out and move your view around to see your project from different angles.
Coding and Customizing:
- 💻 Step 12: Coding: Click on the ‘Code’ button to see the coding area. Here, you can control and customize your project with more detail.
- ⚙️ Step 13: Add Actions: Want your box to move forward? Drag the right block and connect it to your box.
- ▶️ Step 14: Test Your Project: Click the green run button to see your project in action.
Adjusting Objects:
- 🎛️ Step 15: Change Position, Rotation, Scale: Select an object and adjust its position, rotation, and scale by entering values on the right side.
- ❌ Step 16: Delete Objects: If you don’t want an object anymore, click it and press the delete button.
Finalizing and Understanding:
- 🌟 Step 17: Explore Different Functions: Look around the interface to find camera options, cursors, and lighting adjustments.
- 🔍 Step 18: Revisit Code: Click back on the code to see or change how your project works.
Conclusion:
- 🎁 Wrap Up: Once you’re done, you can save your project. Remember, practice makes perfect, so keep trying new things!
- 📢 Share Your Creation: Show your project to friends, family, or teachers and see what they think!
- 🧠 Remember: If you get stuck or something doesn’t work, that’s okay! Part of learning is making mistakes and figuring things out. Keep trying, and have fun building and learning with HatchXR!