About the previous work (YANF) and during the development of this new one some people told me that it looks like carved in wood or metal or made of silk or felt, that they would like to touch it. From these considerations I decided to call this new work 'Materia'.

This new abstract work follows the lines of the previous work (YANF) going further in the direction of conveying a material sensation.

Here in contrast to YANF the main field-generating functions are semi-random combinations of transcendental, polynomial and irrational functions instead of noise.

The field generated by the randomly chosen function is perturbed with different kinds of noise at different scales to obtain variety and more natural look at the same time.

The gradient orientation of the field is used to modulate luminosity to give the impression of lights and shadows even if all is drawn with bi-dimensional object (no 3D).

The final step of adding flow lines along the contour, together with previous step for lights and shadows, leads us to the final result which gives us the feeling of a material object that could be touched.

Function names were generated by ChatGPT after reading this description, I don't know why all those divine, celestial, mystic, ...

The palettes used are a subset of the Studio Yorktown Color Town Hall MIT licensed palettes with two exceptions ('ABBA' and 'BAAB').


Default resolution: 2000x2000

[2] to redraw at double resolution (4000x4000 - it takes four times then default)
[1] to redraw at default resolution
[s] to save a png at current resolution

Sources of variations are:
- 36 palettes
- 32 field generating functions
- 2 phase parameters each with 8 possible values
- 2 types of noise
- 2 values for scale (high, low)
- added noise at fine scale (True, False)
- colors banding (True, False)


Developed with p5.js, FastNoiseLite.js and chroma.js libraries.

Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see License.txt for more information.

Materia #160

The Decagon is the infinitely evolving, always unique, and eternally open membership token of the Decaverse. Designed by Kjetil Golid.

Decagon #8006

Animation produced with ray-marching algorithm implemented in WebGL GLSL fragment shader.
The finer structures are the result of a "bug" (wrong value for a parameter in the ray-marching).
The "bug" has the (positive) side effect to let you see through in a distorted way.

Perfect loop video at resolution 1080x1080 30 fps

Broken

Yet Another Noises and Flows

After three works on landscapes I returned to an abstract work in which I used several kinds of noise fields and a different approach to flow lines.

In this work I use three intermediate images to generate the final image:
- on the first image to each pixels is assigned a color related to the value of the noise field in that point using the main color palette
- on the second image the gradient orientation (angle) of the field is used to assign colors using a secondary palette with the purpose of giving lights and shadows to the final image
- on the third image flow lines are drawn using the direction perpendicular to the gradient, in this way the flows are aligned to the contour lines

After the second and third step the new generated image is blended with the previous giving rise to the final image.

Developed with p5.js

Default resolution: 2400x1600, 1600x2400, 2000x2000 (3/2, 2/3, 1/1 aspect ratio)

[2] to redraw at double resolution (it takes four times then default)
[1] to redraw at default resolution
[s] to save a png at current resolution

Sources of variations are:
- 14 palettes
- 6 kinds of combinations of noise type and fractal type
- 8 kinds of cuts
- 3 kinds of aspect ratio
- 3 border thickness

This Generative Token uses the FastNoiseLite.js and chroma.js libraries.

Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

YANF #80

For my contribution to the #genuary32nd event I decided to mint a generative token based on my #genuary21 (Persian Rug) interpretation.

The images are generated iterating a discrete map on the plane obtaining the Poincaré section of an higher dimensional dynamical system. In this case the dynamical system is a simple periodically kicked harmonic oscillator.

The symmetry in the generated images in some way resembles those seen in middle eastern tapestry.

The palettes used are a subset of the Studio Yorktown Color Town Hall MIT licensed palettes.

It is possible to explore the map zooming in and out and saving the results in 2K and 4K resolutions.

Interactivity:
[z] to zoom in
[x] to zoom out

Default resolution: 2000x2000

[2] to redraw at double resolution (4000x4000)
[1] to redraw at default resolution
[s] to save a png at current resolution

It is possible to interact and save only when iterations stop.

Sources of variations:
- 28 palettes
- 4 kinds of symmetries (4, 5, 6, 7-fold)
- Several values for scale factor (20 - 80)

