From 47ae88d28f915ba9be6a8b45be370da1d1598ef1 Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Tue, 9 Jan 2024 19:00:54 +0800 Subject: made blob colors and gradients truly dynamic/random --- src/js/dynamicBlob.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'src/js/dynamicBlob.js') diff --git a/src/js/dynamicBlob.js b/src/js/dynamicBlob.js index 067b4de7..2530e946 100644 --- a/src/js/dynamicBlob.js +++ b/src/js/dynamicBlob.js @@ -7,7 +7,26 @@ function loadScript(src) { document.body.appendChild(script); } +function getRandomColor() { + var letters = '0123456789ABCDEF'; + var color = '#'; + for (var i = 0; i < 6; i++) { + color += letters[Math.floor(Math.random() * 16)]; + } + return color; +} + +function generateGradient() { + var gradient = 'linear-gradient(to right'; + var colorCount = Math.floor(Math.random() * 5) + 2; + for (var i = 0; i < colorCount; i++) { + gradient += ', ' + getRandomColor(); + } + gradient += ')'; + return gradient; +} +blob.style.background = generateGradient(); var blobItem; -- cgit v1.2.3