✨ Tubes Cursor

Minimal • Smooth • Interactive • WebGL Motion Design

---

◆ Experience

Move your cursor to generate flowing neon tube trails.
Click anywhere to reshape the color universe.

---

◆ Philosophy

A cursor is not just a pointer it is a design interaction layer.

This project explores motion, light, and interaction using WebGL to create a fluid digital experience inspired by modern design studios.

---

◆ Features

• Smooth GPU-accelerated cursor trails
• Real-time WebGL rendering
• Dynamic neon light system
• Click-based color transformation
• Fully immersive fullscreen experience
• Minimal setup, maximum visual impact

---

◆ Tech

HTML5 • CSS3 • JavaScript (ES Modules) • WebGL • Three.js Components

---

◆ Structure

project/
│
├── index.html
├── style.css
├── script.js
└── Animation.gif

---

◆ Install

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

Open:

• index.html in browser OR
• Use Live Server for best performance

---

◆ Motion Logic

• Cursor movement generates continuous tube paths
• WebGL renders smooth glowing particles
• Click triggers new color field generation
• Built using threejs-components

---

◆ Visual Direction

• Deep navy base tone
• Neon cyan / purple highlights
• Soft glow diffusion
• Minimal UI distraction
• Focus on motion only

---

◆ License

---

Designed for immersive web experiences

```