| 58 | } |
| 59 | |
| 60 | function connectParticles() { |
| 61 | for (let i = 0; i < particles.length; i++) { |
| 62 | for (let j = i + 1; j < particles.length; j++) { |
| 63 | const distance = Math.hypot(particles[i].x - particles[j].x, particles[i].y - particles[j].y); |
| 64 | if (distance < 150) { |
| 65 | ctx.beginPath(); |
| 66 | ctx.moveTo(particles[i].x, particles[i].y); |
| 67 | ctx.lineTo(particles[j].x, particles[j].y); |
| 68 | ctx.strokeStyle = `rgba(0, 255, 204, ${1 - distance / 150})`; |
| 69 | ctx.stroke(); |
| 70 | } |
| 71 | } |
| 72 | } |
| 73 | } |
| 74 | |
| 75 | function initParticles(num) { |
| 76 | for (let i = 0; i < num; i++) { |