Misunderstood Machines

Written by Sofia Garcia

As an art dealer and curator deeply rooted in the world of code, I am fascinated by the human side of technology — enchanted by the somewhat naïve realization that the technical touch points of our everyday life were, in fact, built by someone.

Before I founded ARTXCODE, my career actually began as a frontend web developer. I worked at one of those swanky financial institutions with great benefits and a solid paycheck, but if I'm being honest, I spent my first two years disillusioned; overriding 20-year-old templates on a legacy CMS, working extensively with vanilla HTML and CSS, and leveraging JavaScript libraries like jQuery, HighCharts, and my personal favorite, GreenSock. It frustrated me at first. Why wasn't I working with the latest frameworks like React or Vue? Yet slowly I came to appreciate the "simplicity" and creative ease of working with the basic building blocks of our digital landscape: HTML, CSS, and JavaScript.

Around this time, I also found myself engulfed in the online creative coding community. I spent countless weekends reading up on the history of computer-generated art and watching every tutorial I could by Dan Shiffman. I scoured #creativecoding hashtags on Instagram and Twitter, finding artists I would later start collecting from. The creations I came across left me in awe: How did they do that?

My diehard appreciation for algorithmic art was actually a bit self-deprecating. It was very clear from the work I was seeing online that the algorithmic art skillset differed significantly from what I was accustomed to with modern web development. I ostensibly believed that because I deemed algorithmic art more complicated than web development, it was inherently superior. This false observation fueled my desire to create a piece that would bridge this gap.

Section of HTML in 'Misunderstood Machines' (2024)

Section of HTML in 'Misunderstood Machines' (2024)

'Misunderstood Machines' leans on the intertwined histories of algorithmic art and internet art while highlighting the unified, yet hidden, emotional experiences *all* code-based artists endure. Using HTML and CSS, I've rendered two side-by-side decks of playing cards as a visual symbol of randomness. The front of the cards are adorned with an SVG pattern inspired by the late Vera Molnar, a key inspiration for everything I do. Using JavaScript, I set up a JSON file that defines a full deck of cards, each with its own text value.

In one deck, the text on the cards leans towards soft, sensitive, and sometimes cruel adjectives — words that evoke emotion and personality. The second deck contains words associated with computer science and web development — terms that are often perceived as rigid and technical. When a card is clicked, JavaScript is used to shuffle randomly through the deck of cards and CSS "flips the card" to reveal its backside.

This interactive piece is not just a visual experience; it is a statement on the emotional depth and creativity involved when forging art with the computer. My hope is that both the artists and builders of this community feel seen. By using HTML, CSS, and JavaScript without any external libraries, the artwork can stand alone as its own webpage, while easily lending itself to be minted onchain. Moreover, with nested divs styled meticulously with CSS and dynamic interaction handled by JavaScript, the structure of each card highlights the hidden beauty and complexity of manipulating the DOM.

Now Live: Listen to our latest Spaces as the team discusses the latest sale

Sale Overview

The sale of Misunderstood Machines will be split into two separate auctions: The Net Art and The Generative Series.

The Net Art

This English Auction will include the original webpage of Misunderstood Machines: no external libraries, no transaction hash, just pure HTML/CSS/JavaScript minted onchain.

View the artwork: www.mistunderstoodmachines.net

The collector that secures the highest bid also receives Mint #1 from The Generative Series.

ENGLISH AUCTION (24 HOURS)

Date: Monday, 29 July 2024 - Tuesday, 30 July 2024

Time: 12:00 PM ET - 12:00 PM ET with 5-minute extensions

Collection Size: 1

The Generative Series

The Generative Series will have 52 unique outputs generated from the shuffle card function of Misunderstood Machines. The JavaScript in this version of the program is reworked to generate unique hashes for individual outputs and will also be minted onchain.


Ranked Auction with Rebate (24 Hours)

Date: Wednesday, 31 July 2024 - Thursday, 1 August 2024

Time: 12:00 PM ET - 12:00 PM ET (+1) with 5-min extensions

Collection Size: 52

Loading...

© 2024 ARTXCODE. ALL RIGHTS RESERVED.