aral, (edited ) to Israel
@aral@mastodon.ar.al avatar

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

aral,
@aral@mastodon.ar.al avatar

It got defaced right after my post but I saw at least someone else trying to recreate it and so I helped out too :)

aral,
@aral@mastodon.ar.al avatar
aral, to random
@aral@mastodon.ar.al avatar

Loving all the cool CGA art on this weekend’s Draw Together :)

https://draw-together.small-web.org

aral, to random
@aral@mastodon.ar.al avatar

Draw Together Weekend Special: CGA 4-colour palette 1

Have fun! :)

aral,
@aral@mastodon.ar.al avatar

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 :)

🏳️‍⚧️

https://draw-together.small-web.org

aral, (edited )
@aral@mastodon.ar.al avatar

G’morning! Looks like the kitty is gone but the trans pride remains :)

https://draw-together.small-web.org

🩵🩷🤍🩷🩵

aral, to SmallWeb
@aral@mastodon.ar.al avatar
aral, to SmallWeb
@aral@mastodon.ar.al avatar

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?

https://draw-together.small-web.org

#DrawTogether #Kitten #SmallWeb #littleThings

aral,
@aral@mastodon.ar.al avatar
aral, to SmallWeb
@aral@mastodon.ar.al avatar
ahumanibelieve, to random
@ahumanibelieve@vivaldi.net avatar

I was trying to make dog on draw together, but okay

@aral

aral, to SmallWeb
@aral@mastodon.ar.al avatar

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.

https://draw-together.small-web.org

kdawson, to random
@kdawson@tldr.nettime.org avatar

IMO making your window square results in a more pleasing screenshot, and YMMV.

aral, to SmallWeb
@aral@mastodon.ar.al avatar

So given it’s Saturday night, I thought I’d have a little fun with Kitten and make a tiny collaborative drawing toy.

You have a 20×20 grid and only black and white to draw with and everyone shares the same canvas.

https://draw-together.small-web.org

Have fun + looking forward to seeing what we all, umm, draw together.

:kitten:💕

PS. It took about 60 lines of code.

View source: https://codeberg.org/aral/draw-together

aral, (edited )
@aral@mastodon.ar.al avatar

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/

#DrawTogether #Kitten #SmallWeb

aral,
@aral@mastodon.ar.al avatar

Aww – just glanced at my Draw Together tab and saw this :)

https://draw-together.small-web.org

:kitten: 💕

#DrawTogether #Kitten #SmallWeb

aral,
@aral@mastodon.ar.al avatar

From kitty cat to… Batman?

draw-together.small-web.org

#DrawTogether #Kitten #SmallWeb

aral,
@aral@mastodon.ar.al avatar

The state of my screenshots folder right now…

:awesome:

#DrawTogether #Kitten #SmallWeb #GNOME #Files #screenshots

aral,
@aral@mastodon.ar.al avatar

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:💕

https://codeberg.org/aral/draw-together#scripts

#DrawTogether

aral,
@aral@mastodon.ar.al avatar

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

aral,
@aral@mastodon.ar.al avatar

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

aral,
@aral@mastodon.ar.al avatar
aral,
@aral@mastodon.ar.al avatar

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

¹ https://codeberg.org/kitten/app

#DrawTogether #Kitten #SmallWeb #community

aral,
@aral@mastodon.ar.al avatar

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 :)

https://draw-together.small-web.org

#DrawTogether #Kitten #SmallWeb

aral,
@aral@mastodon.ar.al avatar

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/)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • khanakhh
  • DreamBathrooms
  • InstantRegret
  • magazineikmin
  • ethstaker
  • Youngstown
  • mdbf
  • slotface
  • everett
  • rosin
  • ngwrru68w68
  • kavyap
  • thenastyranch
  • JUstTest
  • cubers
  • tacticalgear
  • osvaldo12
  • GTA5RPClips
  • cisconetworking
  • modclub
  • Durango
  • Leos
  • normalnudes
  • megavids
  • tester
  • anitta
  • lostlight
  • All magazines