#drawtogether — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #drawtogether, aggregated by home.social.
-
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
-
Woof! Here’s a happy little puppy pixel sketch to liven up your morning.
-
Ooh, and someone just made it even better :)
💕
#FreeGaza #BDS #protest #keffiyeh #Israel #Palestine #Gaza #settlerColonialism #apartheid #ethnicCleansing #genocide #SmallWeb #Kitten #DrawTogether
-
It got defaced right after my post but I saw at least someone else trying to recreate it and so I helped out too :)
#FreeGaza #BDS #protest #keffiyeh #Israel #Palestine #Gaza #settlerColonialism #apartheid #ethnicCleansing #genocide #SmallWeb #Kitten #DrawTogether
-
That feeling when you open the silly little collaborative drawing app you made and you find that some folks made this.
https://draw-together.small-web.org
✊
PS. If you want to learn how the app was made, here’s a video tutorial using Kitten¹: https://ar.al/2024/03/26/draw-together/
¹ https://codeberg.org/kitten/app
#FreeGaza #BDS #protest #keffiyeh #Israel #Palestine #Gaza #settlerColonialism #apartheid #ethnicCleansing #genocide #SmallWeb #Kitten #DrawTogether
-
Loving all the cool CGA art on this weekend’s Draw Together :)
-
G’morning! Looks like the kitty is gone but the trans pride remains :)
https://draw-together.small-web.org
🩵🩷🤍🩷🩵
#DrawTogether #CGA #PaletteOne #TransPride #TransWomenAreWomen #TransMenAreMen #TransDayOfVisiblity
-
Everyone I'm sorry. I tried to change the cat on #drawtogether to a cute bear and it's a little awful. Help! https://draw-together.small-web.org/
-
Aww, CGA trans pride kitty cat. (I love that the CGA palette 1 colours are basically the trans pride flag.)
Thank-yous to the folks who drew this :)
🏳️⚧️
-
-
-
Aww, hello, kitty!
https://draw-together.small-web.org
:kitten:💕
(Learn how to build the app from scratch: https://ar.al/2024/03/26/draw-together/)
-
I love that (a) Draw Together is so easy to embed (see https://ar.al/2024/03/26/draw-together/) and (b) it makes me laugh every time I see what folks have made while I was away :)
Looks like we have a glass of something or other?
-
Let’s build Draw Together… umm, together.
Video: https://vimeo.com/927628184
Blog post: https://ar.al/2024/03/26/draw-together/
Play with it: https://draw-together.small-web.org
:kitten:💕
#DrawTogether #Kitten #SmallWeb #web #dev #HTML #CSS #JavaScript #htmx #hypermedia #WebSocket #idiomorph #tutorial #howTo
-
Right, about to do another take of the Draw Together making of video: if anyone wants to twiddle with the pixels while I’m recording, please do :)
-
I’m just about to record a video where I create the Draw Together Kitten¹ app from scratch in one take. If any of you want to be in the initial demo of the live version, feel free to head on over to https://draw-together.small-web.org and demonstrate your pixel drawing skills :)
https://draw-together.small-web.org
-
#drawtogether as doodling and collective festivity https://draw-together.small-web.org
-
Right, I’ll leave you with a cute bunny someone drew (naughty cute bunny artist did not rewind though, tsk, tsk). Back to working on Kitten and Domain tomorrow so your timelines will be blissfully empty of pixel sketches :)
’night ’night all – and thank you to all the folks who contributed pixels to our shared ether of Draw Together over the weekend for restoring my faith in humanity a bit :)
https://draw-together.small-web.org
#DrawTogether #Kitten #Domain #SmallWeb #CuteBunny #NightNight
-
I’ve also updated the readme with instructions on how to run Draw Together yourself (you could have it up and running locally in under a minute by installing Kitten, cloning the repository, and running the kitten command) and links to where you can learn more about the Streaming HTML magic in Kitten that means that the whole app is ~60 lines of code :)
https://codeberg.org/aral/draw-together#draw-together
#DrawTogether #Kitten #SmallWeb #web #dev #StreamingHTML #html #css #JavaScript #htmx #WebSocket
-
Folks, I see you experimenting with scripting—that’s cool, but please be considerate to the other folks playing with Draw Together.
To that end, I’ve just added two scripts you can use non-destructively to the readme. One to invert the canvas (which someone discovered literally minutes after I released the app) and the second that replaces the whole image with a pre-made design but then restores it after two seconds.
Please be kind, rewind ;)
:kitten:💕
-
I have a feeling it starts with Silicon and ends with Valley. Or maybe it starts with Venture and ends with Capital? Or perhaps simply starts with capital and ends with ism.
-
The state of my screenshots folder right now…
:awesome:
-
-
Aww – just glanced at my Draw Together tab and saw this :)
https://draw-together.small-web.org
:kitten: 💕
-
Take two ;)
(It’s back up and running with a bit of data validation and I realised that I’d over-engineered it – yes, even in 60 lines of code – by storing all the updates in the database when I didn’t need to, so I removed that. Although, in the future, it would be fun to save time-series data so the drawings can be played back in real time.) :)
Play: https://draw-together.small-web.org
Source code: https://codeberg.org/aral/draw-together
Learn how it works: https://ar.al/2024/03/08/streaming-html/
-
Well, it lasted about 12 hours before folks managed to break it – that’s not bad ;)
Give me a few moments and I’ll have it back up and running with a patch or two :)
-
Im DACHstudio auf der EDENstreet gibt es jeden letzten Montag im Monat einen Drink n Draw Abend wo gemütlich gezeichnet wird :tialove:
Der diesmonatige Termin fällt genau auf Halloween, daher wird Tahlly‘s Bar geschmückt und bemalt 🥳#DACHstudio #EDENstreet #halloween #drawtogether #drinkndraw