Content
@
0 reply
0 recast
0 reaction
dist.cs
@distcollective
We've gathered some insights about our March surprise drop, Flux on @base ⛰️ Flux is a time-based & interactive work—an experiment and tribute to techniques like feedback loops, displacement, and instancing. 🧵 👇 https://www.fxhash.xyz/generative/0x6cc2aA000175961f1fb20cdbA7dAd4c0f258f92A
3 replies
2 recasts
7 reactions
dist.cs
@distcollective
Flux revolves around one main rule: darker pixels mean slower animation. Fully dark equals a full stop, creating the earthly texture with feedback loop magic.
1 reply
0 recast
3 reactions
dist.cs
@distcollective
The main aspect of the animation is feedback loop and displacement, done using p5js and shaders. Circular movement was an intentional choice for that indented and fractured textures.
1 reply
0 recast
3 reactions
dist.cs
@distcollective
For coloring, after selecting the initial hue, we multiply the canvas with noise on an off-screen buffer and subtract from the main canvas to introduce new colors with movement.
1 reply
0 recast
3 reactions
dist.cs
@distcollective
Some different animation styles are still hidden, but some revealed themselves like this iteration; smooth and fluid! Flux #9 owned by @aebrer
1 reply
0 recast
3 reactions
dist.cs
@distcollective
Using the power of feedback loop, we decided to let users interact with the canvas. Click, and a smaller canvas draws itself, creating a Droste effect.
1 reply
0 recast
2 reactions
dist.cs
@distcollective
Populating the canvas with itself introduces new dark areas, harnessing the power of the main rule we talked about in the first cast.
1 reply
0 recast
1 reaction
dist.cs
@distcollective
This project showcases techniques we explored using TouchDesigner, now implemented in p5js and WebGL. It's our first long-form project on @base & on-chain🦾 https://www.fxhash.xyz/generative/0x6cc2aA000175961f1fb20cdbA7dAd4c0f258f92A
2 replies
0 recast
2 reactions
