{"id":2416,"date":"2026-05-28T03:34:54","date_gmt":"2026-05-28T03:34:54","guid":{"rendered":"https:\/\/tucumandevelopers.com\/index.php\/2026\/05\/28\/narrativas-interactivas-odyc-js-sirve-para-crear-juegos-con-javascript-y-aprender-al-mismo-tiempo\/"},"modified":"2026-05-28T03:34:54","modified_gmt":"2026-05-28T03:34:54","slug":"narrativas-interactivas-odyc-js-sirve-para-crear-juegos-con-javascript-y-aprender-al-mismo-tiempo","status":"publish","type":"post","link":"https:\/\/tucumandevelopers.com\/index.php\/2026\/05\/28\/narrativas-interactivas-odyc-js-sirve-para-crear-juegos-con-javascript-y-aprender-al-mismo-tiempo\/","title":{"rendered":"Narrativas interactivas: Odyc.js sirve para crear juegos con JavaScript y aprender al mismo tiempo"},"content":{"rendered":"
Odyc.js es una peque\u00f1a librer\u00eda en JavaScript con la que aprender a crear juegos interactivos sencillos, estilo Rogue, con mapas, mu\u00f1ecos, monstruos (sprites), di\u00e1logos, sonidos y algunas cosas m\u00e1s. Es como un LEGO minimalista pero para crear aventurillas pixeladas. Incluye una documentaci\u00f3n bastante amplia pensada en ense\u00f1ar a los m\u00e1s j\u00f3venes, as\u00ed que puede ser un gran recurso para hacer que les pique el gusanillo de crear el pr\u00f3ximo superventas de Steam.
\nEstos juegos narrativos retro combinan normalmente personajes con p\u00edxeles gordos, sonidos, texto y algo de l\u00f3gica (ej. llave que abre una puerta). La idea es que un juego entero pueda caber en un \u00fanico archivo no demasiado grande y funcione con una sola llamada a createGame(). Se puede ver c\u00f3mo funciona pulsando Crear un juego en la portada, eligiendo uno de los Ejemplos en el men\u00fa desplegable y pulsando el bot\u00f3n de Play para ejecutar el c\u00f3digo fuente que se ve a la izquierda.
\nTodo se define con c\u00f3digo bastante sencillo: sprites, posiciones iniciales, mapas y objetos. Los sprites pueden ser bloques de color o dibujos hechos con caracteres, y cada car\u00e1cter puede representar uno de hasta 62 colores de la paleta. (\u00a1Ah, qu\u00e9 tiempos en los que una @ era el protagonista y corr\u00eda perseguido por una Z que era un zombie!!)
\nOdyc incluye 9 tipos de eventos para colisiones, entrada\/salida en los mapas, turnos, mensajes y controles para la aparici\u00f3n de todo ello en pantalla, adem\u00e1s de acciones para abrir di\u00e1logos, mostrar mensajes, lanzar men\u00fas, hacer preguntas, reproducir sonidos o terminar la partida. Tambi\u00e9n incluye algunos sonidos generados por procedimientos, di\u00e1logos con efectos visuales, tres velocidades, una c\u00e1mara configurable, y controles de teclado tipo flechas\/WASD adem\u00e1s de Retorno\/Espacio.
\nA ver qui\u00e9n se anima a crear un juego en alguna tarde aburrida.
\nRelacionados:
\nQX82: una librer\u00eda JavaScript de c\u00f3digo abierto para crear juegos con \u00ablook retro\u00bb
\nScript-8: para crear y compartir juegos retro, de c\u00f3digo abierto y programados en JavaScript
\nC\u00f3mo programar un juego tipo Serpiente en 4 minutos y medio, a pelo y en JavaScript
\nPyxel: un motor de juegos inspirado en las retroconsolas
\nPiskel: un editor de sprites para videojuegos a la antigua usanza
\nCodingame: una forma divertida de aprender a programar juegos
\nUn juego que combina puzles 3 \u2011D, v\u00f3xeles y el aprendizaje de la programaci\u00f3n
\n# Enlace Permanente<\/div>\n

Fuente: Art\u00edculo original<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Odyc.js es una peque\u00f1a librer\u00eda en JavaScript con la que aprender a crear juegos interactivos sencillos, estilo Rogue, con mapas, mu\u00f1ecos, monstruos (sprites), di\u00e1logos, sonidos y algunas cosas m\u00e1s. Es como un LEGO minimalista pero para crear aventurillas pixeladas. Incluye una documentaci\u00f3n bastante amplia pensada en ense\u00f1ar a los m\u00e1s j\u00f3venes, as\u00ed que puede ser […]<\/p>\n","protected":false},"author":1,"featured_media":2415,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[36],"tags":[],"class_list":["post-2416","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geek"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/2416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/comments?post=2416"}],"version-history":[{"count":0,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/2416\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media\/2415"}],"wp:attachment":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media?parent=2416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/categories?post=2416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/tags?post=2416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}