Collaboration with Egg Syntax

This is a series of pieces that I produced in collaboration with Egg Syntax, which I cover in detail in the tutorial. Websim user sirkitree also prompted over one of the variations, and I've included their contributions as well.

Tentacle Mandala

... aitechnopagan began by coding over her most recent fluid dynamics piece...

user (aitechnopagan):

beautiful! create a whole new completely different piece of generative art

example of art produced (by aitechnopagan):

user (aitechnopagan):

make this look even more like a sea anemone

examples of art produced (by aitechnopagan):

user (aitechnopagan):

give this more eyes

user (aitechnopagan):

make the eyes part of the shape

... and a more "serious" version of this one...

user (aitechnopagan):

enrich the lines between nodes

example of art produced (by aitechnopagan):

egg then coded over this version of aitechnopagan's...

egg syntax:

Here's a variant that I think should change more over extended time, supports longer tentacles, has a color gradient, and another small change or two. Just save the attached file & open it in a browser.

egg's code loaded into claude:

example of art produced (by aitechnopagan):

egg syntax:

Here's a version that does the strokes as an outline. Has more of an Arabic calligraphy feel.

This is the advantage of learning to code just enough that you can make tweaks like this 😁

Like I don't know much about JS canvas functions, I just looked them up,
eg
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth

One change I made was to tweak the values for these two lines (I forget what they were originally) to make them different; that way it'll take them different amounts of time to cycle through, which means over time you'll get every possible combination (note that I made them relatively prime to maximize that time).


      const curveX = midX + Math.cos(angle + Math.PI / 2) * dist * 0.013;

      const curveY = midY + Math.sin(angle + Math.PI / 2) * dist * 0.011;

egg's code loaded into claude:

examples of art produced (by egg syntax):

... aitechnopagan prompted over this version of egg's...

user (aitechnopagan):

add a pause button

user (aitechnopagan):

give it more of a rorschach inkblot effect

examples of art produced (by aitechnopagan):

meanwhile, egg continued to tweak the code of their outline version...

egg syntax:

The main thing I like about [this] one is the way it clicks into three-dimensionality.

egg's code loaded into claude:

example of art produced (by egg syntax):

egg syntax:

<sends another version>

egg's code loaded into claude:

example of art produced (by egg syntax):

egg syntax:

Here, this one randomizes the vars so they'll be different every time you reload

egg's code loaded into claude:

examples of art produced (by egg syntax, including original music in the video):

'Ezekiel saw the wheel
Way in the middle of the air
A wheel within a wheel
Way up in the middle of the air'


-- "Ezekiel Saw the Wheel" by The Charioteers from this compilation of pre-WWII gospel

... and aitechnopagan prompted over this version of egg's...

user (aitechnopagan):

make the motion even more complex and interesting and draw inspiration from rorschach inkblots

example of art produced (by aitechnopagan):

... another branch from the same point...

user (aitechnopagan):

make the motion even more complex and interesting and draw inspiration from rorschach inkblots

example of art produced (by aitechnopagan):

user (aitechnopagan):

beautiful. make the motion even MORE complex and interesting!

example of art produced (by aitechnopagan):

... websim user sirkitree also prompted over this version of egg's...

user (sirkitree):

replicate the waves around a central point 12 times like a kaleidoscope


user (sirkitree):
and mirror it as well


user (sirkitree):
make the colors rotate automatically and slowly

example of art produced (by sirkitree):

Predatory Alien Bird/Ribcage

... yet another branch by aitechnopagan from this starting point by egg...

user (aitechnopagan):

give this more of a rorschach inkblot effect

example of art produced (by aitechnopagan):

user (aitechnopagan):

beautiful! make the motion even more complex and interesting! be artistic!

 example of art produced (by aitechnopagan):

user (aitechnopagan):

make the motion even more complex and interesting with additional controls and draw inspiration from islamic calligraphy as a predatory alien bird

examples of art produced (by egg syntax):

user (aitechnopagan):

add controls to give this even more of a ribcage feel

example of art produced (by aitechnopagan):

user (aitechnopagan):

create additional controls for even more kaleidoscopic motion

examples of art produced:

... a different branch by aitechnopagan prompted from "arabic calligraphy as an islamic alien bird"...

user (aitechnopagan):

add controls to make the motion even more metal

example of art produced (by aitechnopagan):

... a branch by egg, prompted from aitechnopagan's kaleidoscopic motion version...

user (egg syntax):

Now please remove the circles in the background, decrease the 'animation speed' maximum, and eliminate any sliders that have no effect.

examples of art produced (still by aitechnopagan, video by egg syntax):

... aitechnopagan then prompted over egg's latest version...

user (aitechnopagan):

give this additional controls for 3d transformative motion

examples of art produced (by aitechnopagan):

Sea Creatures

... aitechnopagan prompted over one of her earlier versions...

user (aitechnopagan):

beautiful! make the motion even more complex and interesting! be artistic!

example of art produced (by aitechnopagan):

user (aitechnopagan):

make the motion even more like a sublime jellyfish

examples of art produced (first two stills by aitechnopagan, third by egg syntax):

user (aitechnopagan):

make the shape even more jellyfish like with wider tentacles

example of art produced (by aitechnopagan):

user (aitechnopagan):

make it possible to change the angle of the jellyfish

example of art produced (by aitechnopagan):

... egg continued the sequence by prompting over this version of aitechnopagan's...

user (eggsyntax):

Give it a much more delicate and aquatic feel, with a sense of alien aquatic lifeforms

user (eggsyntax):
I like that but take away the circles you added, or make them move much more slowly.

examples of art produced (by aitechnopagan):

Snowglobe

... for this sequence, aitechnopagan prompted from this version...

user (aitechnopagan):
create a version of this generative art inspired by vincent van gogh's starry night


user (aitechnopagan):
make this scene even more mesmerizing with additional controls


user (aitechnopagan):
contain this piece in a circle


user (aitechnopagan):
give this more of a snowglobe feel


user (aitechnopagan):

add additional controls to adjust the fog as well as the glow around the moon; make the hill white and add a control as well to change its height


user (aitechnopagan):

remove the fog


user (aitechnopagan):

bring back the "hill count" control but rename it to "hill twist"


user (aitechnopagan):

make it possible to add a little house in the scene


user (aitechnopagan):

make it possible to adjust the location of the house


user (aitechnopagan):

put the moon on the other side instead


user (aitechnopagan):

make sure the code is efficient