bhimeshagrawal / trefoil-knot-3d

A trefoil knot particle simulation using shaders and threejs incorporating a guided tour using Shepherdjs library

Trefoil Knot

Trefoil Knot is a demonstration website of how using Threejs's Particle system, we can create and render 3d objects. In this website I have developed a 3d trefoil-knot using particles which you can manipulate via OrbitControls.

Watch the live demo at https://bhimeshagrawal.github.io/trefoil-knot/

Demo

trefoilKnotDemo.mov

Installation

Download Node.js. Run this followed commands:

1. Clone the repository from bhimeshagrawal/trefoil-knot

2. Install dependencies (only the first time)

npm install

3. Run the local server

npm run dev

4. Run the local server at locat ip

npm run host

Voila! The project will be running on your computer.

To build for production in the dist/ directory

npm run build

Screenshots

Credits

• Node.js for the robust JavaScript runtime.
• Vite Bundler as bundler.
• Three.js for webgl capabilities.
• Shepherd.js for creating user demo flow.

License

MIT