# How to use P5.js in H5p

**URL:** <https://discourse.processing.org/t/how-to-use-p5-js-in-h5p/33612>\
**Category:** Beginners\
**Created:** [November 19, 2021, 1:08pm UTC](https://discourse.processing.org/t/how-to-use-p5-js-in-h5p/33612 "2021-11-19T13:08:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ViCh](https://avatars.discourse-cdn.com/v4/letter/v/d9b06d/32.png) [@ViCh](https://discourse.processing.org/u/ViCh)\
**Post date:** [November 19, 2021, 1:08pm UTC](https://discourse.processing.org/t/how-to-use-p5-js-in-h5p/33612/1 "2021-11-19T13:08:42Z")

</div>

I am trying to create distributable packages(H5p) for the game that I have created using P5.js and Blockly. Basically in this game output is generated on-screen(P5.js, HTML Canvas) taking the instructions from the Blockly code.

---

<div class="post-metadata">

**Author:** ![KumuPaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kumupaul/32/13072_2.png) [@KumuPaul](https://discourse.processing.org/u/KumuPaul)\
**Post date:** [November 19, 2021, 8:14pm UTC](https://discourse.processing.org/t/how-to-use-p5-js-in-h5p/33612/2 "2021-11-19T20:14:40Z")

</div>

Crossposted on StackOverflow: [html - How to use HTML5 Canvas, P5.js and Blockly in H5p semantics - Stack Overflow](https://stackoverflow.com/questions/70035110/how-to-use-html5-canvas-p5-js-and-blockly-in-h5p-semantics)

---

<div class="post-metadata">

**Author:** ![ViCh](https://avatars.discourse-cdn.com/v4/letter/v/d9b06d/32.png) [@ViCh](https://discourse.processing.org/u/ViCh)\
**Post date:** [November 20, 2021, 4:51am UTC](https://discourse.processing.org/t/how-to-use-p5-js-in-h5p/33612/3 "2021-11-20T04:51:50Z")

</div>

I have posted the same question on multiple forums for widening my investigation on this topic