empire | portfolio of visual artist alexandra crouwers

Alexandra Crouwers, video, Galactic Ripple, 2017

Alexandra Crouwers, Galactic Ripple, 4K seamless loop, 2'00", colour/silent, 2017

Alexandra Crouwers, Galactic Ripple, 4K still, 2'00", colour/silent, 2017

Alexandra Crouwers. 'Galactic Ripple', 'The Realm', Observatorium, Antwerp, 2018. Photo by Lotte Veuchelen.

'Galactic Ripple', 2017, Ministerie van Financiën, Den Haag, 2018. Temporary installation in the atrium. Double sided print on vinyl, plinth, flatscreen with animationloop.

Galactic Ripple

Seamless animation loop, 4K, vertical, colour/silent, 2’00”, 2017

A portal or mirror, this video-collage combines photography with 3D models, and a slowly animated NASA image providing a view on the universe, visible through a ‘cosmic egg’.

Exhibitions:

Lost_Horizon, LhGWR, The Hague, NL, 2017
Ministry of Finance, The Hague, NL, 2018
Base-Alpha Gallery, Antwerp, BE, 2018
Observatorium art space, Antwerp, BE, 2018

Below, a high speed .gif version of the sequence.

Galactic Ripple, gif, gifart, Alexandra Crouwers, 2017 — GIF, sped up version of the 2-minute 4K loop.

Bewaren

// 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 } } });