empire | portfolio of visual artist alexandra crouwers

Horst Arts & Music Festival, 2015, Alexandra Crouwers, Rosetta

Installation view, Studio Omstand, Arnhem (NL), 2016, Alexandra Crouwers

Horst Arts & Music Festival, 2015, Alexandra Crouwers, Rosetta

Horst Arts & Music Festival, 2015, Alexandra Crouwers, Rosetta

Rosetta

[seamless loop], animation, HD1080 (surface is 1080x1080px), b/w, no sound, 6’00”, 2015

Rosetta was first made for the Horst arts & music festival in the castle of Horst (Holsbeek, B). During the festival the video was projected outside, on the castle’s tower. Afterwards, the video was installed inside of the castle, and projected on the interior wall.

The animation consists out of rotating 3D-models of ornaments, forming a kaleidoscopic, perpetually moving hyper-ornament. The ornaments are based on the ornamentation of the castle’s ceilings.

The animation is originally meant to be projected on a ceiling, adding both an ornament to possible modernistic architecture, and re-enforcing the notion of the ceiling ‘bursting open’, in an almost divine fashion.

Exhibitions

2015 Horst Arts & Music festival, Horst Castle, Holsbeek (B). Curated by Gijs van Vaerenbergh. With:

Robbrecht en Daem architecten / Filip Dujardin / Kaspar Hamacher / Children of the Light / Alexandra Crouwers / Lodewijk Heylen / Meeus van Dis / 88888 / Wim Goossens & Arnaud Hendrickx / Koen Sels

2016 The White Hide, solo at Studio Omstand, Arnhem (NL). Curated by Marjolein de Groen.

Rosetta was the inspiration for an in-situ commission for private collectors in Ghent (Belgium).

Above: a high speed .gif of Rosetta’s movements.

// script.js document.addEventListener("DOMContentLoaded", function() { // Check if the body has the specific page class if (document.body.classList.contains('page-id-400605')) { const container = document.getElementById("container"); // Function to create and position images function createImage(src) { const img = document.createElement("img"); img.src = src; img.classList.add("image"); // Set random width and rotation const randomWidth = Math.random() * (150 - 50) + 50; // Random width between 50px and 150px const randomRotation = Math.random() * 30 - 15; // Random rotation between -15deg and 15deg img.style.width = `${randomWidth}px`; img.style.transform = `rotate(${randomRotation}deg)`; // Random position within the container img.style.top = Math.random() * (container.clientHeight - randomWidth) + 'px'; img.style.left = Math.random() * (container.clientWidth - randomWidth) + 'px'; img.draggable = true; // Event listeners for dragging img.addEventListener("dragstart", function(e) { e.dataTransfer.setData("text/plain", null); // For Firefox compatibility img.style.transition = 'none'; // Disable transition during drag }); img.addEventListener("dragend", function() { img.style.transition = 'transform 0.1s'; // Re-enable transition after drag }); img.addEventListener("drag", function(e) { const x = e.clientX - container.getBoundingClientRect().left - randomWidth / 2; // Adjust for image width const y = e.clientY - container.getBoundingClientRect().top - randomWidth / 2; // Adjust for image height img.style.transform = `translate(${x}px, ${y}px) rotate(${randomRotation}deg)`; // Keep rotation }); container.appendChild(img); } // Load images from a specified folder const imageFolder = 'https://yourwebsite.com/path/to/your/images/'; // Update with your image folder path let i = 1; // Initialize the counter while (true) { // Infinite loop to keep trying to load images const imageUrl = `${imageFolder}image${i}.jpg`; // Adjust this to match your image naming convention const img = new Image(); img.src = imageUrl; // Check if the image exists before creating it img.onload = function() { createImage(imageUrl); }; img.onerror = function() { console.log(`Image ${imageUrl} does not exist. Stopping further attempts.`); break; // Stop loading more images if one doesn't exist }; i++; // Increment the counter } } });