const path = document.querySelector("path");
const length = path.getTotalLength();
const vertices = [];
for (let i = 0; i < length; i +=0.1) {
const point = path.getPointAtLength(i);
const vector = new THREE.Vector3(point.x, -point.y, 0);
vector.x += (Math.random() - 0.5) * 30;
vector.y += (Math.random() - 0.5) * 30;
vector.z += (Math.random() - 0.5) * 70;
vertices.push(vector);
tl.from(vector, {
x: 600 / 2,
y: -552 / 2,
z: 0,
ease: "power2.inOut",
duration: "random(2, 5)"
},
i * 0.002
);
}
To embed this project on your website, copy the following code and paste it into your website's HTML: