particula miscatoare - Processing

Lista scripturi Script Nou Ajutor

ID	Autor	Duplicat din	Ultima modificare
`#6990`	Gheorghita David (gheorghitadavid)	-	Duminica, 30 nov 2025, 22:05

<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <title>Snake Generativ Color</title>
    <script src="cdnjs.cloudflare.com"></script>
    <style>body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000; }</style>
</head>
<body>
<script>
    let pos;
    let vel;
    let hue;

    function setup() {
        createCanvas(windowWidth, windowHeight);
        colorMode(HSB, 360, 100, 100);
        background(0);
        pos = createVector(width / 2, height / 2);
        vel = createVector(0, 0);
        hue = 0;
    }

    function draw() {
        // Estompeaza ecranul incet (efect de stergere)
        fill(0, 0, 0, 5); 
        rect(0, 0, width, height);

        // Forta de atractie catre mouse
        let mouse = createVector(mouseX, mouseY);
        let force = p5.Vector.sub(mouse, pos);
        force.setMag(0.5); // Accelereaza usor catre mouse

        vel.add(force);
        vel.limit(10); // Viteza maxima
        pos.add(vel);

        // Deseneaza cercul colorat
        fill(hue, 100, 100);
        noStroke();
        ellipse(pos.x, pos.y, 20, 20);

        hue = (hue + 1) % 360; // Schimba culoarea constant

        // Teleporteaza daca iese de pe ecran (optional)
        if (pos.x > width || pos.x < 0 || pos.y > height || pos.y < 0) {
            pos = createVector(mouseX, mouseY);
            vel = createVector(0,0);
        }
    }
</script>
</body>
</html>

Du-te sus!