https://github.com/a-rudenko/geometric-particles

The geometric shapes with particles
https://github.com/a-rudenko/geometric-particles

animation geometric-shapes javascript particles particles-animations threejs webgl

Last synced: 6 months ago
JSON representation

The geometric shapes with particles

• Host: GitHub
• URL: https://github.com/a-rudenko/geometric-particles
• Owner: a-rudenko
• License: mit
• Created: 2025-01-11T22:50:39.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-01-26T21:04:59.000Z (8 months ago)
• Last Synced: 2025-01-26T22:18:29.152Z (8 months ago)
• Topics: animation, geometric-shapes, javascript, particles, particles-animations, threejs, webgl
• Language: JavaScript
• Homepage: https://a-rudenko.github.io/geometric-particles/
• Size: 13.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  



Geometric shapes with particles




  

  

  

  



The set of several geometric shapes with particles moving inside.

Live demo

Main logic:



  
creates a scene and a camera

  
creates particles with settings for a certain geometric shape

  
creates a WebGL renderer for the scene and camera

  
adds that viewport to the element (#container)

  
animates the particles within the scene for the camera



There are some settings:



  


    Particles settings:

    


      
show/hide points

      
show/hide meshes

      
limit connections

      
maximum connection count

      
minimum connection distance

      
particle count

      
particle speed

    

  

  


    Motion settings:

    


      
auto rotation

      
rotation speed

      
touch/mouse rotation

    

  

  
Color settings



Credits

It is mainly developed using the JavaScript 3D library three.js.


License

MIT