https://github.com/saganaki22/swarm
🦟 Interactive swarm simulation where pointer swarms follow your cursor - WebGL / threejs
https://github.com/saganaki22/swarm
animation browser-game creative-coding cursor-following dat-gui html5-canvas interactive interactive-visualizations javascript mobile-friendly particle-system physics-simulation responsive-design simulation swarm-intelligence threejs web-animation webgl
Last synced: 29 days ago
JSON representation
🦟 Interactive swarm simulation where pointer swarms follow your cursor - WebGL / threejs
- Host: GitHub
- URL: https://github.com/saganaki22/swarm
- Owner: Saganaki22
- License: apache-2.0
- Created: 2025-02-18T05:39:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T06:28:50.000Z (over 1 year ago)
- Last Synced: 2025-05-18T04:12:35.891Z (about 1 year ago)
- Topics: animation, browser-game, creative-coding, cursor-following, dat-gui, html5-canvas, interactive, interactive-visualizations, javascript, mobile-friendly, particle-system, physics-simulation, responsive-design, simulation, swarm-intelligence, threejs, web-animation, webgl
- Language: HTML
- Homepage: http://drbaph.is-a.dev/Swarm/
- Size: 110 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🦟 Swarm by DrBaph
An interactive pointer swarm simulation where a mesmerizing group of pointers follows your cursor, creating dynamic and chaotic patterns.
## 🎮 Features
- **Interactive Swarm Behavior**: Watch as particles dynamically follow your cursor
- **Responsive Design**: Experience across all devices and screen sizes
- **Mobile Support**: Touch-friendly controls
- **Food Placement**: Click or tap anywhere to drop food and attract the swarm
- **Pause Function**: Press spacebar to Pause animation
- **Reset Function**: Press 'R' to reset the simulation
- **Customizable Settings**: Adjust particle count, speed, and behavior through the control panel
- **Inverted Colors**: Toggle between light and dark modes
## 🚀 Try It Out
Visit [Swarm by DrBaph](https://saganaki22.github.io/Swarm/) to experience the simulation.
## 🛠️ Controls
- **Mouse Movement**: Guide the swarm
- **Click**: Drop food
- **Spacebar**: Pause
- **R Key**: Reset simulation
- **Control Panel**: Adjust simulation parameters
## 🎨 Customization
Use the control panel to adjust:
- Particle Count
- Speed
- Particle Size
- Attraction Force
- Avoidance Radius
- Cohesion Strength
- Randomness
- Mouse Avoidance
- Color Inversion
## 🔧 Technologies Used
- Three.js for WebGL rendering
- Dat.GUI for control interface
- JavaScript for particle physics
- HTML5 Canvas for rendering
- CSS3 for styling
## 📝 License
Copyright (c) 2025 DrBaph
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
## 🔗 Links
- [Live Demo](https://saganaki22.github.io/Swarm/)
- [GitHub Repository](https://github.com/Saganaki22/Swarm)
- [DrBaph on Instagram](https://www.instagram.com/drbaph/)
## 🤝 Contributing
While this is primarily a personal project, feel free to:
1. Fork the repository
2. Create a feature branch
3. Submit a pull request
## 📞 Contact
Find me on [Instagram](https://www.instagram.com/drbaph/) for questions or collaborations.