Skip to content

ea0627/juego_pong_chatgpt

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🕹️ Juego Pong – Proyecto con ChatGPT y p5.js

Este es un remake del clásico juego Pong, desarrollado como parte del curso "ChatGPT y JavaScript: Construyendo el juego Pong" de Alura Latam, con la guía del instructor Christian Velasco.
El proyecto fue potenciado mediante el uso de ChatGPT para crear, adaptar y escalar funcionalidades, incluyendo imágenes y sonido, utilizando la biblioteca p5.js.


🎮 Características del juego

  • Juego de Pong entre un jugador y la computadora (IA).
  • 3 niveles de dificultad: Fácil, Medio, Difícil.
  • IA con errores humanos simulados.
  • Sonido de rebote y anotación.
  • Imagen de fondo personalizada (cancha de tenis).
  • Pelota realista con textura.
  • Pantalla de menú y pantalla de victoria.
  • Control por teclado:
    • Flechas ↑ y ↓ para mover la raqueta.
    • 1, 2, 3 para elegir dificultad.
    • R para reiniciar después de perder o ganar.

📚 Lo aprendido en el curso

Durante este proyecto aprendimos a:

💡 Uso de ChatGPT como herramienta de desarrollo

  • Escribir prompts detallados y específicos.
  • Traducir y adaptar código usando ChatGPT.
  • Pedir ayuda para comprender conceptos de JavaScript y p5.js.
  • Utilizar ChatGPT para refinar código ya existente.
  • Solicitar explicaciones, mejoras y análisis de código generado.

🖼️ Trabajo con imágenes

  • Cargar imágenes con p5.js (loadImage()).
  • Escalar y posicionar imágenes correctamente (imageMode(CENTER)).
  • Usar overlays para mejorar el contraste visual.
  • Reemplazar figuras básicas por imágenes reales (como la pelota).

🔊 Trabajo con sonidos

  • Cargar archivos de audio en p5.js (loadSound()).
  • Reproducir efectos en eventos como rebotes y goles.
  • Preparar los archivos y rutas para su correcta carga.
  • Explorar el uso de Text to Speech con la ayuda de la IA.

🛠️ Tecnologías utilizadas

  • p5.js
  • HTML5, JavaScript
  • ChatGPT (como asistente IA de programación)

🚀 Cómo ejecutar el proyecto

  1. Clona este repositorio:

    git clone https://github.com/ea0627/juego_pong_chatgpt.git
  2. Abre index.html en tu navegador.

  3. ¡Listo para jugar! 🎾

O

https://ea0627.github.io/juego_pong_chatgpt/


👨‍🏫 Créditos


🙌 Autor del proyecto

Eduardo Andrés
Desarrollador web front-end junior
GitHub: @ea0627


✨ Reflexión final

"La inteligencia artificial no sustituye la creatividad humana, la potencia. Y cuando se combina con pasión, disciplina y aprendizaje continuo... los límites los pones tú."

About

Juego de pong, utilizando ChatGPT

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors