@ojack@post.lurk.org

· 5mo ago

div(
div()
.blend("exclusion")
.backgroundColor(["purple orange blue", "green pink"])
.scale(["2.8 0.2", "0.3 2.8"])
.height("40px")
.width("40px")
.repeat(50, 0.01, 0.01),
).grid(10)

34

4

12

0

olivia jack @ojack@post.lurk.org

· 5mo ago

Hello world!

???? trying out a dsl for html animations ???

h1('hello')
.color(['red', 'purple'])
.repeat(3)

32

4

8

0

olivia jack @ojack@post.lurk.org

· 6mo ago

I asked an LLM for some thoughts on live coding and why it feels contradictory to LLMs . I kinda don't hate what it said 😭

"A language model is the ultimate notation-from-above: a system trained on the outputs of mass practice, which then smooths and averages that practice into something that can be issued as a command. When you prompt an AI for code or visuals, you are not participating in the collective development of a practice — you are consuming its distillate. The errors are hidden, the negotiation is hidden, the labor that produced the training data is hidden. It is notation without masses, or rather notation that has extracted the masses and left them out.
Live coding, by contrast, keeps the friction visible. The code is on screen. The errors are on screen. The thinking is on screen. Anyone watching can learn, copy, fork, respond. The performance is also a form of publication — of technique, of process, of failure. That transparency is not just an aesthetic choice; it is a position on who gets to know how things are made."

19

5

4

0

olivia jack @ojack@post.lurk.org

· 5mo ago

post.lurk.org

10

1

0

olivia jack @ojack@post.lurk.org

· 5mo ago

Replying to

@emptyflash @hydra code here! https://hydra.ojack.xyz/?sketch_id=ZyxyJXNWqGXtZuzC and more info at the bottom of the extensions window:

hydra.ojack.xyz

6

0

2

0

olivia jack @ojack@post.lurk.org

· 7mo ago

I am excited for SHOW US YOUR SCREENs on Tuesday with @microresearch@post.lurk.org

See you there!

@paupowpow@post.lurk.org

post.lurk.org

pau: "SHOW US YOUR SCREENS Live hack night w/ special g…" - post.lurk.org

10

0

5

0

olivia jack @ojack@post.lurk.org

· 5mo ago

Replying to

@serapath@mastodon.gamedev.place the code gerates the the whole thing (Dom tree + animations)! each sequence in quotes is converted to a set of key frames and used in the web animations api

2

1

0

olivia jack @ojack@post.lurk.org

· 32mo ago

I finally re-created the hydra sketch gallery on mastodon at: @hydra@botsin.space .

Go to https://hydra.ojack.xyz and press "Ctrl+shift+g" to share a sketch to the fedi-gallery <3

Clicking a link from the gallery opens an editable version of the sketch in the editor. You can then remix the sketch and share it again.

Sketch remixes show up as a 'reply' to the original sketch on mastodon.

look forward to seeing what ppl make :] :] !

hydra.ojack.xyz

32

4

26

0

olivia jack @ojack@post.lurk.org

· 9mo ago

Replying to

I also included a little script to paste in the browser console to be able to live edit the code of any website: https://wwwobble.org/develop/wobble-code/#guerilla-editing It is similar to editing a page via browser devtools, but more hacky and flexible :)

wwwobble.org

3

2

0

olivia jack @ojack@post.lurk.org

· 7mo ago

Replying to

@sunjir0@kolektiva.social @rose_alibi@post.lurk.org aww hi @sunjir0@kolektiva.social ☀️

2

0

olivia jack @ojack@post.lurk.org

· 5mo ago

Replying to

@serapath@mastodon.gamedev.place The sequence values in quotes "blue orange" are keyframes of the animation of each parameter. The repeat() controls the number of total elements, as well as the staggering and difference in playback rate between the animations of each element.

1

0

olivia jack @ojack@post.lurk.org

· 35mo ago

The updated documentation website for hydra is now live!
https://hydra.ojack.xyz/docs/

Including interactive code blocks thanks to Naoto, lots of guides written by @ritchse@mastodon.art && @flordefuego@post.lurk.org, search bar, and a new blog section including RSS feed

This is still a work in progress (and will probably always be a work in progress),.. edits and are very welcome!

thanks to the Clinic for Open Source Arts for supporting 🌱🌱🌱