When I was studying the last section of the module ‘Introducing JavaScript Objects’ and was reading for the first time about <canvas>, ideas started to take shape in my mind and before even finishing the whole section I decided to develop the one that I consider my first web app. I am in debt with @chrisdavidmills and the whole MDN staff because it’s thanks to you and your amazing content that I was able to achieve it (I feel very proud at the moment ).
The app allows you to draw weird shapes every time you click/tap over the canvas (screen), also it comes with a menu (to show it, you need to click the ‘sliders’ button at the top right corner) to change a few shape’s properties. It’s suitable for mobile and desktop devices.
And here it’s the link, in case someone wants to play with it: Weird Shapes. As well as the github repository. Any kind of feedback is appreciated.
Thank you so much to everyone, and let’s keep learning
Woooah, super amazing!! It doesn’t just draw random circles, it’s more like a complete theremin plus visual fun; like theremins that are displayed/used in museums for little ones (or not so little).
I’ve had some ideas to improve my demo (term changed, thanks ), for example generating weird shapes paths (like yours but only if ‘click’ is kept instead of just hovering around). And I had a vague idea, similar to your theremin sounds generator: demo could have two stages, one to generate the random shapes, and another one to use those shapes already drawn to generate sound depending on the color the user is clicking. But those are still only ideas for a future upgrade.
Thank you so much chris for your kind words and let’s keep learning!!
Curious, I found it too low . Maybe a way to change volume settings would be helpful.
It’s alright, I like it called ‘demo’. First I thought it was close to be finished and ‘forget’ about it, but after a couple of days I realised that it was far from being complete.
Yes, exactly! and of course find a way to smooth the change of tone when there’s a transition of color (that will be a challenge). I love that feature from your demo: the natural transition of sound, not chaotic at all.
).
), for example generating weird shapes paths (like yours but only if ‘click’ is kept instead of just hovering around). And I had a vague idea, similar to your theremin sounds generator: demo could have two stages, one to generate the random shapes, and another one to use those shapes already drawn to generate sound depending on the color the user is clicking. But those are still only ideas for a future upgrade.
. Maybe a way to change volume settings would be helpful.