Developed with p5.js and chroma.js library

Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see License.txt for more information.

Hamiltonian Chaos Rug #3

Materia #176

In this work, the third in the series of landscapes, I tried to achieve greater realism without abandoning those elements, also characteristic of the other works, which lead out of reality such as the shapes of the ground and trees and the choice of palettes.

Lands and Clouds are rendered using a mix of simplex noise and FBM (Fractional Brownian Motion), trees are generated with space colonization algorithm an placed using Poisson Disk Sampling distribution. The distribution density is driven by the land heightmap.


Developed with three.js using WebGLRenderer.
Rendering is faster with chrome browser.


[s] to save a png at 2048x1536, 1536x2048, 2048x2048 (4/3, 3/4, 4/4 aspect ratio)
[d] to save a png at 4096x3072, 3072x4096, 4096x4096 (4/3, 3/4, 4/4 aspect ratio)


Features:
"Palette": 14 colormaps
"Aspect Ratio": 4/3, 3/4, 4/4
"View Point":  Far, Medium, Near, Above
"Sky Type": FBM, Gradient1, Gradient2
"Sky Color": LightSkyBlue, Gray, Blue [10% probability]
"Bark Color":  Brown, GrayBrown, Gray
"Bare Trees": True, False


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Landscapes out of my mind #169

Out of this world landscape entirely made with code.
4096 x 4096 px

Landscapes #1

Landscapes #2

Landscapes out of this world V2

In this collection I present artworks entirely generated by code (javascript with three.js library).
This code allows me to bring to reality imaginary landscapes that I see in my mind.

Landscapes out of this world

[Dutch auction: 6/4/2 tez dropping every 1 hour]

The Generative Token is obtained in two stages: in the first stage warped noise is generated using the method explained by Inigo Quilez (see Licence.txt for reference); in the second stage, using Sobel method for edge detection, the noise gradient orientation is used to generate flow lines for the "Fur".

The first stage generate an image colored using the values of warped noise.
The second stage generate another image using gradient orientations both for shapes (the fur) and for coloring.
The two images are blended together to obtain the final result.

In both stages color-map can be a precalculated palette or a generated one. There are four precalculated palettes read from files and many more generated with random phases.

The user can save a 1200x1200 png with 's'.

Sources of variations are:
- Four noise warping control parameters generating different grade of complexity and different shape
- One flattening control parameter
- Blending of the two intermediate images
- precalculated (four) or generated (many) color mapping for warped noise
- precalculated (four) or generated (many) color mapping for flow furry lines

Features:
Color Palette: the kind of color palette used in the two stages, (Gen + Gen | Gen + Map | Map + Gen | Map + Map)
ColorGen: the color scheme for generated palette, can be "Grays" (one) or "Colors" (many)
ColorMap: the precalculated color palette (the name)
NoiseControl: noise control parameter, 0 - 15
FlatControl: flattening control parameter, 1 - 19
Rare: when "Color Palette" = "Gen + Gen" and "ColorGen" = "Grays", each event has 25% probability so should be 6.25%


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Variations on Tribble Fur #43

Variations on Tribble Fur #47

Variations on Tribble Fur

The Generative Token is obtained in two stages: in the first stage warped noise is generated using the method explained by Inigo Quilez (see Licence.txt for reference); in the second stage, using Sobel method for edge detection, the noise gradient orientation is used to generate flow lines.

The first stage generate an image colored using the values of warped noise.
The second stage generate another image using gradient orientations both for shapes (the flow lines) and for coloring.
The two images are blended together to obtain the final result.

In both stages the color-maps are generated using a sinusoidal function of the gradient orientation angle with a random phases. There are 52 possible combinations of random phases.
Some palette used in the second stage are re-mixed using simplex noise with 20% of probability.

The user can save a 1200x1200 png with 's'.

Sources of variations are:
- Four noise warping control parameters generating different grade of complexity and different shape (combined on a single number on the features)
- 52 generated color mapping for warped noise
- 52 generated color mapping for flow lines
- Blending of the two intermediate images

