water physics simulation's game

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

No:11556

132

←

Prev Next

→

water physics simulation
Developer User4917｜Date and time 23/8/11 2:28:11
Build time 25.042 sec｜Game capacity 3.776KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Simulation de physique de l'eau</title>
    <style>
        #canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

const GRAVITY = 0.5; // Gravité pour la simulation
        const WATER_DENSITY = 1; // Densité de l'eau
        const PARTICLE_SIZE = 10; // Taille des particules
        const PARTICLE_COLOR = '#0000FF'; // Couleur des particules
        
        let waterParticles = [];

// Créer une particule d'eau avec des propriétés initiales
        function createWaterParticle(x, y, velocityX, velocityY) {
            return {
                x: x,
                y: y,
                velocityX: velocityX,
                velocityY: velocityY
            };
        }

// Dessiner les particules d'eau à l'écran
        function drawWaterParticles() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < waterParticles.length; i++) {
                const particle = waterParticles[i];
                ctx.fillStyle = PARTICLE_COLOR;
                ctx.fillRect(particle.x, particle.y, PARTICLE_SIZE, PARTICLE_SIZE);
            }
        }

// Mettre à jour la position des particules d'eau en fonction de la gravité
        function updateWaterParticles() {
            for (let i = 0; i < waterParticles.length; i++) {
                const particle = waterParticles[i];
                
                // Appliquer la gravité à la particule
                particle.velocityY += GRAVITY;
                
                // Mettre à jour la position en fonction de la vélocité
                particle.x += particle.velocityX;
                particle.y += particle.velocityY;

// Gérer les rebonds sur les bords du canvas
                if (particle.x < 0 || particle.x > canvas.width - PARTICLE_SIZE) {
                    particle.velocityX *= -1;
                }

if (particle.y < 0 || particle.y > canvas.height - PARTICLE_SIZE) {
                    particle.velocityY *= -1;
                }
            }
        }

// Ajouter un écouteur d'événement pour détecter les mouvements tactiles
        document.addEventListener('touchmove', function (event) {
            event.preventDefault();

const touch = event.touches[0];
            const newX = touch.clientX - canvas.offsetLeft;
            const newY = touch.clientY - canvas.offsetTop;

// Créer une nouvelle particule à la position du mouvement tactile avec une vélocité initiale nulle
            const newParticle = createWaterParticle(newX, newY, 0, 0);
            waterParticles.push(newParticle);
        });

// Fonction principale du jeu qui met à jour et dessine les particules d'eau en continu
        function gameLoop() {
            updateWaterParticles();
            drawWaterParticles();

requestAnimationFrame(gameLoop);
        }

// Initialiser quelques particules d'eau au démarrage du jeu
        for (let i = 0; i < 10; i++) {
            const initialX = Math.random() * canvas.width;
            const initialY = Math.random() * canvas.height;
            const initialVelocityX = Math.random() * 2 - 1;
            const initialVelocityY = Math.random() * 2 - 1;

const initialParticle = createWaterParticle(initialX, initialY, initialVelocityX, initialVelocityY);
            waterParticles.push(initialParticle);
        }
        
        // Démarrer le jeu
        gameLoop();
    </script>
</body>
</html>