Skip to content
cotera2024Public

About

Fun and beautiful platform game made entirely with vanilla.s vector art creating shots with plot twists and unexpected surprises

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Star Cube

Ver en Español    View in English

Star Cube Cover

Play on GitHub Pages Play on Itch.io Play on Y8 Play on Newgrounds

Vanilla JS HTML5 Canvas Web Audio API 5 Languages Cross Platform Year 2026


Español

Un juego de plataformas y disparos 2D desarrollado completamente desde cero usando Vanilla JavaScript y HTML5 Canvas. Todo el juego está diseñado al 100% con puro arte vectorial procedural nativo del navegador, ¡sin utilizar ningún sprite ni motores externos!


Sobre el juego

Star Cube es un plataformero 2D centrado en el movimiento ágil: control aéreo preciso, dash multidireccional y disparos con carga gradual. Fue diseñado con un rendimiento ultra ligero para correr de forma fluida en cualquier navegador web moderno, tanto en computadoras como en dispositivos móviles.

Juegas como Peggy, un cubo con habilidades acrobáticas. Tu misión es rescatar a tus compañeros capturados a lo largo de seis zonas y derrotar a los jefes que controlan cada mundo.


Jugar en línea directamente

Puedes jugar Star Cube ahora mismo en tu navegador sin instalar nada:


Características del Juego

  • 6 Mundos y Jefes Únicos:
    1. Mundo 1: Explora la hermosa pradera del amanecer y las deslumbrantes cavernas heladas. Enfréntate al espectro gélido (Ice Cube) que lanzó una maldición sobre la pradera, transformándola en un infierno helado.
    2. Mundo 2: Aventúrate en un mundo digitalizado. Lucha contra enemigos eléctricos y el peligroso MawlerKnight, que hará todo lo posible por alterar el sistema y hacerte explotar en un billón de bits con su inversión de controles.
    3. Mundo 3: Sobrevive a los ríos de lava del volcán ardiente y derrota a la Centinela Valkyrie antes de que te reduzca a cenizas.
    4. Mundo 4: Navega en tu barca sorteando el oleaje del mar tempestuoso y desciende a las fosas abisales para enfrentar al Krakatoa Kraken.
    5. Mundo 5: Adéntrate en oscuras mazmorras y supera desafíos de precisión pura para rescatar a tus aliados atrapados.
    6. Mundo 6: Noche de Halloween. Sobrevive a la niebla con tu linterna interactiva y escapa de la persecución contrarreloj de La Gran Calabaza.
  • Sub-mundos Dinámicos: Portales y zonas subterráneas que cambian drásticamente las mecánicas, la gravedad, la visibilidad y el entorno del nivel.
  • Post-Game Oscuro: Al completar la aventura principal, el juego sufre una metamorfosis. Toda la atmósfera se transforma en un entorno oscuro y terrorífico con diálogos alterados, aumento radical de la dificultad y el modo "La Cacería" (mecánicas de persecución y combate cuerpo a cuerpo).
  • Soporte Multi-idioma: Traducción completa e integrada en Español, Inglés, Japonés, Ruso y Chino con selector interactivo y auto-detección.
  • Soporte Completo para Móviles y PC:
    • Móvil: Controles táctiles virtuales en pantalla diseñados a medida, con soporte multitáctil, gestos y respuesta háptica.
    • PC: Teclado y soporte nativo para Gamepads (Xbox, PlayStation, mandos genéricos) con vibración.

Controles

Teclado (PC)

Acción Tecla / Control
Moverse Flechas direccionales (← / →)
Saltar Barra espaciadora (Espacio)
Disparar X
Cargar Ataque Mantener X presionado
Dash C
Energy Dash C (con el ataque cargado al máximo)
Interactuar / Entrar Flecha Arriba (↑) frente a puertas
Pausar P

Pantalla Táctil (Móvil / Tablet)

  • D-Pad Virtual: Moverse a la izquierda o derecha.
  • Botones de Acción: Saltar, Dash, Atacar (cargar disparo) y botón especial de Tajo durante el post-game.
  • Modo Pantalla Completa: Botón dedicado para aprovechar al máximo la pantalla del teléfono.

