∞ Bling: why humans like shiny things.

Not only humans like shiny things, but some animals take a liking to hyper-reflective objects too, which is why my mother used to compare me to a magpie. As a child, I collected the transparent and metallic wrappers of chocolates and other sweets. I flattened them carefully, and kept them in a shoe box.

Fellow artist Nadia Naveau once told me she did exactly the same thing.

Image via YouTube.

Diamonds are a girl’s best friend, or so the song goes, but glitter and bling is not only attractive to women, nor confined to jewelry. Cars can have the same mesmerizing effect. It’s all about reflectiveness. The more reflections on a surface, the more we – as humans – are hypnotized by the object the surface belongs to.

Here’s a fairly straightforward explanation. Let’s go back a couple of million years.

Imagine you and your kin wandering around the endless savannas of central Africa in the dry season. You’d be pretty excited if you could finally make out the glistening of fresh water on the horizon.

Photo by by Dana Moos, via Flickr.

I would even go so far that our collective awe for fireworks might have to do something with our fondness for glitter, although the mysterious sparks rising up to heaven from our ancestor’s campfires might have played a more important part.

Image via Wikipedia.

I think I expressed this thought years ago to evolutionary biologist Jan Verpooten. Apparently I was on to something. Read more:

Taking a shine to it: How the preference for glossy stems from an innate need for water, ScienceDirect, 2014

All That Glistens: II. The Effects of Reflective Surface Finishes on the Mouthing Activity of Infants and Toddlers. Richard G. Coss, Saralyn Ruff & Tara Simms, 2010

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