empire | portfolio of visual artist alexandra crouwers

Alexandra Crouwers, Isis Arts

The White Hide III, center, 2013, Alexandra Crouwers

The White Hide (III)

3-channel hyperpanoramic video installation (3xHD1080), colour, sound, 5’31”, 2013

A slow travel movement through a post-apocalyptic landscape, from dusk till dawn. Hologram-like elements pop up and disappear again, together with gas-outbursts and volcano eruptions. The frame suggests a painting-like image but also gives the impression to be the outline of a hole in the projectionwall, through which the viewer is watching the scene.

The subtile soundtrack, compiled of wind, bells and the sound of thunder or explosions, add to the otherworldly atmosphere.

The White Hide [III] was produced for and part of On the Precipice, curated by Kelly Richardson for ISIS Arts (UK).

The installation has two previous versions. The White Hide [I] is an installation with three projected slides and a videoloop. The White Hide [II] is a single screen rendition with sound.

See also the 2016 incarnation The White Hide [IV].

Exhibitions

2012 The White Hide [I], Rio/Retro, F44 (sic), Antwerp (B) 2012 The White Hide [II], Friday the 13th, RA, Antwerp (B) 2013 The White Hide [III], On The Precipice, The Big M, Isis Arts. On the Precipice toured the North-East of England throughout 2013 in The Big M, the tour attracted over 5,800 visitors to The Big M which toured to the Toffee Factory as part of The Late Shows (Newcastle upon Tyne), Saltwell Park (Gateshead), Whitley Bay (North Tyneside), mima Middlesbrough Institute of Modern Art (Middlesbrough), Woodhorn Museum and Northumberland Archives (Ashington) and Berwick Film & Media Arts Festival (Berwick upon Tweed).

Below: The White Hide [III] on tour in The Big M of ISIS Arts (2013).

Below: the first incarnation of The White Hide at F44, Antwerp. 3 Slide-projections, videoloop, 2’18”, no sound/colour, 2012.

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