commodore
/
sandboxels
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1020 from redbirdly/main 

Fix clouds.js and change some stuff
This commit is contained in:
slweeb 2025-02-21 20:54:23 -05:00 committed by GitHub
parent 78141ad228 3364ad1225
commit bc6031e139
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
mods/clouds.js
View File

@ -1,4 +1,4 @@
// Clouds.js beta version // Clouds.js
// Biased random // Biased random
function randomGaussian(A, B, biasFactor=2) { function randomGaussian(A, B, biasFactor=2) {
@ -18,8 +18,8 @@ function randomGaussian(A, B, biasFactor=2) {
var clouds = []; var clouds = [];
setTimeout(() => { setTimeout(() => {
for (var i = 0;i < 50;i++) { for (var i = 0;i < 50;i++) {
var w = (Math.random() * 13) + 7; var w = (Math.random() * 11) + 6;
var h = (Math.random() * 9) + 4; var h = (Math.random() * 7) + 3;
// Higher clouds = faster // Higher clouds = faster
var y = randomGaussian(0, height * 0.75, 5); var y = randomGaussian(0, height * 0.75, 5);
@ -30,15 +30,16 @@ setTimeout(() => {
y: y, y: y,
w: w, w: w,
h: h, h: h,
dx: ((Math.random() - 0.5) * 0.05) * (0.5 + speedFactor * 2), dx: ((Math.random() - 0.5) * 0.05) * (0.5 + speedFactor * 2), // Velocity
type: Math.random() > 0.5 ? 1 : 0 color: Math.random() > 0.5 ? "255,255,255" : "210,210,190",
blur: Math.random() * 3 + 1
}); });
} }
}, 200); }, 600);
function renderClouds(ctx) { function renderClouds(ctx) {
ctx.strokeStyle = "transparent"; ctx.strokeStyle = "transparent";
ctx.globalAlpha = 1.0; ctx.globalAlpha = Math.min(pixelTicks * 0.02,1);
for (var i = 0;i < clouds.length;i++) { for (var i = 0;i < clouds.length;i++) {
var cloud = clouds[i]; var cloud = clouds[i];
@ -47,12 +48,10 @@ function renderClouds(ctx) {
cloud.x * pixelSize, cloud.y * pixelSize, cloud.x * pixelSize, cloud.y * pixelSize,
cloud.x * pixelSize, (cloud.y + cloud.h) * pixelSize cloud.x * pixelSize, (cloud.y + cloud.h) * pixelSize
); );
gradient.addColorStop(0, `RGBA(${cloud.color},0.1)`);
gradient.addColorStop(1, `RGBA(${cloud.color},0.2)`);
var cloudColor = cloud.type == 1 ? "255,255,255" : "220,220,210" ctx.filter = `blur(${cloud.blur}px)`;
gradient.addColorStop(0, `RGBA(${cloudColor},0.1)`);
gradient.addColorStop(1, `RGBA(${cloudColor},0.2)`);
ctx.filter = "blur(1px)";
ctx.fillStyle = gradient; ctx.fillStyle = gradient;
ctx.fillRect(cloud.x * pixelSize, cloud.y * pixelSize, cloud.w * pixelSize, cloud.h * pixelSize); ctx.fillRect(cloud.x * pixelSize, cloud.y * pixelSize, cloud.w * pixelSize, cloud.h * pixelSize);
ctx.filter = "none"; ctx.filter = "none";