Three.js Particle follow mesh

Use Three.js several basic geometry with GSAP, let the particle point change with the position the mesh vertex, and use the clip-path parameter in CSS to achieve the effect of text switching.

Demo

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build

# deploy to test station
$ yarn beta

# Deploy to the official site
$ yarn deploy

For detailed explanation on how things work, check out the documentation.

Branch

• dev -> The main development branch, which is merged into master after debugging is complete.
• master -> The main release branch.

Credits

• three.js
• GSAP