https://github.com/rohanrhu/nodes.js

🌌 nodes.js is a nodes/particles animation useable for backgrounds
https://github.com/rohanrhu/nodes.js

animation background-animation canvas-animation canvas-animations html5 html5-animation web-animation web-animations

Last synced: about 1 month ago
JSON representation

🌌 nodes.js is a nodes/particles animation useable for backgrounds

• Host: GitHub
• URL: https://github.com/rohanrhu/nodes.js
• Owner: rohanrhu
• License: mit
• Created: 2019-01-16T20:46:54.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-10-01T13:24:08.000Z (about 4 years ago)
• Last Synced: 2024-05-02T02:59:44.250Z (7 months ago)
• Topics: animation, background-animation, canvas-animation, canvas-animations, html5, html5-animation, web-animation, web-animations
• Language: JavaScript
• Homepage: https://oguzhaneroglu.com/projects/nodes.js/
• Size: 11.7 KB
• Stars: 27
• Watchers: 3
• Forks: 13
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nodes.js

nodes.js is a nodes/particles animation useable for backgrounds

Visit [project page](https://oguzhaneroglu.com/projects/nodes.js/) for example.

### Init

```html

    var nodesjs = new NodesJs({

        id: 'nodes',

        width: window.innerWidth,

        height: window.innerHeight,

        particleSize: 2,

        lineSize: 1,

        particleColor: [255, 255, 255, 0.3],

        lineColor: [255, 255, 255],

        backgroundFrom: [10, 25, 100],

        backgroundTo: [25, 50, 150],

        backgroundDuration: 4000,

        nobg: false,

        number: window.hasOwnProperty('orientation') ? 30: 100,

        speed: 20,

        pointerCircleRadius: 150

    });

```

## License

MIT