¡es poderoso!

motor de juego en JS

p5.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.

Discord brand

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)

p5play también está disponible en npm: npm i p5play

¿Quieres usar p5play sin conexión?

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!"

Daniel
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 [email protected]

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

Comienza con nuestras páginas interactivas de Aprender.

Quinton Ashley

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!

Are you a teacher? 👩‍🏫 🧑‍🏫 👨‍🏫

Using p5play in your middle or high school curriculum is a great way to get your students interested in object oriented programming.

Quinton offers Professional Development sessions for teachers. Even if you're not a "gamer" and have no experience with game design, you can become an expert at teaching p5play! Your students will love making their own games and interactive art. During my PD course you'll receive advice on curriculum design, analysis of student work, curated resources for your students to use, and more!

Inquire about Professional Development via email: [email protected]

Are you a student? 🙋‍♀️ 🙋 🙋‍♂️

If your school has a Computer Science teacher, tell them about p5play!

If not, Quinton teaches the following courses online: AP Computer Science Principles, AP CS A, IGCSE Computer Science, and more. Learn standards aligned CS in a fun way!

Quinton also teaches Game Design Fundamentals. Level up your programming skills by learning how to use p5play. I'll help you design your own game and share it with the world!

Ask your parents to send an email to [email protected] and inquire about private tutoring.

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? 🎨

¡Las corporaciones no deberían tener un monopolio sobre el arte del desarrollo de juegos! p5play fue creado para hacer que este medio sea más accesible para estudiantes, educadores y desarrolladores independientes.

En los primeros días de Internet, Adobe Flash facilitó que los aficionados desarrollaran, compartieran juegos y atrajeran audiencias como nunca antes. Pero desde que Flash quedó obsoleto, los juegos se comercializaron más. Empresas como Meta (Facebook) y Apple promovieron fuertemente juegos envenenados por microtransacciones y cajas de botín, mecánicas diseñadas para maximizar el beneficio. Los aficionados fueron dejados de lado. Ahora, los jugadores están hartos de ser explotados, quieren originalidad, pero en un paquete pulido.

Es por eso que Roblox, Minecraft para Educación y Fortnite permiten a los jóvenes desarrolladores crear y compartir modos de juego y experiencias. Prometen audiencias potenciales masivas, pero insidiosamente, estas plataformas son jardines amurallados que restringen la libertad artística y explotan a los desarrolladores. Estas corporaciones eliminan regularmente o ocultan contenido que no les gusta, y pueden hacerlo sin explicación ni recurso. Estas corporaciones prohíben explícitamente el arte político y solo quieren contenido no controvertido que puedan monetizar para extender la vida de sus juegos de décadas.

Pero los mundos virtuales y los sistemas de juegos son una herramienta poderosa para la expresión política. p5play fue especialmente creado para ayudar a los jóvenes diseñadores de juegos a crear arte que desafíe a los jugadores a pensar críticamente sobre nuestro mundo real y los sistemas que lo gobiernan.

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

p5play definitivamente cierra la brecha entre Scratch y motores de juego profesionales como Unity, que son demasiado complejos para principiantes y demasiado especializados para ser utilizados en la educación general de ciencias de la computación.

¿Es de código abierto? 📖

p5play v3 es de código abierto bajo la licencia AGPLv3 para apoyar el desarrollo de juegos independiente.

Al usar p5play, aceptas la EULA.

¿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.

¿Puedo usarlo comercialmente? 🤑

¡Sí! Puedes usar p5play comercialmente en proyectos de código cerrado bajo los términos de la Licencia Profesional de p5play, que está disponible para los miembros de Patreon.

Si no puedes permitirte pagar, puedes solicitar la Licencia para Novatos de p5play gratis. Consulta LICENSING.md para más información.

¿Quién es Quinton Ashley? 👨‍💻

Hola, soy Quinton, el creador de p5play (v3) y p5play.org. También soy un Educador de CS con 7 años de experiencia. ¡Contáctame si estás interesado en clases particulares! mailto:[email protected]

Consulta mi registro de desarrollador para escritura estilo blog personal sobre mi trabajo en 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.