WootScoot

**Enforcement** is a play on constraints. It treats pixels on the screen as particles in a system. Constraining them to certain types of movement, whether that would reflect physics or something more abstract.

--

**Movement**:

There are 6 different "modes" of movement that I've programmed into the shader. Each with it's own distinctive feel.

1- *Liquid*; This movement mode treats the particles almost as fluid and lets them spread along the canvas in a movement resembling one as liquid.

2-*Centrifugal*; Almost like being inside a wind-tunnel of sorts, this movement mode takes the particles and blows them across this circular field of wind.

3-*Divisional*; Taking the canvas and dividing it into sections, that's what this mode is good at. It makes sure the particles get moved away from the center of the cells in the grid, which makes for a super rigid structure.

Occasionally, this mode includes a final "ringed" pass, which rotates sections of the canvas in the shape of rings around with increasing angles. These rings can be centred or rotating around the y-axis.

4-*Spacetime*; This movement mode makes me feel like I'm in a place between space and time. Tearing up the pure matter it's made up of into pieces.

5-*Spectrographic*; Always reminding me of spectrographs (hence the naming), this movement mode takes the canvas and does a similar thing as mode 3, but adds rotation and noise in the mix, making it feel like a graph of sorts.

6-*Turbulence*; Similar to mode 2, this movement mode takes the particles and makes them blow around a circular field of wind, yet this time distorting spacetime in such a way that the particles seem to be enveloped into a storm, resulting in a chaotic yet controlled environment.

--

**Controls**:

Scroll - zoom in and out by scrolling down and up the page, get pixel peeping! It's my proudest achievement in this collection :)

Spacebar - save the output in full resolution.

--

**URL parameters**:

By adding a ? with either of these parameters after it, you can up the resolution and rendering time for the piece:

- amnt=(value between 100 and 1000 works best, 100 is default)
- res=(resolution width in pixels, default is 2000)

for example: https://alba.art/...?amnt=500&res=4000

--

*Disclaimer*: the outputs can vary slightly between devices, this is because it runs almost exclusively on the GPU, which is not as accurate on some devices. I've decided on this option because of the power the GPU brings. The differences are often times not noticeable on similar resolutions.

The same device will always result in the same output.

--

Made by WootScoot with p5.js and webgl.
June - 2023.


Enforcement is a play on constraints. It treats pixels on the screen as particles in a system. Constraining them to certain types of movement, whether that would reflect physics or something more abstract.

Enforcement

Mark Ludgate

At its heart this piece is a combination of several concepts that I love, technology/nature, tech like geology, colour, and animation. I wanted to pull them all together in a consistent way if possible. I really love the juxtaposition ( apologies for the pretentious word) of sci-fi technology in the natural world. Something I put into all my pieces and wanted to push further here. 

I suppose a piece of futuristic tech is the last thing that you want to leave by itself lying around in the wilderness. It’s so fragile in an environment where it’s competing with raw nature, but incredibly powerful in the right environment. Technology is our magic edge that allows us to lift ourselves above nature. 

We have a kind of symbiotic relationship with technology. It gives us the power of the gods and all we have to do in return is build and maintain it. We're so reliant on it that sometimes it feels like we worship it. So it seems fitting to create an art piece where a future solstice would have a totem pole of pure tech to honor it.

# **The style of the geology**
The geology is made up of fairly rudimentary shapes with distinct forms, cubes, pyramids, spheres, tubes etc. This is mostly due to a limitation of coding art. To create interesting geology with pure randomness is hard, and often leads to a mess with no distinct form. I decided instead to mimic the geology of certain natural wonders that look man-made ( such as the giant’s causeway ). It was great to combine the limitations of coding and real natural phenomena in such a cohesive way. 

# **Colour colour colour**
You may have noticed this piece can be quite colourful. I really wanted to explore colour randomness. There are problems with random colour. Sometimes anything more than 2 colours, or varying values in saturation can produce ugly results. However sometimes the results are amazing. Colour combinations you wouldn’t imagine. I wanted to get as close to this as possible. 

Even though the colours were completely  random, to let it be wild and still consistent I used a few simple rules for colour. Generally the saturation is kept under 85%. This takes the edge off. There are only 2 starting colours (picked completely randomly), and any further colour variation is a slight hue change of those 2 main colors.

To keep it under control, If the script increased the hue variation it would have to lower the overall saturation. In general you can get away with either lot’s of hues and low saturation or vice versa. 

# **Life moves - Animation**
This piece is fully animated! Designed so for screens and the future of visual art. It will also fit to any screen size ( see below). When the still image is loaded the animation will then load. It can take around 10-15 secs before it starts. 

