sander/redsky
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

less green

Browse source
This commit is contained in:
Sander Hautvast 2022-12-09 16:25:53 +01:00
parent fa280df944
commit 4e49b25360
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/js/index.js
View file

@ -4,7 +4,7 @@ import '../css/app.css';
let width = window.innerWidth, let width = window.innerWidth,
height = window.innerHeight; height = window.innerHeight;
const num_clouds = 200; 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_cloud_size = (width * height) / size_factor,
max_speed_x = 50, max_speed_x = 50,
max_speed_y = 30, max_speed_y = 30,
@ -108,19 +108,19 @@ import '../css/app.css';
const shift = Math.random() * 80 - 40; const shift = Math.random() * 80 - 40;
// yellow // yellow
if (i % 3 === 0) { 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 // blue
if (i % 4 === 1) { 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 // purple
if (i % 4 === 2) { 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 // orange
if (i % 4 === 3) { 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`;
} }
} }