glsl – Creative Coding

Flowing

“Everything flows” and “It is not possible to step into the same river twice” These phrases of Heraclitus have stuck in my mind since I went to school and have somehow conditioned my way of working. He viewed the world as constantly in flux, always “becoming” but never “being”. This work represents this constant and incessant movement of becoming through an endless animation in which different kinds of noises mix at different scales. The movement comes from the use of a 3D noise field in which time flows along the third coordinate. This contributes to the feeling of a flowing organic form in constant motion.

Technical specs: Real time endless generative animation HTML, VanillaJS, WebGL (no external libraries) | Resolution agnostic, it can render at any resolution and aspect ratio | 10 KB | 100% on-chain

Traits: Palette: 20 palettes; Grid: 0, 1, 2 (no grid, grid A, grid B) | Scale: 1 – 4 | Detail: 0, 1, 2 (kind of noise at finer scale) | Shading: 0, 1 (false, true)

INTERACTION

[s] save png at 3840×2160

https://generative.xyz/generative/1003980

Plastica

In physics plasticity refer to irreversible deformation, in biology plasticity refer to adaptiveness to varying condition i.e. the capacity of the nervous system to modify itself in response to experience.

Plastica is a real time endless generative animation of a periodic surface continuously deformed by noise (FBM) with ray-marching rendering that gives a plastic look and behavior.

The shapes formed by maximum and minimum of the rendered surfaces, even if completely abstract, can be viewed as something halfway between synthetic and organic matter. The variety of the 23 palettes contributes to this synthetic / organic vision.

The rendering is implemented in vanilla Javascript WebGL with GLSL shader. The hash of the blockchain transaction is used to seed the PRNG (Pseudo Random Number generator) giving rise to features variation in the minted pieces.

Requires a WebGL compatible browser and a recent PC with GPU.

Technical specs:

Endless generative animation | HTML, VanillaJS, WebGL (no external libraries) | 11.1 KB | 100% on-chain | 5 features/traits: [Palette (23 palettes); Surface (8 kind of different surfaces); FOV (in arbitrary unit); Angle; Scale]

https://generative.xyz/generative/1003606

Materia Fluida

A real time endless generative animation in vanilla Javascript WebGL GLSL.

The GLSL shader generates a warped FBM noise and applies convolution kernels for the Unsharpen and Sobel operators. The Sobel operator provides both the magnitude and direction of the gradient, one is used to highlight edges, the other to achieve a shading effect.

The main parameters for the animation can be chosen with the fx(params) interface.
The minted iterations will differ as the noise generation is seeded via fxrand().

The animation can be rendered in fullscreen at 16/9, 9/16, or 1/1 aspect ratio.

Requires WebGl compatible browsers.

Parameters
———-
Palette
– select palette
Noise Scale
– zoom in the noise field
FBM Octaves
– choose how much octaves in the FBM [4, 5, 6, 7]
Speed
– speed of animation
Warp Kind
– select the warping method [five kind]
Coeff. Noise
– amount of the main noise field
Coeff. Unsharp
– amount of unsharp filter
Coeff. Sobel
– amount of edge highlight
Coeff. Gradient
– amount of shading effect
Grain
– amount of added grain noise

Interactivity
————-
[1] 1080×1080 [2] 1920×1080 [3] 1080×1920
[4] 2160×2160 [5] 3840×2160 [6] 2160×3840
[f] Fullscreen

[z]/[x] => -/+ Contrast
[c]/[v] => -/+ Brightness
[r] => Reset Contrast and Brightness

[s] Save a png in current resolution

https://www.fxhash.xyz/generative/slug/materia-fluida