Dear friends on Mastodon,

I'd like your input on my WIP collection. Here are 200 random iterations. What do you think ?
I have the impression the energy level is a little too high, up to the point it feels a bit too random.

http://www.r1b2.com/wp-content/tmp/batch1/gallery.html

#regl #webgl #abstractart #spirals #creativecoding

Same algorithm, different colors
#REGL #webgl #AbstractArt #GenerativeArt #spirals

Experiments with regl continue… this palette is called “Bastille”.
#regl #webgl #color #GenerativeArt #france

Quick reminder that my latest project, “Conjunction Of The Spheres”, will be minting this Wednesday on #fxhash .
These pieces layer millions of almost transparent lines to get that glassy effect.

https://www.fxhash.xyz/generative/slug/conjunction-of-the-spheres

#webgl #GenerativeArt #color #REGL #abstract #creativecode

"Conjunction Of The Spheres".

Connecting rotating points on randomly placed circles with millions of almost transparent lines. As the lines intersect and blend, interesting shapes and patterns appear.

Minting next week at https://www.fxhash.xyz/generative/slug/conjunction-of-the-spheres

#cleannft #fxhash #tezos #webgl #regl

Tinkering with a visualization idea a friend posed: instead of using time zone offsets to know office hours between locations across the globe, what about showing daylight hours? Mocked up the rough concept in React+WebGL using dual azimuthal equidistant projections.

https://brian.sh/around/

#react #reactjs #webgl #regl

a tree has been added & those blue diamonds are in-progress "leaves". they are blue so that i can see them properly. they are slowly getting to the point where they will be arranged *around* the tree. :flan_guns:​

#regl #webgl

small grass patches in my cyber alley :}

#regl #webgl

grass lol. i think it's a little big :flan_excite:​

#regl #webgl #3d

it's not doing what i want, but it is doing something weird. so that's a positive!

#regl #webgl #graphics #wip

fun with #regl!

this work-in-progress is a flat plane with a grid in the green channel of the fragment shader & a traveling blue noise function in the blue channel of the fragment shader.

the noise function is made with glsl-noise (https://www.npmjs.com/package/glsl-noise), which is used in the fragment shader via the glslify transform (https://github.com/glslify/glslify) for browserify.

here's the fragment shader that makes the effect:

```
frag: glsl`
precision highp float;
#pragma glslify: snoise = require('glsl-noise/simplex/3d')
uniform float time;
varying vec2 vpos;
void main () {
float x = step(mod(vpos.x, 1.0),0.5);
float y = step(mod(vpos.y, 1.0),0.5);
float g = snoise(vec3(vpos.xy, time*0.5));
gl_FragColor = vec4(0, mod(x+y, 2.0), g, 1.0);
}
`,
```

#webgl #shader #shaders #creativecoding #wip

Say hello to #REGL. http://regl.party/

REGL is a WebGL wrapper that takes a functional approach to drawing things. While ThreeJS and A-Frame's strengths lie in getting your 3D scene/cameras up and running, REGL's strength is in its flexible drawing paradigm.

For instance, my Matrix code has no scene or camera; ThreeJS insists I make both. EffectComposer hides one of each inside it! But REGL only insists that I have a vertex shader, a fragment shader, and the data to feed them with.