¡es poderoso!

motor de juego en JS

q5.js para gráficos

¡es fácil de aprender!

Box2D para física

¡es poderoso!

p5play utiliza el mismo simulador de física Box2D que impulsa juegos queridos.

tiny wings app icon

Tiny Wings

shovel knight app icon

Shovel Knight

limbo app icon

Limbo

happy wheels app icon

Happy Wheels

angry birds app icon

Angry Birds

p5play fue diseñado por profesores de Ciencias de la Computación para ser intuitivo para principiantes, lo que lo hace popular en escuelas y universidades de todo el mundo. ¡Aprende p5play!

Únete a la comunidad 👾

Haz preguntas y conoce a otras personas que crean arte interactivo y juegos con p5play en nuestro servidor de Discord de la comunidad.

Apoya este proyecto 🤝

p5play tiene una licencia de código abierto bajo GPL: ¡es gratis!

Pero si usas p5play profesionalmente, por favor, ¡apoya el proyecto en Patreon!

¡No se requiere instalación! 🤩

Puedes utilizar cualquiera de estas plantillas de editores de código en línea. Sin embargo, sugiero evitar el editor web de p5.js, tiene muchos problemas. Recomiendo usar OpenProcessing.

Desarrollo local 🔨

Usa p5play en tu propio sitio web añadiendo estos enlaces a tu archivo HTML. ¿El cortafuegos de tu escuela bloquea p5play.org? Consulta las preguntas frecuentes (FAQs)

Reseñas

"Ayer estuve mirando el nuevo p5play (v3) y me di cuenta de que hacía mucho tiempo que no lo probaba. ¡No me di cuenta de que tenía física incorporada! Me ENCANTARÍA hacer algunos videos con él. Este es un trabajo maravilloso, ¡gracias por apoyar a la comunidad de esta manera!"

Daniel
Daniel Shiffman
Professor at NYU
YouTuber at

"He encontrado la biblioteca p5play como un recurso invaluable para introducir a los estudiantes al diseño y desarrollo de juegos. Nuestro equipo eligió usar esta biblioteca para nuestro Programa de Verano de Diseño de Juegos debido a sus muchas características personalizables, recursos bien documentados, y su API fácil de usar que lo hacen accesible para estudiantes de todas las edades y niveles de habilidad.

Gracias a los numerosos métodos y propiedades incluidos en esta biblioteca, los estudiantes son capaces de llevar rápidamente sus visiones de juego a la vida con código. Estos juegos van desde juegos básicos de atrapar hasta juegos con múltiples niveles y características desafiantes.

Además de los recursos bien documentados de la biblioteca, p5play ofrece una gran cantidad de apoyo e inspiración para los estudiantes y profesores en su comunidad. Esto incluye sus páginas de aprendizaje interactivo que permiten a los estudiantes experimentar con diferentes propiedades y métodos de la biblioteca, su evento tri-anual Game Jam, y su canal de Discord lleno de muchos recursos excelentes y oportunidades para encontrar apoyo.

Nuestro equipo de Girls Who Code recomienda altamente esta biblioteca a cualquier persona interesada en el desarrollo de juegos. ¡No podemos esperar a ver todos los juegos que nuestros estudiantes creen este verano con esta increíble biblioteca!"

Ashley
Ashley Goetz
Curriculum Developer at

"Recientemente tuve la oportunidad de trabajar con Quinton y explorar a fondo la biblioteca p5 play. El diseño de videojuegos es un excelente punto de entrada para involucrar a los estudiantes en proyectos de programación, al mismo tiempo que los introduce en la estructura de la programación orientada a objetos en p5. ¡No puedo esperar para ver qué crean mis estudiantes con esto!"

Christina
Christina Tobajas
Teacher at

"Me encanta absolutamente lo que has hecho con las páginas de Learn, qué referencia tan genial para propiedades importantes de sprite, espero ver más de eso. Escarbando un poco en el código fuente diría que [p5play v3] conserva mucho del atractivo de las versiones anteriores y pude orientarme bastante rápido."

Brad
Bradley C Buchanan
Software Manager at Discord
Former Software Manager at Google
Former Software Manager at Code.org

“He agregado una unidad centrada en p5play a mi currículo de Codificación Artística y Diseño de Juegos como una forma de introducir la programación orientada a objetos. Los estudiantes se adaptaron rápidamente a los sprites y grupos y estaban emocionados por toda la interactividad incorporada en p5play. A través de los juegos, los estudiantes pudieron solidificar su comprensión de las propiedades y métodos sin siquiera darse cuenta de que estaban aprendiendo algunos de los conceptos centrales de la programación orientada a objetos.