Features:
Grays: 25% of probability to have a grays palette, (True, False)
Color Palette: one of the 52 possible combinations of random phases
Color Mixing: 20% of probability to have a re-mixed palette
Noise Control: noise control parameter, (0 - 15)
Rare: when Grays = True and Noise Control < 4


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Everything flows #140

Everything flows #143

Everything flows

Boids is a Generative Token that represent the flocking of birds over a landscape. The name 'Boids' comes from a famous computer animation / simulation program.

The landscape is rendered as a surface using a kind of warped noise as height map. A noise of the same kind is used as texture for the sky.

The boids are disposed along the flow lines obtained from the noise gradient. This gives the sensation that the Boids follow the undulations of the landscape.

It is possible to save a 1600x1600 png with key 's'.

If the token has the feature EsterEgg = True then other keys are activated:
---------------------------------------------------------------------------
- '2' to visualize the 2D version of the token (then 's' to save the png of 2D version)
- '3' to visualize the 3D version of the token (then 's' to save the png of 3D version)

Sources of variations are:
- Noise warping control parameters generating different grade of complexity and different shape an the landscape and Boids flock (combined on a single number on the features).
- 21 color mapping for landscape and Boids.
- Two method of surface rendering for the landscape, wireframe and blocks.
- Two possible resolution for surface rendering.

Features:
Palette: color palette name (21 different palettes)
SurfaceRendering: surface can be rendered as wireframe or as a grid of blocks
SurfaceResolution: both wireframe and blocks can be at different resolution (Low, High)
NoiseControl: noise control parameter (0 - 15)
Border: the border can be in solid color or negative color (Solid, Negative)
EsterEgg: with 20% of probability a 2D version of the same token can be visualized and saved


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Boids #2

Boids #24

Boids

'Boids 2D' is a Generative Token that represent the flocking of birds over a landscape. The name 'Boids' comes from a famous computer animation / simulation program.

The landscape is rendered as a texture using a kind of warped noise as height map.

The boids are disposed along the flow lines obtained from the noise gradient. This gives the sensation that the Boids follow the undulations of the landscape.

Previously embedded in the 'Boids' (3D) Generative Token as an ester egg on 20% of iterations, now every iterations will be 2D as viewed from the sky.

Every owner of the 'Boids' (3D) GT will receive one 'Boids 2D' for free. The owner that minted a 'Boids' with ester egg will receive two 'Boids 2D' for free.

It is possible to save a 1600x1600 png with key 's'.

Sources of variations are:
- Noise warping control parameters generating different grade of complexity and different shape an the landscape and Boids flock (combined on a single number on the features).
- 21 color mapping for landscape and Boids.
- Two kind of border, solid or negative.

Features:
Palette: color palette name (21 different palettes)
NoiseControl: noise control parameter (0 - 15)
Border: the border can be in solid color or negative color (Solid, Negative)


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Boids 2D #58

Boids 2D #102

Boids 2D

In this work I used the tools I learned in developing precedent works to generate a landscape with hills, flowers, streams, ruins, sky and clouds. The generated landscape gives the impression of a natural one but at the same time it has some "abstract" traits that reveal the geometrical properties of the noise generation process. This noise is used both for the morphological aspect and for colors assignment.

Developed with p5.js using WEBGL renderer.
Rendering is faster with chrome browser.

[s] to save a 1600x1600 png.


Features:
"Palette": 12 colormap
"Sky":  Day, Night, Gray - 15% Gray, 20% Night, 65% Day
"Ruins": True, False - 33% True
"Streams": True, False - 33% True
"Flower": Red-Blue, Fuchsia-Yellow, Rose-Violet
"Border": True, False - 25% True


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Paesaggio #212

Paesaggio #109

Paesaggio

In this work I tried to convey the idea of a landscape (many landscapes) with hills, trees, grass, bushes, skies and clouds. As is normal on fxhash I have accomplished all this by writing the code that generates the elements in a scene.
While writing the code to obtain these landscapes I did not try to reproduce landscapes seen in reality or in photography, rather I followed from time to time ideas of landscapes that came to my mind as a sort of lucid dream. I hope I managed to convey this idea of a landscape that is halfway between reality and fantasy.

