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

Horst Arts & Music Festival. Rosetta.

13.09 – 11.10.2015
Horst – Arts & Music Festival combines electronic music and in-situ visual arts.

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

For the second year in a row, curator Gijs Van Vaerenbergh (Pieterjan Gijs en Arnout Van Vaerenbergh) invites a selection of artists and designers to create art that makes use of the context, namely that of the historic and rural character of the castle, but also that of the two day music festival. The festival dedicates itself to present various pieces of art, each within its own tempo, ranging from digital, performance or video art to sculptures and temporary installations.

The festival weekend focuses on pieces that bridge both components of the festival. A prime example of this approach is the work that pioneering architectural duo Robbrecht & Daem architects designed for this second edition: a pavillion used as a stage during the festival.

Outdoor works: Robbrecht and Daem with Mouton / Filip Dujardin / Lodewijk Heylen / 88888 / Kaspar Hamacher / Wim Goossens & Arnaud Henderickx / Koen Sels
Indoor works: Children of the Light / Alexandra Crouwers

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