Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/s8sachin/interactive-particles

Last synced: 28 days ago
JSON representation

Host: GitHub
URL: https://github.com/s8sachin/interactive-particles
Owner: s8sachin
Created: 2019-10-01T14:53:12.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2022-12-10T06:31:14.000Z (about 2 years ago)
Last Synced: 2024-10-16T22:37:16.382Z (3 months ago)
Language: JavaScript
Size: 1.54 MB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 20
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Interactive Particles with Three.js

A tutorial demonstrating how to draw a large number of particles with Three.js and an efficient way to make them react to mouse and touch input using an off-screen texture.

![cover](https://user-images.githubusercontent.com/880280/51060802-de702c00-15e8-11e9-9bff-58b02dc284a3.jpg)

[Article on Codrops](https://tympanus.net/codrops/2019/01/17/interactive-particles-with-three-js/)

[Demo](https://tympanus.net/Tutorials/InteractiveParticles/)

## Run

- Install `npm install`

- Run `npm start`

- Build `npm run build`

## Libraries

- [ControlKit](https://github.com/brunoimbrizi/controlkit.js) - GUI

- [gsap](https://www.npmjs.com/package/gsap) - animation platform

- [glslify](https://github.com/glslify/glslify) - module system for GLSL

- [stats.js](https://github.com/mrdoob/stats.js/) - performance monitor

- [Three.js](https://github.com/mrdoob/three.js/) - WebGL library

## License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

## Misc

Follow Bruno Imbrizi: [Twitter](https://twitter.com/brunoimbrizi/), [Codepen](https://codepen.io/brunoimbrizi/), [GitHub](https://github.com/brunoimbrizi) 

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)

[© Codrops 2018](http://www.codrops.com)