The major chunk of my art inspiration comes from the great animation films, particularly Japanese styles. I really wanted to try and create something that had life like those films. I also felt that it is very important that digital art on screen try to make use of the main reason for a screen, its ability to change the image. 

It was by no means easy to make an image with so much detail that also moves. I had to ditch WebGL ( a 3D graphics library) and return to pure pixels. The only way I could generate these complex images quickly enough was to break up the detail and store it in “buffers”. These are basically canvases of pixels. I then used these small details stored in buffers to rebuild larger details. This was much faster than trying to draw each little detail fresh each time. 


# **Settings**
Press [s] to download a PNG of the image  
Press [a] to download 25 frames of animation that can be put together to form a GIF/VID. These will need to be a yo-yo GIF to play forwards and backwards.  
Press [p] to pause or play the animation.

# **Fitting to any screen aspect ratio**
This piece has 5 aspect ratios.

Press [f] to fit the image to your screen size. This will slightly alter the image. But is useful for screens when you want to fill them properly. 
You can also add fit=true to the URL parameters .

# **Rescaling the image**
Press [1-9] to rescale the image. Each number multiplies the current scale by that value. Yo will rarely need to go above 2. 1 will scale to 1.5x.
You can also add scale=2 to the URL parameters. Where 2 can be replaced with any number. 

ODYSSEY I is a melting pot of themes and aesthetics that bring deep nostalgia to the artist. A thought about the juxtaposition of technology and nature, a cheeky prod at our worship of tech, a hint of man-made-like natural geology, a nod towards ancient monuments and astrology,  an exploration of colour randomness, and a proof of concept for making a detailed animated landscape from pure code. 

ODYSSEY I

KRANKARTA

Realm is an exploration of impossible, imaginary worlds inhabited by monstrous monolithic structures.

The piece is inspired by the vivid cover art of classic Sci-Fi novels produced by the likes of John Schoenherr and Richard M. Powers. They managed to capture the essence of complex universes and storylines in one image. If only we could turn the first page of this piece.

Through textures and 3D raymarching, unearthly landscapes are created. The interaction of colour blending emulates millennia of erosion by alien weather conditions to reveal vibrant strata. While contrasting geometric monoliths cast huge shadows across the land. Peculiarly, these are the only things that cast shadows in this strange place. Burnt into the rock by a lonely sun this planet orbits.


Press [S] to save.

Dreamscapes of unknown worlds hidden in an algorithm.

Realm

Lisa Orth

**LIMINAL ROOMS: AN INVITATION TO TRANSITORY SPACES**

*Perhaps this is a place for us. Observational glimpses within energetic pathways. Transitional states evoking home.*      

Press [s] in live view to save file as PNG.            

This original algorithmic art was created with code 
utilizing the p5.js library.             
© 2023 Lisa Orth - All Rights Reserved          

**Website:** [lisaorth.xyz](https://www.lisaorth.xyz)     
**Twitter:** [@lisaorthstudio](https://www.twitter.com/lisaorthstudio)     
**Instagram:** [@lisaorthstudio](https://www.instagram.com/lisaorthstudio)     
**Links:** [linktr.ee/lisaorthstudio](https://www.linktr.ee/lisaorthstudio)     

  

---

License: [CC BY-NC-ND 4.0](https://creativecommons.org/licenses/by-nc-nd/4.0/)  


‘Liminal Rooms’ by Lisa Orth is a 256 edition generative artwork that explores the concept of transitory energetic spaces.


Liminal Rooms

"Stride" is a generative art creation that explores the creative potential of p5.js and chroma.js libraries. This artwork presents a seamless visual journey, where nearly everything, except for the far sky and sun, is crafted within a single continuous take.

One more aspect of "Stride" is the absence of extensive hardcoding, allowing the artwork to emerge from fundamental inputs and generative algorithms.

By leveraging the capabilities of p5.js and chroma.js libraries, this artwork demonstrates the beauty and elegance that can be achieved through minimal hardcoding and a focus on essential inputs.

Made completely in 2d canvas using p5.js and chroma.js libraries.

Press s to save high resolution image.

"Stride" is an evocative art piece that encapsulates the power and determination of the human spirit. 
The composition portrays a solitary figure in an atmosphere of both tranquility and anticipation. 
The artwork invites viewers to reflect on their own journeys, aspirations, and the courage required to take decisive steps forward.

The open platform for generative art on Ethereum

Featured project.

Exhibition spotlight.

Built for artists from the ground up.

Stay in the loop.