The last cables live stream was a copy cat edition inspired by the digital artist Anders Hoff, otherwise known as Inconvergent
I've always loved following his work and he's been a great source of inspiration to me throughout the years.
I'd highly recommend checking out his web page as there's a lot of beautiful digital artwork to be found over there.
This blog is going to be a bit longer and more in depth as I'd like to highlight some things I learnt during and after the stream.
I hope you'll enjoy it.
A lot of digital art pieces made with processing and custom software is based upon having a animated system in place and basically not refreshing the canvas each frame.
This means that more and more information gets added to the picture.
A few generative rules can generate a huge amount of output.
This process isn't actually completely real time, due to the fact it takes time to generate the image 🙂
Work from Inconvergent
The 1st piece
I was trying recreate this look from Inconvergents DOF tests.
It worked out pretty good 🙂
How to paint on the canvas
This patch shows what happens when we don't refresh the canvas and just animate a circle.
The color and the frequency is all just tied into the timer.
It doesn't look so great but it gets across how the technique works.
The 3D scene has to be rendered into a texture. We then disable the clear option on the Render2texture op.
Every time we reset we make sure that the clear color is set for one frame, this wipes everything that was already there.
Setting the alpha to a low number and letting the patch run adds more and more detail to the canvas.
That's the entire technique in a nutshell.
Now with 2 animated points to draw a line
Trying to recreate Sand spline 2
It's really almost impossible to recreate a generative art piece so this stream focused on being inspired by the piece itself.
The original from inconvergent below
Screenshot of the live stream patch
The final patch - open the sidebar to play with the parameters
Another piece inspired by Sand splines
As of today we will be releasing new video tutorials aimed at using the HTML and CSS ops inside of cables.
The goal is to keep them as short and informative as possible like our byte sized video series.
The first video will show you how to get started with using the DIV element op to introduce interactivity to your cables patches.
You can see the results here
We asked him some questions to give us insights into the creative process of how the web page was created.
A big thank you to him for taking the time to answer them.
If you'd like to use cables in a commercial capacity but are missing some features or need custom support then don't hesitate to contact us to help you create a solution.
Links to all the patches are below .
Some patches have been improved after the stream.
This means that you can only use 3 rgb values with anything using color in your patch.
And yes everything on the screen has to use one of those colors.
So if you can define a color with a parameter of an op in your patch then it has to use one of those values.
Click this link to be sure 😉
UPDATE : You can submit as many patches as you'd like 😉