# P5.js template for code sandbox

**URL:** <https://discourse.processing.org/t/p5-js-template-for-code-sandbox/14529>\
**Category:** Gallery\
**Created:** [October 8, 2019, 7:44pm UTC](https://discourse.processing.org/t/p5-js-template-for-code-sandbox/14529 "2019-10-08T19:44:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Witty\_Smirk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/witty_smirk/32/6698_2.png) [@Witty\_Smirk](https://discourse.processing.org/u/Witty_Smirk)\
**Post date:** [October 8, 2019, 7:44pm UTC](https://discourse.processing.org/t/p5-js-template-for-code-sandbox/14529/1 "2019-10-08T19:44:08Z")

</div>

I created a template for CodeSandbox which is a powerful IDE I enjoy using for other frameworks in JavaScript and found there was no template for p5.js so I went ahead and created one.

> **[p5.js template - CodeSandbox](https://codesandbox.io/s/p5js-template-fz81x?fontsize=14)**
>
> This is a template setting up p5.js with CodeSandbox! It includes the dom and sound libraries, but you can always add more!

---

<div class="post-metadata">

**Author:** ![kll](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kll/32/964_2.png) [@kll](https://discourse.processing.org/u/kll)\
**Post date:** [October 9, 2019, 1:15am UTC](https://discourse.processing.org/t/p5-js-template-for-code-sandbox/14529/2 "2019-10-09T01:15:59Z")

</div>

thanks,  
but it does not work too well from here:

 ![codesandbox](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/6601b994ce1fe5adbf4fc16effb2b001f8350203.png)

can you please link to one of your working projects?

while

> **[\[InnoD Web Team\] P5.js Template - CodeSandbox](https://codesandbox.io/s/n9062wwpy0)**
>
> This is a static template with no bundling

  
example/template works

---

<div class="post-metadata">

**Author:** ![Witty\_Smirk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/witty_smirk/32/6698_2.png) [@Witty\_Smirk](https://discourse.processing.org/u/Witty_Smirk)\
**Post date:** [October 9, 2019, 4:36am UTC](https://discourse.processing.org/t/p5-js-template-for-code-sandbox/14529/3 "2019-10-09T04:36:41Z")

</div>

Here’s a link to a flappy bird project I did a while back, I just put it into my template

> **[Flappy Bird - CodeSandbox](https://codesandbox.io/embed/flappy-bird-8v50y?fontsize=14)**
>
> This is an example of the p5.js template I created being used.

There are a few issues I haven’t figure out how to fix yet such as code sandbox freaking out saying there’s errors in the console, whilst there are no errors, but for the most part you should be able to write functional code.