{"id":1836,"date":"2026-07-22T12:23:51","date_gmt":"2026-07-22T10:23:51","guid":{"rendered":"https:\/\/koredesign.studio\/?page_id=1836"},"modified":"2026-08-17T02:39:47","modified_gmt":"2026-08-17T00:39:47","slug":"rock-paper-or-scissors","status":"publish","type":"page","link":"https:\/\/koredesign.studio\/es\/rock-paper-or-scissors\/","title":{"rendered":"Piedra, Papel o Tijera"},"content":{"rendered":"
\n\t\t\t\t
\n \n \t\t\t

Desarrollo Web<\/p>\n\t\t\n<\/a>\n

\n\t\t\t\t\t
\n\t\t\t\t\t

Piedra, Papel o Tijera<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n
\n \t\t\t

Descripci\u00f3n General<\/h2>\n\t\t\t\t\t

Desarrollado como un proyecto colaborativo dentro del Programa de Pr\u00e1cticas de Mayerfeld<\/strong> por un equipo de cuatro desarrolladores, el Juego de Piedra, Papel o Tijera<\/strong> es una aplicaci\u00f3n interactiva basada en navegador y con interfaz de consola, dise\u00f1ada para ejecutar una batalla de 5 rondas entre un jugador humano y un oponente de IA. El objetivo principal era dise\u00f1ar un motor de juego limpio y sin errores utilizando JavaScript puro, mediante programaci\u00f3n colaborativa y revisi\u00f3n de c\u00f3digo. El proyecto se centra en principios de programaci\u00f3n fundamentales, como la selecci\u00f3n aleatoria por computadora, el an\u00e1lisis de cadenas sin distinci\u00f3n entre may\u00fasculas y min\u00fasculas, los bucles de validaci\u00f3n de entrada, la evaluaci\u00f3n de resultados condicionales y el seguimiento de la puntuaci\u00f3n en tiempo real, todo ello comunicado a trav\u00e9s de una experiencia de terminal atractiva y narrativa.<\/p>\n\t\t\t\t\t

El Desaf\u00edo<\/h2>\n\t\t\t\t\t

Desarrollar un motor de juego robusto y por turnos en la consola del navegador, trabajando en un equipo de desarrollo de cuatro personas, requiri\u00f3 gestionar un flujo l\u00f3gico estricto, est\u00e1ndares de c\u00f3digo uniformes y manejar el comportamiento impredecible del usuario. Los principales desaf\u00edos t\u00e9cnicos incluyeron:
     - Motor de Decisi\u00f3n de IA Aleatorio:<\/strong>Dise\u00f1ar un algoritmo de selecci\u00f3n din\u00e1mico y justo (computerPlay) que genere aleatoriamente \"Piedra\", \"Papel\" o \"Tijeras\" con igual probabilidad.

     - An\u00e1lisis de Entrada sin Distinci\u00f3n de May\u00fasculas y Min\u00fasculas:<\/strong>Normalizar las entradas del usuario para aceptar cualquier variaci\u00f3n de may\u00fasculas y min\u00fasculas (p. ej., rock, ROCK, RocK) sin romper la l\u00f3gica de comparaci\u00f3n.

     - Validaci\u00f3n de Entrada y Manejo de Errores Robustos:<\/strong>Asegurar que las entradas no v\u00e1lidas (p. ej., errores tipogr\u00e1ficos, valores vac\u00edos o selecciones que no corresponden al juego) no bloqueen la aplicaci\u00f3n ni generen errores en la consola, lo que obliga a repetir las rondas hasta completar 5 manos v\u00e1lidas.

     - Motor de Juego con Estado:<\/strong>Registrar las puntuaciones a lo largo de 5 rondas v\u00e1lidas, evaluar escenarios de victoria\/derrota\/empate y declarar din\u00e1micamente al campe\u00f3n general al finalizar la sesi\u00f3n.<\/p>\n\t\t\t\t\t

Nuestro Enfoque<\/h2>\n\t\t\t\t\t

Trabajando en un equipo de cuatro, dividimos el proceso de desarrollo en bloques funcionales modulares para garantizar una ejecuci\u00f3n limpia, consistencia del c\u00f3digo y programaci\u00f3n defensiva:
     - L\u00f3gica de Selecci\u00f3n del Ordenador (computerPlay)<\/strong>: Utilizamos Math.random() mapeado a un array de opciones para generar movimientos impredecibles de la IA.

     - Mec\u00e1nica de Ronda (playRound)<\/strong>: Dise\u00f1amos una funci\u00f3n pura que eval\u00faa las elecciones del jugador frente a las selecciones del ordenador, devolviendo cadenas de resultados estructuradas basadas en las reglas tradicionales de Piedra, Papel o Tijera. Aplicamos normalizaci\u00f3n de cadenas (toLowerCase()) para procesar la entrada del usuario sin problemas.

Bucle de Juego Interactivo (game)<\/strong>:
     Creamos una funci\u00f3n orquestadora central que contiene un bucle con estado para ejecutar una partida de 5 rondas:
     
     Incorporamos di\u00e1logos prompt() con instrucciones claras y narrativa.

     Aplicamos mecanismos de validaci\u00f3n: si un usuario introduce una opci\u00f3n no v\u00e1lida o cancela, el motor le avisa y repite la ronda espec\u00edfica sin avanzar el contador de rondas.

     Se registraron comentarios de las rondas en tiempo real, puntuaciones en vivo y resultados finales de los partidos directamente en la consola del desarrollador.

     - Sinergia del Equipo y Revisi\u00f3n de C\u00f3digo:<\/strong>Se realizaron depuraciones conjuntas y revisiones de c\u00f3digo entre pares para mantener buenas pr\u00e1cticas est\u00e1ndar de ES6 y prevenir errores en la consola de ejecuci\u00f3n en todos los casos extremos.<\/p>\n\t\t\t\t\t

Galer\u00eda de Proyectos<\/h2>\n\t\t
\n
\n \t\t\t\"Screenshot\t\t\n \t\t\t

Jugar en Vivo<\/p>\n\t\t\n<\/a>\n\n<\/div>\n

\n \t\t\t\"View\t<\/a>\t\t\n<\/div>\n\n<\/div>\n\t\t\t

Resultados<\/h2>\n\t\t\t\t\t

Desarrollado con \u00e9xito dentro del marco del Programa de Pr\u00e1cticas de Mayerfeld<\/strong> , el proyecto entreg\u00f3 un minijuego de consola sin errores y altamente robusto que cumpli\u00f3 a la perfecci\u00f3n con todos los criterios de la tarea, demostrando s\u00f3lidos fundamentos de JavaScript puro y colaboraci\u00f3n en equipo:
     - L\u00f3gica Algor\u00edtmica Impecable<\/strong>: Se ejecutaron con \u00e9xito 5 rondas v\u00e1lidas por sesi\u00f3n, con una gesti\u00f3n precisa de la puntuaci\u00f3n y determinaci\u00f3n instant\u00e1nea del resultado.

     - Programaci\u00f3n Defensiva Sin Errores<\/strong>: Se eliminaron por completo las excepciones en tiempo de ejecuci\u00f3n mediante el manejo adecuado de entradas de usuario no v\u00e1lidas y casos l\u00edmite.

     - Experiencia de Usuario Atractiva<\/strong>Se ofrecieron interacciones fluidas con los comandos y una salida informativa en la consola, transformando un simple ejercicio de consola en un minijuego divertido y narrativo.

     - \u00c9xito Colaborativo<\/strong>Se logr\u00f3 una base de c\u00f3digo limpia y unificada gracias a la revisi\u00f3n por pares efectiva y la resoluci\u00f3n de problemas en equipo entre los 4 miembros.<\/p>\n\t\t\n<\/div>\n

\n
\n
\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

A\u00d1O<\/p>\n\t\t\n<\/div>\n\t\t\t

2026<\/p>\n\t\t\n<\/div>\n

\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

SERVICIOS<\/p>\n\t\t\n<\/div>\n\t\t\t

Dise\u00f1o y Desarrollo Web
Experiencia Interactiva
Ingenier\u00eda de Software Colaborativa<\/p>\n\t\t\t\t\t

HERRAMIENTAS Y TECNOLOG\u00cdA<\/p>\n\t\t

\n
\n \t\t\t

JavaScript<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

HTML5<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

VS Code<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Git<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

GitHub<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Chrome DevTools<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Consola API<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t

ETIQUETAS<\/p>\n\t\t

\n
\n \t\t\t

Desarrollo Web<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Juego de Consola<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Mec\u00e1nicas de juego<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

JavaScript<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

L\u00f3gica Algor\u00edtmica<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Programaci\u00f3n Funcional<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Colaboraci\u00f3n en Equipo<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n \t\t\t

\u00bfTe interesa un proyecto similar?<\/p>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tPonte en contacto<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Web Development Rock, Paper or Scissors Overview Developed as a collaborative project within the Mayerfeld Practicum Program by a team of four developers, the Rock Paper Scissors Game is a browser-based, console-driven interactive application designed to execute a 5-round battle between a human player and an AI opponent. The primary objective was to engineer a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1836","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/1836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/comments?post=1836"}],"version-history":[{"count":70,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/1836\/revisions"}],"predecessor-version":[{"id":2904,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/1836\/revisions\/2904"}],"wp:attachment":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/media?parent=1836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}