# Origin

[…]

Their scientific pursuits had long been focused on this particular region, absorbing a considerable amount of their resources. Centuries were invested in decoding patterns that, despite their relentless efforts, remained stubbornly incomprehensible.

Then it happened.

In a tiny sliver of spacetime, a coherent structure emerged. The entire episode unfolded in an instant, but it was crystal clear. A spontaneous creation with an otherworldly precision, unforeseen and inexplicable, had materialized right before their eyes.

And just as quickly it all dissolved, leaving only a faint, vanishing trail.

Attempts at replication proved unsuccessful, the anomaly slipping through their scientific grasp. But this singular event proved that they had glimpsed the origin of some kind, an undeniable reality forever etched into their collective minds.

[…]

## Details

This generative artwork uses a technique called Monte Carlo path tracing, which is a physically based rendering algorithm that simulates the way light rays bounce around in a scene. It is computationally expensive as it follows multiple light rays per pixel, but it produces well-lit and realistic images.

The shapes in this artwork are created using pure mathematical equations called signed distance functions. Using various complex algorithms, these shapes are distorted and combined with each other to create new forms.

Due to its computational complexity, it takes a while to render a crisp image. The longer you let it run, the more detailed and less noisy the final output becomes.  By default, the renderer optimizes for a 15 FPS rendering speed by choosing an optimal tile size. This keeps your browser responsive, but renders more slowly. To render an image at maximum capacity, you can disable tile-based rendering.

## Controls

- Press **[space]** or **[tap]** the screen to pause the renderer.
- Press **[s]** or **[tap and hold]** to save a png file.
- Press **[1]** - **[8]** to select a preset that renders 4000 frames and saves the result at a specific size. Sizes range from 1024 to 8192 pixels on the longest side.
- Press **[a]** to toggle automatic tile-based rendering.
- Press **[i]** to toggle the info panel.

You can optionally append these parameters to the URL:

- **[size=<number>]** define the number of pixels of the largest side (default: window size).
- **[frames=<number>]** define the total number of render frames (default: 4000).
- **[save=1]** when *frames* is defined, you can optionally enable auto-save when the renderering is completed (default: disabled).
- **[fps=<number>]** automatically adjust the tile size to reach the desired frames per second of your browser (default: 15).
- **[tile=<number>]** define the tile size for tile-based rendering, use 0 for full-size rendering (default: auto).


Origin

Art Blocks Studio is a self-publishing platform designed to empower preeminent generative artists by facilitating the direct release of their collections. The Studio allows artists to manage their own releases and provides them with autonomy in both creation and distribution.

Art Blocks Studio

Coral reefs, renowned for their breathtaking beauty, play a vital role as habitats for a diverse array of marine life. However, in recent years, these ecosystems are increasingly threatened by coral bleaching, a phenomenon exacerbated by global warming. Bleaching occurs when corals lose the algae living in their tissues, leading to a whitened state that can ultimately result in the demise of the reef structure itself.This piece employs generative art, a form created through computer algorithms, to visually interrogate the majestic beauty of coral reefs and the environmental challenges they face. The artwork juxtaposes the vibrant colors of healthy corals against the stark whiteness of bleached corals, mirroring the current state of real-world reefs. This contrast not only highlights the aesthetic beauty of the corals but also underscores the urgency of the environmental issues they face. By viewing "Coral Colours," spectators are invited to confront the ongoing reality of coral bleaching and to spark an awareness of environmental issues. A portion of the proceeds from this work supports the research at the Okinawa Institute of Science and Technology (OIST), where significant efforts are dedicated to the study and protection of coral reefs and marine life.

Coral Colors

An infinite composition of music in time. Each unique and each personal.

Songs of Utopia

# Description

From the moment we’re born, we’re met with a knot. The tying of the umbilical cord delineates us from our mother as the first act of separation. We carry this knot with us for the rest of our lives, hidden from view—a reminder of our biological origins and our staunch independence.

Knots permeate our lives and our social fabric. We use them to describe our relationships, our social duties and emotional availability, from “tying the knot” to “getting tangled up” to “letting loose.” Inherent to the Knot is the power to bring things together and the power to isolate. 

Functionally, a knot is a substance whose shape both restricts it unto itself and enables it to link up with others. The string or cord thus achieves newfound utility, but only by losing its total freedom. This tension between ability and utility, reliance and freedom, form and function, is at the core of the enigmatic Knot. 

For, what keeps a knot from unraveling, but itself? A knot can’t be set free without losing its shape—its identity. Like us, they hold *themselves* together, bound by overlapping contradictions and codependencies. Our identities are inextricably intertwined with our inner knots: tied up, tied down, let loose, unwound.

Here, each knot represents the intertwinedness of our life with others, and at the same time, the complexity of our own self and the conflicts of its many parts. Within us are the defining counterpoints that hold us together, that challenge us to grow and find and defend our voice.


# Process

Every knot is physically-plausible, made with at least one continuous cord woven under, over, under and over again. They’re styled with a hyper-minimalist palette, texture and perceptual cues to create visual breathing space for the simple linework that defines the humble knot. 

Procedurally, a knot begins with two connected loops 🔗. For a random number of times, two neighboring edges are crossed 🧬, yielding a new **crossing** each time. The choice of edges is determined by the **construction method**, which can favor creating more twists or more links. Once the network is built, the number of **loops** can be inferred ⭕⭕, as well as its **symmetry**: 🌱2-fold, ☘ 3-fold, 🍀4-fold, or sometimes more. 

An initial layout of its nodes and edges is generated, seeding a physics engine that tightens and flattens the knot, treating it like an elastic ribbon 🎀. Two identical knots, after being flattened, may look different. These “sibling” knots have the same structure 🌝, but are seen from different views 🌛🌜. Sibling knots can be identified as having the same **isomorphic key**. Two knots can also look similar, but have a different **handedness** 🫲🫱. 

The knot is visualized with a consistent cord thickness. The largest loop is the primary cord. It’s always black and sometimes **multi-threaded** ▥. Other cords are always colorful 🌈, drawing from the **secondary** and **tertiary colors**. 🪢

(Bolded words refer to features).


# Notes

When seeking out sibling knots, be careful! Isomorphic keys are hashes of the 3D knot network and can collide on rare occasions. Therefore, two sibling knots will share the same isomorphic key, but two knots with the same isomorphic key may not be sibling knots.

This project is intended to be run on modern devices, operating systems and browsers. Older ones may yield undesired or undefined behaviors.

Studio

Origin

New Releases

Upcoming Releases

All Collections