An audiovisual series that explores the paradoxical nature of our over-connected world.

We are objectively moving more and more into the digital world. Increasingly connected through technology, and while it’s undoubtedly clear there are a lot of advantages to our interconnected world, it also seems to feel more dystopian. Soon we may no longer be able to realize what is objectively real. As if the more connected we become; the deeper we explore the possibilities of technology; the further we move away from the lives right in front of us. When was the last time you took time to observe a leaf falling from a tree, carried on the wind? Watched a beautiful sunray coming through a window? Listened to a gentle piano tune for a while? It feels like the whole world is collectively forgetting to enjoy moments like these. (Dis)connected tries to emulate the sentiment of those moments, while contrasting it at the same time with a darker, nostalgic undertone.

(Dis)connected is a series that invites you to take your time to really appreciate each piece. The visual artwork has soft swaying analog cables on a breeze,  with a play on light in the background, as if days are going by. Cables, for decades now have been used to connect appliances, transmitting either electricity or data. The cables in (Dis)connected are clearly connected to something and leading somewhere, but we do not know to what or where. 

The long form generative auditory work complements the soft swaying of the cables. At times the generated soundtrack is soothing, nearly meditative, at other times it becomes slightly off-tune and the sine wave changes. Forcing the viewer into the disconnected sentiment. The entire piece purposely glitches at times, disturbing both the auditory and visual state. Asking you to take a look at your own reality both in the digital and the physical realm.

For color palettes works from both traditional and crypto-native artists resembling the sentiment of (Dis)connected were incorporated. You may recognize palettes utilized by Van Gogh, Rothko, Picasso, XCopy, Grant Yun and more. There are also a handful of custom palettes that aren't related to other artists.

One of the artist inspirations for the work was Ryan D. Anderson, who creates incredible moody animations often accompanied by piano music. Ryan really has mastered the duality of soothing animation and music in a usually quite dystopian or nostalgic world.

On a technical level, where (Dis)connected is really breaking new ground is in the melodies. Most generative art series working with sound use none or fairly simple music theory. The melodies in (Dis)connected are created by first selecting one of 60 different scales (a scale is any set of musical notes ordered by fundamental frequency or pitch) and combining them with one of 16 different chord progressions (a chord progression is a succession of chords). Every beat, the chord is matched to the scale and during the beat musical notes that fit that chord can be played as well. The number of notes varies per beat, per melody and per piece. For each piece there is a generative main melody which is repeated throughout the piece and between each main melody a new custom melody is generated. In essence creating a musical piece that can play into infinity, together with the animation, and will continuously sound slightly different. It's also worth noting that the entire work is coded in vanilla JavaScript, meaning no external libraries were used.

Most browsers don't support the auto-playing of sound. Once your piece has loaded in tap, click or press any key to start your (Dis)connected piece. As the animation can be quite heavy there is an option to set a "hq" parameter in your URL (you do this by adding "index.html?hq=false" at the end of your live URL), especially on mobile or high DPR screens (e.g.: retina screens), it is recommended setting hq to false.

(Dis)connected

Renders Game is a note to myself on creativity.

I will often believe strongly in an idea, yet, once realised, and I'm confronted with the reality of the output, it leaves me unsatisfied.

So I take it apart, find a detail that I love, and grow something new from that tiny piece. It's a constant process of discovery. Eventually, I'll find a result that feels right — but only once it's staring back at me.

The name of this piece is a tongue-in-cheek nod to Orson Scott Card’s 1985 science fiction novel, *Ender’s Game*, as well as to the countless outputs I’ve produced during this creative process. In the book, Ender trains relentlessly. Only once he's completed his final exam (what he believes to be another simulation) does he discover that it was actually real — the final battle to save humanity.

In my own creative process, most of the steps along the path likewise feel like practise, with the satisfaction of achievement only revealing itself after the work stares back at me, complete.

This has been one of my longest running creative processes to date, having been re-written and re-conceived many times over.

It's worthy of the name.

## About

This piece treads a balance between the abstract and the literal.

The generative structure draws inspiration from cubism - procedurally generated curves of various complexity are grown, layered, intersected, and then broken into fragments of constantly shifting scale. 

Painting each fragment in turn reveals an abstraction of the original curves and lines, viewed through the algorithm's interpretation.

Each fragment is illustrated using prominent, simple lines - a nod to the literal. These are rendered using ink-like outlines and bold, loose colour application. It draws inspiration from contemporary ink illustration, balanced against the natural precision of digital tools. Not completely organic, yet not completely digital.

## Keys:

Number keys 1-4 - Debug views
Number key 5 - Re-render from seed
s - Download rendered image

Renders Game

Generative System 2: In this installment, the token ID hash string is read from left to right to create a bitmap matrix and a color matrix. Both are combined to create an image, which is then used in algorithmic fashion to compose a dynamic visual composition.

Gen 2

Informed by the experience of separating after a long marriage, (Dis)entanglement explores the endless ways that relationships intertwine. Each unique generative image represents one of many possible moments across the arc of a relationship, from a couple eagerly pulling taut their new connection, to a union defined solely by knots hardened over time. Whether connecting threads are carefully untied, crumbling from neglect, or snapping from tension, many couples can still safely go separate ways when needed. For some, there is no easy escape. Domestic violence, sexual abuse, financial hardship, and cultural norms can all keep someone bound to a partner against their will. To help those in need, 10% of artist proceeds from each sale will be donated to InterAct of Wake County, a private, nonprofit agency that provides safety, support, and awareness to victims and survivors of domestic violence and rape/sexual assault. InterAct is recognized as a tax-exempt, 501 (c)(3) charity by the U.S. Internal Revenue Service (EIN: 58-1320613).

[Dis]entanglement

An exploration of color interaction and movement. Each piece unfolds its uniquely generated palette, carefully picked while roaming through the color space. 

Art Blocks Presents

(Dis)connected #33

Tibout Shaik

More in Art Blocks Presents

Renders Game

MountVitruvius

Gen 2

DCA

[Dis]entanglement

onlygenerated

Roamings

Luca Ionescu

Art

Company

Learn