By
@princekumar
A small space arcade game I made with HTML, CSS and JavaScript for Stardance. You have 60 seconds and 3 lives. Catch the stars for points and dodge the meteors.
@princekumar
on
Cosmic Catcher
I made Cosmic Catcher, a space-themed arcade game using HTML, CSS, and JavaScript. The goal is to catch falling stars to increase your score while avoiding meteors that make you lose lives. The game includes a 60-second timer, 3 lives, increasing difficulty, keyboard controls, and a high-score system.
The most challenging part was building the JavaScript game logic, especially collision detection, player movement, falling objects, the timer, and the game loop.
I am proud that I turned my idea into a complete playable game with a cosmic design, animated stars, scoring, lives, meteors, and a saved high score.
To test it, click “Start Game” and use the Left/Right arrow keys or A/D to move. Catch ⭐ stars for points and avoid ☄️ meteors. Try to survive for 60 seconds and beat the high score!
@princekumar
on
Cosmic Catcher
3h 16m 52s logged
← Left Arrow- → Right Arrow- A to move left- D to move rightI also added boundary checking so the catcher cannot move outside the game canvas.—### ⭐ Falling StarsI created randomly generated falling objects.Stars fall from the top of the canvas and the player needs to catch them.Every time a star is caught:```text⭐ +10 Points
@princekumar
on
Cosmic Catcher
2h 27m 59s logged
Today I worked on my Cosmic Catcher game and focused mainly on creating the basic structure and design. I added the game title, score, lives, timer, best score, instructions, game area, and Start Game button. The idea of the game is to catch ⭐ stars to increase the score and avoid ☄️ meteors so that the player does not lose lives. I worked with HTML and CSS for this part of the project. I designed the interface with a dark space-style background, glowing borders, cards, and buttons to give it a cosmic look. I also added responsive CSS so the layout can work better on smaller screens and mobile devices. While working on the design, I tested the page in the browser and adjusted the spacing and sizes to make the game interface look better. The basic interface is now ready, and in the next part I will work on the JavaScript gameplay, including player movement, falling stars, meteors, scoring, lives, and the timer.
@princekumar
on
Cosmic Catcher
2h 21m 12s logged
#🚀 Cosmic Catcher — Devlog 1 : Building the HTMLToday I started working on my Cosmic Catcher game. I created the basic index.html structure and set up the main game area where the player, falling objects, score, and game controls will be displayed. I also added the title and basic sections that I will use later when adding the CSS and JavaScript.For now, I focused mainly on getting the HTML structure organized rather than making the game fully functional. I checked that the page loads correctly in the browser and that all the main elements are in the right places. In the next part, I will work on the CSS to design the space theme and make the game look better.
