# 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:

```javascript
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! 🐾
