less green

This commit is contained in:
Sander Hautvast 2022-12-09 16:25:53 +01:00
parent fa280df944
commit 4e49b25360

View file

@ -4,7 +4,7 @@ import '../css/app.css';
let width = window.innerWidth,
height = window.innerHeight;
const num_clouds = 200;
let size_factor = Math.random() * 1000 + 2500,
let size_factor = Math.random() * 1000 + 1500,
max_cloud_size = (width * height) / size_factor,
max_speed_x = 50,
max_speed_y = 30,
@ -108,19 +108,19 @@ import '../css/app.css';
const shift = Math.random() * 80 - 40;
// yellow
if (i % 3 === 0) {
return `radial-gradient(circle ${size / 2}px, rgba(${200-shift}, ${150+shift/3}, 0, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
return `radial-gradient(circle ${size / 2}px, rgba(${200 - shift}, ${150}, 0, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
}
// blue
if (i % 4 === 1) {
return `radial-gradient(circle ${size / 2}px, rgba(${100+shift}, 0, ${200+shift}, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
return `radial-gradient(circle ${size / 2}px, rgba(${100 + shift}, 0, ${200 + shift}, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
}
// purple
if (i % 4 === 2) {
return `radial-gradient(circle ${size / 2}px, rgba(${61+shift}, 1, ${88+shift}, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
return `radial-gradient(circle ${size / 2}px, rgba(${61 + shift}, 1, ${88 + shift}, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
}
// orange
if (i % 4 === 3) {
return `radial-gradient(circle ${size / 2}px, rgba(${200+shift}, ${80+shift}, 1, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
return `radial-gradient(circle ${size / 2}px, rgba(${200 + shift}, ${80 + shift}, 1, 1.0), rgba(0, 0, 0, 0.0)) no-repeat`;
}
}