一覧へ戻る
indus/Zodiac(新しいタブで開きます)
主要言語: TypeScript
rewrite of jnicol/particleground
- star 数
- 103
- watcher 数
- 0
- fork 数
- 7
- issue 数
- 4
- 最終更新
- 2016/12/12
主要言語: TypeScript
rewrite of jnicol/particleground
particle background inspired by jnicol/particleground
Demo zodiac.js.org
new Zodiac('zodiac', // HTMLCanvasElement or id { //// OPTIONS directionX: 0, // -1:left;0:random;1:right directionY: -1, // -1:up;0:random;1:down velocityX: [.1, .2], // [minX,maxX] velocityY: [.5, 1], // [minY,maxY] bounceX: true, // bounce at left and right edge bounceY: false, // bounce at top and bottom edge parallax: .5, // float [0-1...]; 0: no paralax pivot: 0, // float [0-1...]; pivot level for parallax; density: 10000, // px^2 per node dotRadius: [2, 5], // px value or [minR,maxR] backgroundColor: 'rgb(9,9,9)', // default transparent; use alpha value for motion blur and ghosting dotColor: 'rgba(99,99,99,.3)', linkColor: 'rgb(99,99,99)', linkDistance: 50, linkWidth: 2 });