Embedded Files
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
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.
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;
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.
example of art produced (by egg syntax):
egg syntax:
<sends another version>
example of art produced (by egg syntax):
egg syntax:
Here, this one randomizes the vars so they'll be different every time you reload
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
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
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
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
Page updated
Google Sites
Report abuse