Lands and Clouds are rendered using a mix of simplex noise and FBM (Fractional Brownian Motion), trees are generated with recursive functions an placed using Poisson Disk Sampling distribution. The distribution density could be homogeneous (land heightmap drive the density) or biased to have more density towards the top, bottom, left or right of the land.


Developed with p5.js using WEBGL renderer.
Rendering is faster with chrome browser.

[1] to render at 1600x1600
[2] to render at 2400x2400
[3] to render at 3200x3200
[s] to save a png at last rendered resolution.


Features:
"LandPalette": 20 colormaps
"TreePalette": 20 colormaps
"Light":  Morning, Evening, Night
"SkyColor": Blue, Azure, Turquoise, Gray, VioletRed
"Haze": True, False
"Rainbow":  True, False
"Grayscale": True, False
"TreeDensity": Homogeneous, Top, Bottom, Left, Right


Created by Andrea Belloni, fxhash: anbello, twitter: @Waterflowing0. Licensed under CC BY-NC-SA 4.0, see LICENSE.txt for more information.

Landscapes in my mind #81

Landscapes in my mind #87

Landscapes in my mind

Landscapes out of my mind #93

Landscapes out of my mind #104

Landscapes out of my mind

Warped simplex noise as displacement map of a plane.

Animated and interactive.

Use mouse to rotate and zoom the surface.

[t] to toggle Sobel edge detection
[u] to toggle kaleidoscope effect
[s] to save 1920x1920 pgn

When in kaleido mode interaction with mouse change shape instead of rotate, zoom.

Noise surfaces #36

Noise surfaces #32

Noise surfaces

YANF #82

YANF #126

YANF

Hamiltonian Chaos Rug #28

Hamiltonian Chaos Rug #15

Hamiltonian Chaos Rug

Materia #24

Materia #137

Materia

Cellular Automata (CA) model for Belousov–Zhabotinsky (BZ) Reaction Diffusion system.

In BZ system non linear chemical oscillators give rise to pattern formation, large scale ordered patterns emerge from chaotic initial conditions.

The CA model gives rise to spiral waves patterns using only local interactions.

Each unique minted token has a randomly chosen starting condition and color palette.

Reaction Diffusion Cellular Automata #4

Reaction Diffusion Cellular Automata #1

Reaction Diffusion Cellular Automata

Cellular Automata (CA) model for Belousov–Zhabotinsky (BZ) Reaction Diffusion system mapped on a torus.

In BZ system non linear chemical oscillators give rise to pattern formation, large scale ordered patterns emerge from chaotic initial conditions.

The CA model gives rise to spiral waves patterns using only local interactions.

Each unique minted token has a randomly chosen starting condition and color palette.

The periodic boundary conditions used in the CA gives a natural mapping on a torus.

The torus can be rotated with left click + dragging.

Reaction Diffusion on a Torus #21

Reaction Diffusion on a Torus #36

Reaction Diffusion on a Torus

Spherical harmonics rendered as a surface using a parametric equation.
Parameters variations with random values (fxrand()) gives rise to various forms resembling living organism (biomorph).
Each minted token contains a unique set of 16 different biomorph disposed on a 4 by 4 grid.

Press 's' to save an hi-res (4096x4096) png image.

Spherical Harmonics Insectarium #38

Spherical Harmonics Insectarium #77

Spherical Harmonics Insectarium

The Generative Token chooses between three primitives (cubes, spheres, triangle stripes) and places it along a parametric curve with parameters varying with noise() function as source of smooth motion.

New shapes are added layer after layer with new forms and colors.

At any time the user can pause the generation by pressing 'p', resume it with 'r' and save a 1600x1600 png with 's'.

Sources of variations are:
- primitives choice (3)
- orientation (0, 90, 180, 270 degrees)
- initial conditions
- shapes evolution
- colors evolution (only 10% will be bi-chromatic)


Press:
- 'p' to pause
- 'r' to resume
- 's' to save a 1600x1600 png image


Zaratan #4

Zaratan #1

Zaratan

