WebGL Glowing Threads

An interactive WebGL simulation of glowing threads that react to physics and mouse movement.

🚀 How to Run This Project

Important: Because this project uses JavaScript ES Modules (import/export), you cannot simply double-click index.html. It must be served via a local web server.

Method 1: Using npx (Recommended)

If you have Node.js installed, this is the quickest method.

1. Open your terminal in the project folder.
2. Run the following command:

   npx http-server
   

Option 2: Using VS Code (Recommended)

1. Open this folder in VS Code.
2. Install the "Live Server" extension.
3. Right-click index.html and select "Open with Live Server".

Option 3: Using Python

If you have Python installed, you can start a simple server from your terminal:

1. Open your terminal in this folder.
2. Run: python -m http.server
3. Open your browser to http://localhost:8000

🛠 Technologies

• HTML5 Canvas & WebGL
• Vanilla JavaScript (ES6 Modules)
• GLSL Shaders (Vertex & Fragment)

📂 Project Structure

• main.js - Entry point, handles the animation loop.
• physics.js - Verlet integration and thread constraints.
• renderer.js - WebGL setup, shaders, and post-processing (Bloom).
• shaders.js - Raw GLSL shader code strings.