Inspired by Dutch artist Piet Mondrian. Made with an interest in color theory and a love for color in general.

Dot Grid

**VOXΞL** is a real-time, interactive 3D generative art project. Each iteration is a collage of shapes, colors and animations laid out in a voxel grid of various size and complexity. The visuals are rendered on every frame allowing smooth animation and the ability to rotate the camera around the 3D scene by dragging and zooming by scrolling. This creates a more immersive feel, gives the viewer control over the artwork and leverages what makes Artblocks unique by generating all the outputs entirely through code running live in the browser.

In all my work, I seek to blur the lines between the digital and the physical world by making 3D digital sculptures that feel (and look) like they could live in the physical world. That’s why with all my artworks I provide a way to visualize each interaction through Augmented Reality and Virtual Reality interfaces.

In this project I tried to utilize all the technical skills I acquired over the years and used a combination of 3D objects composition, custom grid layout, GLSL shaders, perlin noise and custom post processing all powered by ThreeJS.

The features give a wide variety of outputs and rarity while retaining a common visual language throughout the collection.

---

## Controls
Click and drag to rotate the camera around the artwork.
Scroll to zoom the camera in and out.

---

## To View in AR
Go to [jeanvascript.com/voxel/xr/](https://www.jeanvascript.com/voxel/xr/) on a WebAR compatible browser like Google Chrome on Android and [XRViewer](https://labs.mozilla.org/projects/webxr-viewer/) on iOS and click the "AR" button.

## To View in VR
Go to [jeanvascript.com/voxel/xr/](https://www.jeanvascript.com/voxel/xr/) on an WebVR compatible browser and device like the Meta Quest browser on Quest 2 and click the "VR" button.

VOXΞL

***Ingress*** is an immersive, interactive virtual space filled with color and lights. A visitor stands in the middle of the synthetic space with nothing to define their orientation or the interior scale. Sight direction might be an initial clue to the positioning, but as it turns out, it would be misleading. Floating, pulsating, and blending lights either close the surroundings or open it to infinity. Even though there are no restrictions in viewing direction, the visitor's position is bonded to the center. 

The feeling might be calming, or disturbing. One might find it a beautiful and peaceful surrounding for contemplation, while others will recognize reminiscences of dark video games. Some spaces might be perceived as energetic music clubs, while others will resemble temples' interiors.

Mobile rendering brings an even more powerful experience. When the device is moved, the visuals change accordingly. A small screen held in the viewer's hand turns into a discrete window allowing for some augmented voyeurism. The urge to see the hidden space makes the visitor move around, reach out and discover the ambiance. It's an opportunity of experiencing the second world, located in an unknown dimension.

Mobile devices are recommended for the most augmented and immersive experience. 
*Use a chromium-based browser for the best experience (e.g. Chrome, Opera). iOS devices need orientation data permission.*

On desktop devices, a fullscreen display is suggested.

***navigation:***
mouse: `LMB + drag, scroll`
keyboard: `arrows, +, -`
mobile: `interactive, pinch`
view presets: `[1]` – still camera, `[2]` – predefined camera movement
save image: `[s]`

Ingress

Ancient runes deterministically arranged and animated in order to create mysterious magic spells.

Incantation

A geometric composition of a contrasting middle "heart" and an outer "soul". The seed of the symmetrical heart is broken into varying amount of chambers that are calculated to keep its corridors at the exact constant width in order to preserve its rigid mathematical character, yet provide enough space for variety for interesting geometrical patterns. The composition is balanced by a contrasting loose intertwining soul spreading to the borders of the passepartout that, along with the lining, give the piece a feeling of antiqueness. Heart and soul may also contain anomalies and unusual palettes. 

Art

Company

Learn