Bumped!
by Anonymous · ⭐ 1 · 🍴 0
📍 Positions use two numbers: x moves right, y moves down. Increasing y goes down instead of up, so mission 2 might surprise you! ➡️ Moving means updating position step by step: add to x to go right, subtract from y to go up. Dotted lines trace your path. 💥 Finally, check for collisions! Pick four inequality signs to set your rules and test different layouts. Red lines show any mistakes. Built with code—remix it to create your own game!
About this app
They Bumped! is an interactive educational web app designed to teach foundational coding concepts through visual experiments. Users learn how 2D coordinates work where x moves right and y moves down, how step-by-step position increments create movement, and how to construct bounding box collision detection rules across four sides. The application provides instant visual feedback and live code previews for every challenge.
Use cases
- Beginners and kids learning basic programming logic and 2D coordinate systems
- Educators seeking an interactive visual tool to explain 2D game mechanics and axis movement
- Students practicing relational operators and logical conditions for collision detection
Features
- Interactive 2D coordinate board for exploring x (right) and y (down) positioning
- Step-by-step movement simulation using step increments (dx, dy) for straight and diagonal paths
- Collision logic editor to construct and test bounding-box overlap rules across four directions
- Real-time visual feedback with live code snippets updated for each exercise