Mis estudiantes pasaron tiempo haciendo juegos usando la biblioteca p5play y estaban inmensamente orgullosos de sus logros. Desde que hemos usado p5play, mis estudiantes ahora pueden entender mejor las clases e incluso han escrito algunas de las suyas propias.”

Marisa
Marisa Shuman
Computer Science Teacher at

“He estado usando variaciones de p5play durante varios años en mi clase de CS de secundaria. Aunque antes era útil, no era nada como lo que has hecho con la versión 3. ¡Me ENCANTA! Incluso mis estudiantes más jóvenes pueden tener éxito y aprender conceptos básicos de codificación porque realmente no necesitan conocer toda la matemática y física detrás del código ahora. Además, todo es consistente y racionalizado, así que las nuevas ideas tienen sentido. Luego está tu increíble nuevo sitio web con tantos ejemplos fáciles de entender. Puedo enviar a mis estudiantes avanzados directamente al sitio web de p5play y pueden explorar y construir lo que quieran. ¡Muchas gracias por todo tu trabajo!”

Nathan
Nathan King
Middle School Teacher in
Ventura, CA

“p5play ha sido una gran adición a nuestro currículo. Nos ha permitido explorar una salida más creativa para aprender programación orientada a objetos y ha sido invaluable en los proyectos de los estudiantes para sus exámenes.

Desde que introdujimos p5 y p5play, hemos visto un aumento de más del 100% en los estudiantes y ahora estamos viendo enormes beneficios en el aprendizaje de los estudiantes. Recomendaría encarecidamente introducir p5 y p5play en su currículo. Ahora hemos desarrollado una serie de tutoriales en video a medida para permitir que más escuelas y colegios en el Reino Unido introduzcan p5play en su currículo.”

Rhys
Rhys Drury
Head of Computing at

“¡Muchas gracias por todo el trabajo, Quinton. Con esta integración de física adecuada, podría comenzar a usar p5play de nuevo en mis clases!”

Paolo
Paolo Pedercini
Creator of p5.play v1
Professor at Carnegie Mellon

“En general, no puedo recomendar p5play lo suficiente. Ha proporcionado una manera increíblemente fácil de llevar mis habilidades de desarrollo de juegos al siguiente nivel sin tener que aprender algún software de desarrollo de juegos complicado. Ya sea que seas un desarrollador experimentado o simplemente estés comenzando, creo que encontrarás que p5play es una herramienta valiosa en tu arsenal.”

Nathan
Nathan Anil
Founder at

“Usar la biblioteca p5play en JavaScript para hacer programas gráficos es mucho mejor que aprender Python, porque puedes ver cómo tu código de programa influye en algo en la pantalla.” - Estudiante en Wyke

“¡Aprender p5play realmente me ha ayudado a interesarme más en la codificación, ya que hace que crear juegos sea muy fácil. Hace que el proceso sea menos tedioso y más divertido!” - Estudiante en Wyke

“He usado Tkinter en Python, que era útil para hacer aplicaciones básicas. Sin embargo, ahora usando p5play podemos hacer juegos mucho más avanzados que son interesantes y prácticos.” - Estudiante en Wyke

¡Haznos saber qué piensas! 😄

Envía tu opinión sobre p5play a info@p5play.org

Creado por Quinton Ashley

¡Quinton Ashley es un educador de Ciencias de la Computación con una pasión por el diseño de juegos y 7 años de experiencia en la enseñanza!

¡Únete a más de 50,000 usuarios activos!

Comienza con nuestras páginas interactivas de Aprender.

Más Información

¿Por qué a los educadores de Ciencias de la Computación les encanta p5play?! 😍

La biblioteca gráfica p5.js ya es popular entre los educadores de CS, por lo que p5play es una adición natural a muchos currículos.

p5play es excelente para enseñar conceptos de Programación Orientada a Objetos. En lugar de manipular datos abstractos en una consola, los estudiantes pueden crear objetos de juego llamados sprites con los que pueden ver e interactuar físicamente. Los estudiantes también pueden aprender sobre arreglos y herencia similar a clases de manera intuitiva usando grupos.

p5play también es completamente basado en código, por lo que los estudiantes no necesitan una aplicación de editor especializada para usarlo (a diferencia de Unity). Con p5play, los estudiantes adquieren habilidades prácticas de programación en JavaScript transferibles y experiencia con editores de código en línea o IDEs estándar de la industria como Visual Studio Code.

p5play también está bien diseñado y documentado. Revisa las páginas de Aprender, un recurso gratuito lleno de ejemplos interactivos y ejercicios.

¿Por qué los estudiantes deberían aprender p5play? 🤔