This time I used only low level operations on pixels, mainly shifting and blending.
On some variations the viewer has the impression that focalizing on different colors he sees different patterns on different layers.

Variations come from random initial conditions and iterations, different pixels resolution, pixels rendering (smoothed, non smoothed) and random color hue rotations.

Press 's' to save a 1600x1600 png image.

Shifting and Blending #4

Shifting and Blending #1

Shifting and Blending

As for the first Zaratan, the Generative Token chooses between three primitives (cubes, spheres, triangle stripes) and places it along a new kind of parametric curve with parameters varying with noise() function as source of smooth motion.

New shapes are added layer after layer with new forms and colors.

At any time the user can pause the generation by pressing 'p', resume it with 'r' and save a 1600x1600 png with 's'.

Sources of variations are:
- primitives choice (3)
- initial conditions
- shapes evolution
- colors evolution (only 10% will be bi-chromatic)


Press:
- 'p' to pause
- 'r' to resume
- 's' to save a 1600x1600 png image

Zaratan II #31

Zaratan II #32

Zaratan II

22022022 #2

22022022 #1

22022022

A Cellular Nonlinear Network composed by a grid of logistic maps oscillators that evolve towards a limit cycle of his dynamics. The cycle is composed by two images.

Limit Cycle 1

Limit Cycle 2

8BIDOU

Cellular Neural Networks or Cellular Nonlinear Networks (CNN) are similar to Cellular Automata (CA): a grid of cells that evolve in time with local interactions with neighbouring cells.

Instead of a finite number of states for each cell (as for the CA) in CNN the cells can assume continuous values given from a chaotic oscillator and the local interactions are due to the coupling of oscillators in neighbouring cells.

With CNN is possible to model a number of physical systems described by Partial Differential Equations: Wave propagation, Heat Diffusion, Chemical Reaction-Diffusion and the likes.

In this case we have a Lorenz chaotic oscillator on each cell coupled with the 8 neighbouring oscillators.

The initial conditions, boundary conditions and coupling constant are chosen in such a way to obtain symmetrical patterns.

Colormap from matplotlib (flag).

The rendering is by means of a C++ program with openFrameworks toolkit.

Cellular Neural Network #1

Wave-like surfaces generated using Perlin noise and GLSL vertex shader.
The rendering is by means of a C++ program with openFrameworks toolkit.

Noise Waves

Hic et Nunc

An oyster from an ultraworld adventure (4096x4096 png)

Ultraworld Oyster

Versum

Second variation produced by DALL-E using an original from my drop on fxhash 'Everything flows'

Everything flows as seen by DALL-E #2

Variations produced by DALL-E AI using my works as original image.

First variation produced by DALL-E using an original from my drop on fxhash 'Everything flows'

Everything flows as seen by DALL-E #1

My works as seen by DALL-E

image obtained from the 'Paesaggio' project code, minted for 1000 followers.

1600x1600 png.

1000 Paesaggi

Graphics and animation generated by computer programming. Visualizations of mathematical physics equations. Simulations of natural phenomena through iterative and recursive algorithm.

Algorithmic Beauty

Perfect loop video generated with raymarching algo implemented in Javascript WebGL GLSL

Video resolution 2160x2160 at 60fps

Modulo

Generative art works produced using only code, Javascript WebGL and GLSL shader

Animation produced with ray-marching algorithm implemented in WebGL GLSL fragment shader.

Video resolution 2160x2160 at 60 fps

Fragments of a shade #1

Fragments of a shade

Fragments of a shade #3

Open-editions for my works with GLSL shaders

Structure WIP #3

Structure WIP #2

Uploads

Structure from noise

Entirely made with code (p5js + glsl)

Image resolution 3200x4800

Epiphenomenon #5

Curated editions from a project that generate structure from noise.
All images are generated using only code (p5js + glsl)

Structure from noise

Image resolution 3200x4800

Epiphenomenon #3

Epiphenomena

A meditative exploration in the world of 3D fractals that invites contemplation, and opens a space in the mind for personal transformation. Each piece is a real time animation rendered using ray-marching techniques in GLSL.

anbello

anbello

Featured (0)

Collections (0)

All Works (0)