Simulazione dellacqua's game

Click here for free DL of the app version that can save data.

No:46580

103

←

Prev Next

→

Simulazione dellacqua
Developer User20131｜Date and time 24/2/25 6:20:46
Build time 4.5 sec｜Game capacity 1.449KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Simulazione dell'acqua</title>
<style>
    body {
        margin: 0;
        overflow: hidden;
        background-color: #9CCEFF;
    }
    canvas {
        display: block;
        margin: 0 auto;
        background-color: #9CCEFF;
    }
</style>
</head>
<body>
<canvas id="waterSimulation"></canvas>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

const waterColor = "#56B6EB";
    let waveHeight = 100;
    let velocity = 2;
    let waves = [];

for (let i = 0; i < canvas.width; i++) {
        waves.push(0);
    }

function drawWater() {
        ctx.fillStyle = waterColor;
        ctx.beginPath();
        for (let i = 0; i < canvas.width; i++) {
            ctx.lineTo(i, canvas.height - waves[i]);
        }
        ctx.lineTo(canvas.width, canvas.height);
        ctx.lineTo(0, canvas.height);
        ctx.closePath();
        ctx.fill();
    }

function updateWaves() {
        for (let i = 0; i < waves.length; i++) {
            waves[i] = Math.sin(i * 0.1) * waveHeight;
        }
    }

function update() {
        updateWaves();
        drawWater();
        requestAnimationFrame(update);
    }

update();
</script>
</body>
</html>