Un hack & slash de garabatos: sobrevive a los monstruos de papelería antes de que te borren.
LIBRETA es un hack & slash con estética de cuaderno escolar: papel rayado, margen rojo y un trazo "hervido" tipo boceto, todo dibujado en código (sin imágenes ni sprites). Una mano te dibuja sobre la página y tienes que sobrevivir 10 rondas de monstruos de papelería —garabatos, crayones, clips, chinchetas, tijeras y virutas— mientras recoges mejoras entre ronda y ronda. Al final te espera La Goma, el jefe que te persigue y va dejando la página en blanco a su paso. 📒✨
Eres un garabato más en una libreta cualquiera. Una mano te dibuja con lápiz, te da vida y... empieza la pesadilla: la papelería ha cobrado conciencia y quiere acabar contigo. Aguanta página tras página hasta llegar a la última hoja, donde La Goma intenta borrarte del cuaderno para siempre. Si te alcanza, desapareces; si la vences, la libreta es tuya. ✊🧼
| Acción | Tecla / control |
|---|---|
| 🏃 Moverse | WASD / flechas |
| 🎯 Apuntar | ratón |
| ⚔️ Atacar | clic / X / J |
| 💨 Dash | espacio / Shift / K |
| ⏸️ Pausa | ESC |
| 🔇 Silenciar | M |
| ⏭️ Saltar cinemática / confirmar | ENTER |
| 🔁 Reiniciar (en pausa o fin) | R |
| Jugando | Acción |
|---|---|
 |
 |
Juega online aquí 👉 gavilanbe.github.io/libreta
¿Prefieres ejecutarlo en local? No hay build ni dependencias, solo un servidor estático:
python3 -m http.server 8000
# Luego abre http://localhost:8000- JavaScript puro sobre Canvas 2D, sin frameworks ni paso de build. Lienzo fijo de 1280×800 que se escala a la ventana.
js/audio.js— audio 100% procedural con WebAudio: rasgueo de lápiz, goma de borrar, golpes y una musiquilla lo-fi, sin ningún asset de sonido.js/sketch.js— el motor de "dibujado": trazo hervido, papel rayado, la mano con lápiz/goma y el arte del héroe, todo generado en código.js/entities.js— el jugador, los monstruos de papelería (garabatos, crayones, clips, chinchetas, tijeras) y el jefe La Goma.js/game.js— bucle principal y máquina de estados: portada → apertura → la mano te dibuja → 10 rondas con mejoras → final (victoria o game over).
Publicado por @gavilanbe. Uno más de mi colección de juegos web hobby. ¡A explorar! 🎮