Instrucciones de Juego
- El juego consiste en dos paletas, una controlada por el jugador (paleta izquierda) y la otra controlada por la inteligencia artificial (paleta derecha), y una pelota que se mueve en la pantalla.
- El jugador controla la paleta izquierda utilizando el movimiento del mouse. La paleta seguirá la posición vertical del cursor en la pantalla.
- La paleta derecha es controlada automáticamente por la inteligencia artificial. La paleta seguirá la posición vertical de la pelota en la pantalla.
- El objetivo del juego es evitar que la pelota toque el borde izquierdo o derecho de la pantalla. Si la pelota toca el borde izquierdo, el jugador de la derecha (IA) gana un punto. Si la pelota toca el borde derecho, el jugador de la izquierda gana un punto.
- La pelota rebota en las paletas y en los bordes superior e inferior de la pantalla.
- El jugador puede pausar el juego haciendo clic en el botón “Pause” y reanudarlo haciendo clic en el botón “Resume”.
- No hay límite de puntos, y el juego continúa hasta que el jugador decida detenerlo.
Prompt utilizado:
El Prompt se escribió en español, pero para montarlo en ChatGPT se traduce al Inglés ya que de esta manera funciona mejor.
- Crea un código para un Juego del Pong.
- Créalo todo lo optimizado y simple posible, utilizando sólo: HTML, CSS y JavaScript
- Créalo que tenga un diseño sencillo, moderno y minimalista.
- Crea clases con nombres específicos y únicos para el CSS, que no cree conflicto con ninguna de las clases del WordPress.
- Crea el código para que haya puntuación de las fallas de los jugadores, que tenga un botón para pausar y reanudar el juego.
- Haz que el Jugado de la Izquierda sea el usuario que controla usando el ratón. Añade un jugador de la derecha controlado por la inteligencia artificial.
- Asegúrate que el código HTML, CSS y JavaScript estén sincronizados con los nombres de clases con el prefijo único creado.
Prompt en inglés montado en ChatGPT:
- Create a code for a Game of Pong.
- Make it as streamlined and simple as possible, using only: HTML, CSS and JavaScript
- Create it that has a simple, modern and minimalist design.
- Create classes with specific and unique names for the CSS that do not conflict with any of the WordPress classes.
- Create the code so that there is scoring for player failures, that it has a button to pause and resume the game.
- Make the Left Player the controlling user using the mouse. Adds a player on the right controlled by artificial intelligence.
- Make sure the HTML, CSS, and JavaScript are in sync with the uniquely prefixed class names created.