# P5js Project Template for ATOM

**URL:** <https://discourse.processing.org/t/p5js-project-template-for-atom/12491>\
**Category:** p5.js\
**Created:** [July 3, 2019, 10:15pm UTC](https://discourse.processing.org/t/p5js-project-template-for-atom/12491 "2019-07-03T22:15:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mat650](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/mat650/32/564_2.png) [@mat650](https://discourse.processing.org/u/mat650)\
**Post date:** [July 3, 2019, 10:15pm UTC](https://discourse.processing.org/t/p5js-project-template-for-atom/12491/1 "2019-07-03T22:15:20Z")

</div>

I was searching for a way to create rapidly new p5.js projects by template in Atom, but I have found none so I made mine and I hope it can help you as well:  
[https://github.com/MatteRohrn/p5jsProjectTemplateForAtom](https://github.com/MatteRohrn/p5jsProjectTemplateForAtom)

It requires atom-smart-template in addition to Atom.  
looking forward for feedback.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [July 8, 2019, 3:29pm UTC](https://discourse.processing.org/t/p5js-project-template-for-atom/12491/2 "2019-07-08T15:29:53Z")

</div>

Thanks so much for making and sharing this.

Could this be listed with other Atom packages for Processing?

- [https://atom.io/packages/search?utf8=✓&q=keyword:p5](https://atom.io/packages/search?utf8=%E2%9C%93&q=keyword:p5)
- [https://atom.io/packages/search?utf8=✓&q=keyword:processing](https://atom.io/packages/search?utf8=%E2%9C%93&q=keyword:processing)

---

<div class="post-metadata">

**Author:** ![mat650](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/mat650/32/564_2.png) [@mat650](https://discourse.processing.org/u/mat650)\
**Post date:** [July 9, 2019, 1:24am UTC](https://discourse.processing.org/t/p5js-project-template-for-atom/12491/3 "2019-07-09T01:24:11Z")

</div>

I’m glad to give my small contribution.  
I have only put together the p5.js libraries and an index into a template to be used with [atom-smart-template](https://github.com/AlexeySokolov/atom-smart-template) to generate a basic p5 project. I suppose that to release it as a package for atom I should first fork atom-smart-template. At the end it would be a re-labeled project supplemented with the template I created. On the other hand [p5js-toolbar](https://github.com/bmoren/p5js-toolbar) already includes the functionality to create a p5.js project from a template. I was experimenting with other extensions less impacting on the UI 🤓. Do you thing it may be and interesting package, or just redundant ?

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [July 9, 2019, 3:32pm UTC](https://discourse.processing.org/t/p5js-project-template-for-atom/12491/4 "2019-07-09T15:32:51Z")

</div>

Good question. I had assumed that contributing it would make it easier for Atom users to discover it the Atom package interface, but maybe you are right that people installing atom-smart-template and then downloading the your template is the way to go.

---

<div class="post-metadata">

**Author:** ![mat650](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/mat650/32/564_2.png) [@mat650](https://discourse.processing.org/u/mat650)\
**Post date:** [July 9, 2019, 4:11pm UTC](https://discourse.processing.org/t/p5js-project-template-for-atom/12491/5 "2019-07-09T16:11:41Z")

</div>

I see you point, releasing it as a package would make it easy to access in a consistent manner. But, since atom-smart-template is a flexible little app, to make it more visible I would make a video tutorial that shows how to use it for P5.js by downloading the template I have made rather than releasing a new package. That way I could also show how to personalize it even more by making the own template, for example with only the minified libraries or together with other libraries…