A symphony of nothing but squares and triangles to create something beautiful.

Squares and Triangles

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

Eight a symbol of luck, fate, a cosmic slot machine. The I Ching gives a glimpse of the future & some traits allow you to draw your own art. Luck of the mint, art of the flip to explain the randomness of one’s unique traits. The fruit of the slots to the binary I Ching of 8 sides & planetary gender. These traits are in the art & in us. They might seem imperfect but their unique lucky combination give each a power no one else has. 
**At least 12% of the profit is donated to CasaBrumar Foundation & Safe Space and other LGBTQ+ charities**
Space: stop/start, C: color, F: Faster, E: Slower, X: Stop/Reset/Start, ASWD: move symbol, 2 finger touch: stop, 1 finger drag: move

_There are no artifacts. There are only interpretations._

Glass is about the illusion of simplicity that cocoons us in our everyday existence. A glance at Glass may suggest a foam of bubbles or pebbles under clear water. But on inspection, these simple pictures dissolve. Instead of disks one finds stacked panes of translucent glass, intersecting and overlapping. There is dissonance between fine-scale chaos and the harmony of the aggregate. In Glass, two levels of reality -- panes of glass and the foam of bubbles -- are brought close together in scale, so that our oversimplified impression yields a palpable disquiet.

What appears simple is often anything but. Consider a standard wooden desk. To our eyes, it looks solid and continuous, but we know that it is made of atoms, tiny electrons orbiting nuclei. And these subatomic particles are themselves not like miniature solar systems, but creatures of quantum mechanics, stranger than we can imagine. The vast difference in scale between the atomic and the macroscopic hides this complex reality, but fundamentally it is the same phenomenon shown here.

Glass continues my exploration of emergence. While in previous work I explored how simple systems can create complex, emergent forms, here the interest is in the converse: how coherence is often deceptive, masking a complex underlying reality.

Glass draws on the aesthetic of Shin Hanga artists Hiroshi Yoshida and Kawase Hasui, and abstract expressionist Sonja Sekula. In live view, Glass has ambient motion: the shadows evolve, imperceptibly slowly.

The following variations & controls are possible. You may need to click on the canvas before they are active. For a high-resolution output, use the pixel density controls. For example, on a standard laptop, an image saved at pixel density 5 will be approximately 3200 x 4000 pixels, and therefore suitable for printing at ~ 11" x 13" at 300 dpi.

Variations (require redrawing):

f -- fit-to-screen on/off
o -- outline on/off

Controls:

s   -- save as png
spacebar  -- pause/unpause ( useful to reduce CPU load in Live mode )
b -- border on/off ( useful for printing )
1-9  -- set pixel density (default=2 on retina displays)
+/-  -- increase/decrease pixel density

Glass

Paths is an animated journey across various subterranean and aboveground environments. To fully experience the project, you need to see it in high resolution with a capable GPU. Make sure that your browser uses your dedicated graphics card if any, and that you get a good frame rate. Control keys: 1-4 (change speed), 9 (fill aspect ratio), 0 (original aspect ratio), space-bar (play/pause)

Art Blocks Presents

Paths #329

Darien Brito

More in Art Blocks Presents

Squares and Triangles

Maksim Hapeyenka

(Dis)connected

Tibout Shaik

8

Bård Ionson

Glass

Eric De Giuli

Art

Company

Learn