Conversation

Notices

1. Embed this notice
   Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 18-Oct-2024 01:54:19 JST Aral Balkan

   Just added a code breakdown for the Draw Together¹ Kitten² app to my blog post with the tutorial video:

   https://ar.al/2024/03/26/draw-together/

   Draw Together, in ~50 lines of code, is a real-time collaborative drawing tool on a 20×20 pixel grid where people can click to toggle the colour of each pixel.

   (The full source and explanations fit the four screenshots on this post.)

   ¹ https://draw-together.small-web.org
   ² https://kitten.small-web.org

   #Kitten #DrawTogether #web #design #dev #SmallWeb #WebSockets #StreamingHTML

   • Embed this notice
     Alan Levine (cogdog@cosocial.ca)'s status on Friday, 18-Oct-2024 03:30:58 JST Alan Levine

     in reply to

     @aral That’s amazing. I had to click. It was blank! No more. So it neatly persists?

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 18-Oct-2024 03:30:58 JST Aral Balkan

     in reply to

     • Alan Levine

     @cogdog In memory.

     Although it could if I wanted to the integrated JSDB in Kitten :)

     https://kitten.small-web.org/tutorials/persistence/