okayuScroller

Nekomata Okayu Scroller 🐱

Un minijuego simple y encantador estilo pixel art basado en la VTuber Nekomata Okayu. Un scroller lateral donde puedes controlar a Okayu mientras explora un mundo pixelado.

🎮 Controles

• A / ← - Moverse a la izquierda
• D / → - Moverse a la derecha
  
• W / ↑ - Saltar

🎯 Características

• ✅ Movimiento fluido - Control preciso con animaciones suaves
• ✅ Física simple - Gravedad y colisiones básicas
• ✅ Animaciones - Sprites animados para idle y caminar
• ✅ Dirección dinámica - El personaje mira hacia donde se mueve
• ✅ Música de fondo - Reproduce música al hacer clic
• ✅ Pixel art - Estilo retro pixelado con efectos crisp
• ✅ Responsive - Se adapta a diferentes tamaños de pantalla

🚀 Cómo usar

1. Prepara tus assets:

   • Coloca tu sprite sheet en assets/sprites.png (930x614px)
   • Coloca tu música en assets/music.mp3
   • Ajusta las coordenadas de sprites en js/player.js según tu sprite sheet

2. Abre el juego:

   • Simplemente abre index.html en tu navegador
   • Haz clic en el canvas para iniciar la música
   • ¡Empieza a jugar!

🎨 Personalización

Coordenadas de sprites

En js/player.js, ajusta las coordenadas de sprites según tu sprite sheet:

this.sprites = {
    idle: [
        { x: 0, y: 0, w: 32, h: 32 },
        // ... más frames
    ],
    walk: [
        { x: 0, y: 32, w: 32, h: 32 },
        // ... más frames
    ]
};

Física del juego

Ajusta estos valores en js/player.js:

• speed - Velocidad de movimiento horizontal
• jumpPower - Fuerza del salto
• gravity - Intensidad de la gravedad

📁 Estructura del proyecto

okayuScroller/
├── index.html          # Página principal
├── css/
│   └── styles.css      # Estilos del juego
├── js/
│   ├── game.js         # Lógica principal del juego
│   ├── player.js       # Clase del jugador
│   └── input.js        # Manejo de controles
├── assets/
│   ├── sprites.png     # Sprite sheet (930x614px)
│   └── music.mp3       # Música de fondo
└── README.md           # Este archivo

🛠️ Tecnologías usadas

• HTML5 Canvas - Renderizado del juego
• JavaScript ES6+ - Lógica del juego
• CSS3 - Estilos y diseño responsive
• Pixel art - Estilo visual retro

🎵 Notas sobre la música

El juego espera un archivo music.mp3 en la carpeta assets/. La música se reproduce automáticamente después de hacer clic en el canvas (requerido por las políticas de navegadores modernos).

📱 Compatibilidad

• ✅ Chrome, Firefox, Safari, Edge
• ✅ Móviles (responsive)
• ✅ Requiere JavaScript habilitado

---

¡Disfruta jugando con Okayu! 🐾