Gamepad

  • Moverse: Cruceta (D-Pad) o Stick izquierdo.
  • Saltar: Botón A (Xbox) / X (PlayStation).
  • Disparar / Cargar: Botón X (Xbox) / Cuadrado (PlayStation).
  • Dash: Botón B / Gatillos / R1.

Módulo Destacado: Torretas High-Tech y Jefe Valkyrie

Si deseas utilizar, aprender o integrar de forma independiente el sistema modular de Torretas de Alta Tecnología o al jefe Valkyrie, el código está publicado en su propio repositorio, desarrollado 100% en Vanilla JavaScript (ES6 Modules) sin dependencias externas:


Galería de Gameplay y Animaciones

Demostración de las mecánicas dinámicas, mundos, cinemáticas y batallas contra jefes:

01. Pradera del Amanecer (Mundo 1 - Plataformas y Dash) 02. Combate contra Centinela Valkyrie (Mundo 3 - Volcán)

03. Navegación en Barca - Dizzy Peaks (Mundo 4) 04. Cinemática de Historia - La Casa de Peggy

05. Batalla contra el Kraken Abisal (Mundo 4) 06. Oleaje y Tormenta Eléctrica - Dizzy Tempest (Mundo 4)

07. Crimson Chasm y Ríos de Lava (Mundo 3) 08. Cyber Hacker MawlerKnight e Inversión de Controles (Mundo 2)

09. Post-Game: Cara Misteriosa y Modo Pesadilla 10. Rescate de Aliados y Compañero de Peggy


Tecnologías utilizadas

  • HTML5 Canvas: Renderizado gráfico vectorial 2D y bucle de juego propio a 60 FPS.
  • Vanilla JavaScript (ES6+): Físicas de plataformas, colisiones AABB, inteligencia artificial de jefes y gestión de estados.
  • Web Audio API: Síntesis de sonido en tiempo real para efectos de audio de baja latencia.
  • CSS3: Diseño de interfaz de usuario (HUD) y diseño responsivo adaptativo.
  • FFmpeg: Optimización y compresión acústica de pistas musicales en formato MP3 para carga ultrarrápida.

Cómo ejecutarlo localmente

Para revisar el código, ejecutar el juego en tu máquina o contribuir:

  1. Clonar el repositorio:

    git clone https://github.com/cotera2024/Star-Cube.git
    cd Star-Cube
  2. Iniciar un servidor HTTP local: Debido a las políticas de seguridad de los navegadores (CORS), no debes abrir index.html directamente haciendo doble clic (file:///). Es necesario usar un servidor local:

    • Con Visual Studio Code: Extensión Live Server, clic derecho en index.html -> "Open with Live Server".
    • Con Python 3:
      python3 -m http.server 8000
    • Con Node.js:
      npx serve .
  3. Abrir en tu navegador: Ingresa a http://localhost:8000.


Autor y Contacto



English

A 2D arcade platformer and shooter built entirely from scratch using Vanilla JavaScript and HTML5 Canvas. The entire game is rendered 100% with native procedural vector art, with zero sprites or external game engines!


About the Game

Star Cube is an agile 2D platformer focused on swift movement: precise aerial control, omnidirectional dashing, and gradual charge shooting. It was engineered for ultra-low overhead to run smoothly on any modern desktop and mobile web browser.

You play as Peggy, an acrobatic cube. Your mission is to rescue your imprisoned friends across six distinct zones and defeat the bosses who command each world.


Play Online Directly

You can play Star Cube instantly right now in your web browser across any of our official platforms:


Key Features

  • 6 Worlds with Unique Boss Encounters:
    1. World 1: Explore the scenic Dawn Meadow and stunning Glacial Caverns. Face the icy specter (Ice Cube) who cursed the meadow, freezing it into an icy domain.
    2. World 2: Venture into a digitized grid. Battle electric foes and the rogue MawlerKnight, who hacks the system to disrupt your controls.
    3. World 3: Traverse molten lava rivers in the fiery volcano and defeat the Valkyrie Sentinel before you get incinerated.
    4. World 4: Sail your boat against rough oceanic waves and descend into abyssal depths to battle the Krakatoa Kraken.
    5. World 5: Delve into dark dungeons and conquer precision platforming trials to rescue your captured companions.
    6. World 6: Halloween Night. Navigate through thick fog with an interactive flashlight and escape the adrenaline-pumping chase of The Great Pumpkin.
  • Dynamic Sub-Worlds: Portals and underground caverns that drastically alter physics, gravity, visibility, and terrain.
  • Dark Post-Game Mode: Finishing the main story reveals an eerie metamorphosis into a dark nightmare dimension featuring altered dialogue, higher difficulty, and "The Hunt" mode (intense chase and melee slash mechanics).
  • Multi-Language Support: Fully localized into Spanish, English, Japanese, Russian, and Chinese with interactive language switching and auto-detection.
  • Cross-Platform Controls:
    • Mobile: Custom touch controls with virtual D-Pad, dedicated action buttons, and haptic response.
    • PC: Responsive keyboard input and native Gamepad support (Xbox, PlayStation, generic controllers) with vibration feedback.

Controls

Keyboard (PC)

Action Key / Input
Move Arrow keys (← / →)
Jump Spacebar
Shoot X
Charge Shot Hold X
Dash C
Energy Dash C (while fully charged)
Interact / Enter Up Arrow (↑) in front of doors
Pause P

Touch Screen (Mobile / Tablet)

  • Virtual D-Pad: Move left and right.
  • Action Buttons: Jump, Dash, Attack (charge shot), and special Slash button during the post-game.
  • Fullscreen Button: Maximizes screen viewport for distraction-free gaming.

Gamepad

  • Movement: D-Pad or Left Stick.
  • Jump: A (Xbox) / X (PlayStation).
  • Shoot / Charge: X (Xbox) / Square (PlayStation).
  • Dash: B / Shoulder Triggers / R1.

Featured Module: High-Tech Turrets & Valkyrie Boss

If you want to inspect or integrate the standalone High-Tech Turrets system or the Valkyrie Boss into your projects, the code is open-source in its dedicated repository (100% Vanilla JS ES6 Modules):


Gameplay & Animation Gallery (10 Official GIFs)

Visual demonstration of dynamic gameplay mechanics, worlds, cinematics, and boss battles:

01. Dawn Meadow (World 1 - Platforming & Air Dash) 02. Valkyrie Sentinel Boss Fight (World 3 - Volcano)

03. Boat Sailing Physics - Dizzy Peaks (World 4) 04. Story Cinematic - Peggy's House

05. Abyssal Kraken Boss Battle (World 4) 06. Ocean Storm & Lightning - Dizzy Tempest (World 4)

07. Crimson Chasm & Lava Hazards (World 3) 08. Cyber Hacker MawlerKnight & Inverted Controls (World 2)

09. Post-Game: Creepy Atmosphere & Nightmare Mode 10. Ally Rescue & Peggy's Companion


Built With

  • HTML5 Canvas: Custom 2D vector renderer and fixed 60 FPS game loop.
  • Vanilla JavaScript (ES6+): Pure platform physics, AABB collisions, boss AI state machines, and sound scheduling.
  • Web Audio API: Real-time procedural audio synthesis for zero-latency sound effects.
  • CSS3: Responsive UI layout, HUD overlays, and smooth menu animations.
  • FFmpeg: High-efficiency MP3 audio compression and bitrate optimization for instant web loading.

Running Locally

  1. Clone the repository:

    git clone https://github.com/cotera2024/Star-Cube.git
    cd Star-Cube
  2. Start a local HTTP server: Due to browser CORS security policies, do not open index.html via file:///. Use a local server:

    • VS Code Live Server: Right-click index.html -> "Open with Live Server".
    • Python 3:
      python3 -m http.server 8000
    • Node.js:
      npx serve .
  3. Open in your browser: Navigate to http://localhost:8000.


Author & Contact


(c) 2026 Isaac Daniel Cotera. All rights reserved.

About

Fun and beautiful platform game made entirely with vanilla.s vector art creating shots with plot twists and unexpected surprises

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages