{"id":138127,"date":"2026-05-27T05:40:09","date_gmt":"2026-05-27T11:40:09","guid":{"rendered":"https:\/\/pongara.net\/news\/narrativas-interactivas-odyc-js-sirve-para-crear-juegos-con-javascript-y-aprender-al-mismo-tiempo\/"},"modified":"2026-05-27T05:40:09","modified_gmt":"2026-05-27T11:40:09","slug":"narrativas-interactivas-odyc-js-sirve-para-crear-juegos-con-javascript-y-aprender-al-mismo-tiempo","status":"publish","type":"post","link":"https:\/\/pongara.net\/news\/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":"<div>\n<p class=\"imagen\" style=\"text-align:center;\"><a href=\"https:\/\/odyc.dev\/\"><img decoding=\"async\" style=\"aspect-ratio:1000\/691; width:100%; filter: brightness(.95);\" loading=\"lazy\" src=\"https:\/\/pongara.net\/news\/wp-content\/uploads\/2026\/05\/Odyc.webp\" alt=\"Narrativas interactivas: Odyc.js sirve para crear juegos con JavaScript y aprender al mismo tiempo\" title=\"Narrativas interactivas: Odyc.js sirve para crear juegos con JavaScript y aprender al mismo tiempo\"><\/a><\/p>\n<p><a href=\"https:\/\/odyc.dev\/\"><strong>Odyc.js<\/strong><\/a> es una peque\u00f1a librer\u00eda en JavaScript con la que <strong>aprender a crear juegos interactivos sencillos,<\/strong> 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. <\/p>\n<p>Estos <strong>juegos narrativos retro<\/strong> combinan normalmente personajes con p\u00edxeles gordos, sonidos, texto y algo de l\u00f3gica (ej. llave que abre una puerta). La idea es que <strong>un juego entero pueda caber en un \u00fanico archivo<\/strong> no demasiado grande y funcione con una sola llamada a <em>createGame()<\/em>. Se puede ver c\u00f3mo funciona pulsando <em>Crear un juego<\/em> en la portada, eligiendo uno de los <em>Ejemplos<\/em> en el men\u00fa desplegable y pulsando el bot\u00f3n de <em>Play<\/em> para ejecutar el c\u00f3digo fuente que se ve a la izquierda.<\/p>\n<p>Todo se define con c\u00f3digo bastante sencillo: <strong>sprites, posiciones iniciales, mapas y objetos<\/strong>. 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, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Rogue_(video_game)\">qu\u00e9 tiempos<\/a> en los que una @ era el protagonista y corr\u00eda perseguido por una Z que era un zombie!!)<\/p>\n<p>Odyc incluye <strong>9 tipos de eventos<\/strong> para <strong>colisiones, entrada\/salida<\/strong> en los mapas, <strong>turnos, mensajes y controles<\/strong> para la aparici\u00f3n de todo ello en pantalla, adem\u00e1s de <strong>acciones<\/strong> para <strong>abrir di\u00e1logos, mostrar mensajes, lanzar men\u00fas, hacer preguntas, reproducir sonidos o terminar<\/strong> la partida. Tambi\u00e9n incluye algunos <strong>sonidos<\/strong> generados por procedimientos, <strong>di\u00e1logos<\/strong> con efectos visuales, <strong>tres velocidades<\/strong>, una <strong>c\u00e1mara<\/strong> configurable, y <strong>controles de teclado<\/strong> tipo flechas\/WASD adem\u00e1s de <em>Retorno\/Espacio<\/em>.<\/p>\n<p>A ver qui\u00e9n se anima a crear un juego en alguna tarde aburrida.<\/p>\n<p>Relacionados:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/qx82-libreria-javascript-look-retro.html\">QX82: una librer\u00eda JavaScript de c\u00f3digo abierto para crear juegos con \u00ablook retro\u00bb<\/a><\/li>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/script-8-juegos-retro-codigo-abierto-javascript.html\">Script-8: para crear y compartir juegos retro, de c\u00f3digo abierto y programados en JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/programar-juego-serpiente-javascript.html\">C\u00f3mo programar un juego tipo Serpiente en 4 minutos y medio, a pelo y en JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/pixel-motor-juegos-retroconsolas.html\">Pyxel: un motor de juegos inspirado en las retroconsolas<\/a><\/li>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/piskel-editor-sprites-videojuegos.html\">Piskel: un editor de sprites para videojuegos a la antigua usanza<\/a><\/li>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/codingame-aprender-a-programar-jugando.html\">Codingame: una forma divertida de aprender a programar juegos<\/a><\/li>\n<li><a href=\"https:\/\/www.microsiervos.com\/archivo\/juegos-y-diversion\/juego-puzles-3d-voxeles-aprendizaje-programacion.html\">Un juego que combina puzles 3 \u2011D, v\u00f3xeles y el aprendizaje de la programaci\u00f3n<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.microsiervos.com\/archivo\/ordenadores\/odyc-narrativas-interactivas-javascript-aprender.html\"># Enlace Permanente<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":138128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[2461,12434,5579,1093,15187,1268,32621,1409],"class_list":["post-138127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias","tag-aprender","tag-interactivas","tag-javascript","tag-juegos","tag-narrativas","tag-noticias","tag-odycjs","tag-tiempo"],"_links":{"self":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/posts\/138127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/comments?post=138127"}],"version-history":[{"count":0,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/posts\/138127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/media\/138128"}],"wp:attachment":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/media?parent=138127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/categories?post=138127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/tags?post=138127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}