p5.play

p5.play is a 2D game engine made by Computer Science teachers to help you turn your game ideas into JavaScript code!

Learn how to use p5.play at https://p5play.org

Join the p5.play community Discord server to ask questions and meet other people making games with p5.play!

p5.play is currently led by Quinton Ashley @quinton-ashley and was initiated by Paolo Pedercini @molleindustria . If you have any questions or problems use the #help or #support channels on discord or make an issue report on this GitHub repository or email qashto@gmail.com

Using p5.play

You can easily use p5.play by adding the following script tags to your html within the head or body tag.

<!-- Version 3 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.2/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.2/addons/p5.sound.min.js"></script>
<script src="https://p5play.org/v3/planck.js"></script>
<script src="https://p5play.org/v3/p5.play.js"></script>

<!-- Version 2 (Legacy) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.2/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.2/addons/p5.sound.min.js"></script>
<script src="https://p5play.org/v2/p5.play.js"></script>

You can also install the p5.play npm package.

npm install p5.play

Need help getting started with local p5.play development? Check out this guide.

Development of p5.play

Take a look at p5play-web for information about how to contribute to the development of p5.play