Hugging Face's logo

Spaces:
ivanfioravanti
/
carrot_animation
Running

App Files Community
carrot_animation
File size: 1,137 Bytes 
24bc5c4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Interactive Particle Animation</title>
    <meta name="description" content="Beautiful interactive particle animation with keyboard and mouse controls">
    <link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
    <canvas id="particleCanvas"></canvas>
    <div class="controls">
        <div class="control-info">
            <h2>Controls</h2>
            <p><strong>Mouse:</strong> Move to attract/repel particles</p>
            <p><strong>Click:</strong> Create particle explosion</p>
            <p><strong>Space:</strong> Toggle color mode</p>
            <p><strong>1-5:</strong> Change particle count</p>
            <p><strong>Q/W:</strong> Decrease/Increase speed</p>
            <p><strong>A/S:</strong> Decrease/Increase size</p>
            <p><strong>Z/X:</strong> Decrease/Increase connection distance</p>
            <p><strong>R:</strong> Reset to defaults</p>
        </div>
    </div>
    <script src="assets/js/particles.js"></script>
</body>
</html>