Reach for the Stars: A Platformer Adventure

Easy to learn. Hard to master. And fairly addictive. Play online or download apk for Android. A classic 2D platformer built with HTML, CSS, and JavaScript, where your goal is to collect all the stars and reach the exit to advance through increasingly challenging levels. Each level brings new obstacles, faster gameplay, and unique, dynamic background elements to enhance the immersive experience.

Features

  • Classic Platforming: Jump, run, and navigate treacherous platforms.
  • Dynamic Level Generation: Each level presents a new, procedurally generated layout of platforms, enemies, and stars.
  • Challenging Obstacles:
    • Moving Platforms: Platforms that traverse horizontally.
    • Disappearing Platforms: Platforms that vanish upon touch and reappear after a short duration.
    • Bouncy Platforms: Give an extra high jump!
    • Conveyor Platforms: Push the player in a specific direction.
    • Enemies: Avoid red triangular enemies that patrol platforms.
    • Deadly Pit: Don't fall off the screen!
  • Collectibles: Gather shiny stars to unlock the level's exit.
  • Power-Ups:
    • Invincibility: Become temporarily immune to enemies and deadly platforms.
    • Speed Boost: Move and jump faster for a limited time.
  • Lives System: You have a limited number of lives before Game Over.
  • Score Tracking: Accumulate points by collecting stars and completing levels.
  • High Score: Your best score is saved locally!
  • Responsive Controls: Play seamlessly on both desktop (keyboard) and mobile (touch screen).
  • Immersive Sound & Music: Simple, retro-style sound effects and background music (music is from an external source).
  • Thematic Backgrounds: Experience different atmospheric effects unique to each level's visual theme.

How to Play

Objective

Collect all the yellow stars in a level. Once all stars are collected, a green "EXIT" platform will appear. Reach this platform to complete the level and advance to the next!

Controls

Desktop (Keyboard)

  • Move Left: Left Arrow or A
  • Move Right: Right Arrow or D
  • Jump: Spacebar
  • Pause/Resume: P or Escape
  • Restart Game: Click the "Restart Game" button on the top right.
  • Mute Music: Click the "Mute Music" button on the top right.

Mobile (Touch)

  • Move Left: Tap the LEFT button on the bottom left.
  • Move Right: Tap the RIGHT button on the bottom left.
  • Jump: Tap the JUMP button on the bottom right.
  • Mute/Restart: The "Mute Music" and "Restart Game" buttons are available on the top right.

Gameplay Tips

  • Pay attention to platform types; they behave differently!
  • Enemies patrol platforms. You can avoid them or use invincibility.
  • Falling off the screen or touching a deadly platform costs a life.
  • Power-ups are temporary, so use them wisely!

Dynamic Backgrounds

The game's background theme and accompanying moving elements change with each level, creating a unique atmosphere:

  • Level 1, 6, 11... (Night/Space Theme):
    • Colors: Deep blues, purples, and grays.
    • Moving Elements:Fireflies - Small, glowing particles that drift and subtly flicker.
  • Level 2, 7, 12... (Autumn/Sunset Theme):
    • Colors: Warm yellows, oranges, and reds.
    • Moving Elements: 🍂 Leaves - Drifting leaves in autumn colors, gently falling and rotating.
  • Level 3, 8, 13... (Sky/Ocean Theme):
    • Colors: Bright blues, teals, and light purples.
    • Moving Elements: 🌧️ Rain - Light blue raindrops falling vertically with a slight drift.
  • Level 4, 9, 14... (Spring/Sunrise Theme):
    • Colors: Soft oranges, pinks, and magentas.
    • Moving Elements: 🌸 Flower Petals - Various colored petals gracefully descending.
  • Level 5, 10, 15... (Winter/Deep Night Theme):
    • Colors: Dark blues, deep grays, and subtle whites.
    • Moving Elements: ❄️ Snowflakes - White snowflakes gently falling and drifting.
Note: The background music is loaded from an external GitHub URL. Ensure you have an internet connection for the music to play.

Development & Technologies

  • HTML: Structures the game canvas and control buttons.
  • CSS: Styles the page, canvas, and implements responsive design for mobile controls.
  • JavaScript: Powers all game logic, physics, drawing on the canvas, level generation, audio, and managing game states.
<style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; max-width: 900px; margin: 20px auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } h1, h2, h3, h4, h5, h6 { color: #2c3e50; border-bottom: 2px solid #eee; padding-bottom: 5px; margin-top: 30px; } h1 { font-size: 2.5em; border-bottom: 3px solid #007bff; } h2 { font-size: 1.8em; color: #007bff; } h3 { font-size: 1.4em; color: #0056b3; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } ul { list-style-type: disc; margin-left: 25px; padding-left: 0; } li { margin-bottom: 8px; } strong { color: #34495e; } code { font-family: 'Courier New', Courier, monospace; background-color: #eef; padding: 2px 5px; border-radius: 4px; color: #c7254e; font-size: 0.9em; } .note { background-color: #fff3cd; border-left: 5px solid #ffeeba; padding: 15px; margin: 20px 0; border-radius: 4px; color: #856404; } img { max-width: 100%; height: auto; display: block; margin: 20px auto; border: 1px solid #ddd; border-radius: 4px; } em { font-style: italic; color: #666; } </style>
Updated 6 hours ago
Published 2 days ago
StatusReleased
PlatformsHTML5, Android
Authortintwotin
GenrePlatformer
Tags2D, Singleplayer
LinksGitHub

Download

Download
ReachForTheStars.apk 15 MB