# A "tool picker" roulette made with p5.js and svelte

**URL:** <https://discourse.processing.org/t/a-tool-picker-roulette-made-with-p5-js-and-svelte/43144>\
**Category:** Gallery\
**Created:** [November 4, 2023, 7:46pm UTC](https://discourse.processing.org/t/a-tool-picker-roulette-made-with-p5-js-and-svelte/43144 "2023-11-04T19:46:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)\
**Post date:** [November 4, 2023, 7:46pm UTC](https://discourse.processing.org/t/a-tool-picker-roulette-made-with-p5-js-and-svelte/43144/1 "2023-11-04T19:46:52Z")

</div>

I made a small tool for picking a web framework (p5, hydra, svelte, …) using p5.js (I know it sounds recursive and a bit confusing - the aim was for the “code jam” on [Glitch - Code Jams](http://glitch.com/jams))

[https://code-jam-tool-picker.glitch.me/](https://code-jam-tool-picker.glitch.me/)

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/c/c/ccd09667bed3a0f94518eb852ab14adb1ab8bc6d.png)

Importantly, you can remix the code and make your own roulette 🎯 : [Glitch :･ﾟ✧](https://glitch.com/edit/#!/remix/code-jam-tool-picker)

For Svelte integration, I used [p5-svelte](https://github.com/tonyketcham/p5-svelte) and I have to say it was very easy to use! (if you are familiar with the instance mode)

Happy coding ⌨