LinkedIn Profile | Play The Game 🕹️ | Check Out My Portfolio 📜 | Favorite Code Block 🥰 | Getting Started 🚦
Welcome to my world, literally! This game is a mini, interactive universe, specifically designed for your enjoyment! I created this project with a three-piece as classic as Harold's Chicken's, the front end stack HTML, CSS, & Vanilla JavaScript. Asteroid Juggler is my second venture into game logic and, by far, my favorite. Now I must say, I was advised by my Instructor that I shouldn't try to learn how to use HTML canvas, we had only just started to learn how to use javascript in collaboration with HTML. We only had one week to complete and hand in the project... I took this advice as a challenge. I'm proud to say that I successfully learned how to use canvas and create sprites to animate movement in time to successfully turn in the project! This had been the hardest coding skill I'd ever taught myself up to that point. Keep in mind that we were only about a month into the GA Bootcamp at that time. Of course, none of that would matter if the game wasn't interesting to look at and engaging to play. I'm so glad I took the time to research and learn the CSS skills necessary to give this game a glossy finish! The object of which, in layman's terms, is to keep the asteroids off of the ground. Simple, you say? I bet one round of gameplay and a peek at the code behind it will change your mind!:smiling_imp:
As you may have gathered, the gameplay is heavily collision-based. Thus physics, and some of the trigonometry behind it, are integral parts of the logic engine driving this game. In this code block, I adapt the equations commonly used to describe simple physical collisions to ignore friction and give the asteroids (I call them balls in the code because the original concept was just a ball-bouncing game) perpetual motion. This was especially fun for me because physics is a topic I'm profusely passionate about, so I enjoyed delving back into the equations we use to understand the world around us!
Game Logic Basis | Ball Physics Basis | Control Panel | Flight Sim | Background
-
Fork the Repository
-
Clone your forked repository
-
run
open index.html -
It's that simple!