Cada compañía de EdTech afirma que su software "fácil y divertido de usar" empodera a los estudiantes para "realizar su potencial creativo", pero a menudo es solo palabrería de marketing.

Si estas plataformas son tan divertidas y empoderadoras creativamente, ¿por qué los estudiantes solo las usan para completar tareas? Realmente no importa cuán fácil sea algo si los estudiantes no ven el punto en aprenderlo.

p5play es diferente. Tiene todas las características que los estudiantes podrían querer de un motor de juegos: manejo de contacto basado en física, detección de entradas, animaciones, una cámara, juntas y más.

Dado que p5play es basado en la web, los estudiantes pueden compartir fácilmente sus proyectos en línea. Eso no es tan fácil de hacer con un proyecto de Python, C# o Java. ¡Poder compartir proyectos con familiares y amigos puede motivar a los estudiantes a hacer algo que valga la pena compartir!

¿Qué pasa con Scratch? 🐯

Scratch es genial para estudiantes de 8 a 11 años, pero los estudiantes mayores tienen expectativas más altas que Scratch no puede satisfacer.

Uno de los mayores problemas: Scratch no tiene un motor de física incorporado. Eso significa que incluso algo súper fácil de hacer en p5play, como una pelota rodando por una pendiente, requiere mucha matemática y es increíblemente tedioso de implementar en el entorno basado en bloques de Scratch.

Los juegos destacados en el sitio web de Scratch son inspiradores para los estudiantes, hasta que se dan cuenta de que fueron hechos por adultos con paciencia extrema. Si un estudiante está realmente decidido a hacer un juego impresionante en Scratch, probablemente tenga que pasar 20 horas copiando y pegando desde tutoriales de YouTube. Con p5play, los estudiantes pueden obtener resultados mucho más rápido y con menos frustración.

¿Por qué se creó p5play? 🎨

p5play fue creado para cerrar definitivamente la brecha entre Scratch y motores de juego profesionales como Unity.

En p5play, los sprites pueden tener colisionadores físicos y mostrar animaciones. Se admiten múltiples dispositivos de entrada, incluidos teclado, ratón, controladores de juego y pantallas táctiles. Los grupos permiten a los programadores novatos aprovechar el poder de la herencia de clases.

"Solo lo mejor es suficientemente bueno"
Ole Kirk Christiansen, fundador de LEGO

No creo en escatimar en calidad para hacer algo "solo para niños". p5play no es simplemente un peldaño, su elegante API lo hace un placer de usar para todos.

Ya seas principiante, aficionado o desarrollador profesional: ¡p5play fue creado para ti!

¿Puedo usar p5play gratis? 📖

p5play es de código abierto y tiene múltiples licencias. Solo se puede usar gratis bajo los términos de la AGPLv3.

El uso gratuito aceptable de p5play incluye:

  • enseñar una clase gratuita que esté abierta al público general
  • como parte de un currículo que está disponible gratuitamente para el público
  • publicar un video tutorial en YouTube, incluso si está monetizado (protegido por el uso justo)
  • desarrollar un juego que no esté monetizado
  • publicar un juego monetizado si compartes públicamente el código fuente

Casi cualquier otro uso requiere una licencia propietaria. Consulte las páginas Pro o Teach para obtener más información.

¿Puedo ver algunas demos? 👀

Consulta a @quinton-ashley en OpenProcessing y el canal #share en el Discord comunitario de p5play para ver lo que la gente está haciendo con p5play.

Créditos ⭐️

¡Muchas gracias a todos los que han contribuido a crear p5play! 😄

Paolo Pedercini, creador de p5.play (versión 1), quien confió en mí para tomar el relevo del proyecto. molleindustria.org

Erin Catto, creador del simulador de física Box2D. box2d.org

Ali Shakiba, creador de planck.js, un puerto de JavaScript de Box2D usado detrás de escena por p5play. piqnt.com/planck.js

Contribuyentes actuales: @Tezumie, Oliver Zell, Caleb Foss y Bobby S.

Probadores y reporteros de errores: Raj Raizada, Nathan Anil, Chayarat Wangweera, Zhiyuan Guo, Aarnav Gupta y Carter Noa.

Agradecimientos especiales 🙌

Quiero comenzar agradeciendo a mis padres por su apoyo y por inscribirme en clases de programación cuando era niño. También quiero agradecer a mi esposa, Victoria, y a mi hija, Luna, por su apoyo y ánimo. 💞

Además, agradezco al gobierno colombiano 🇨🇴 de Gustavo Petro por otorgar visas extendidas a nómadas digitales. Si aún viviera en EE. UU., p5play probablemente no existiría. No podría permitirme pasar incontables horas en un proyecto de pasión como este.