html5 轻量级炫酷 js 粒子动画库
2016-05-11 10:43
453 查看
Qarticles
A lightweight and high performance JavaScript library for creating particles
Live Demos
clickhere .
How to Use
basic
<script src="src_to_qarticles.js"></script> <script> var qarticles = new Qarticles(document.getElementById('cov')) </script>
advanced
var covColorFuc = function (dot, screenWidth, screenHeight) { return `rgb(${Math.floor(255 * (1 - dot.x / screenWidth))}, ${Math.floor(255 * (1 - dot.y / screenHeight))}, ${Math.floor(255 * (dot.speedArr[0]/ 100))})` } var canvas = document.getElementById('cov') var options = { dotColorFuc: covColorFuc, lineColorFuc: covColorFuc, count: 32, linkCount: 4, screenWidth: 1080, screenHeight: 1920 } var qarticles = new Qarticles(canvas, options)
License
This project is licensed under the terms of the MIT license.
hilongjw / Qarticles
Watch21Fork0项目描述:A lightweight and high performance JavaScript library for creating physical particles — 查看更多内容...
http://hilongjw.github.io/Qarticles/demo.html
相关文章推荐
- js定时器(执行一次、重复执行)
- WebBrowser介绍——Javascript与C++互操作
- JSP页面输入数字提交后产生异常
- fastjson
- 使用JavaScript实现ajax的实例代码
- js中基本操作
- javascript基础(1)
- js读取并解析excel文件,之后上传json到服务器
- [JS]HTML中把图片划分成多个作用区域的区域标记
- 12个非常实用的JavaScript小技巧
- json-cpp在ubuntu14.04下编译方法
- js 跳转问题
- javascript复习第二天经典灯泡开关案例
- Canvas——认识CreateJs库
- 在jsp页面page指令中pageEncoding怎么设置默认编码方式为utf-8?
- JSON数据乱码问题
- Extjs4.0 ComboBox如何实现三级联动
- javascript简单判断输入内容是否合法的方法
- js实现a标签超链接提交form表单的方法
- javaScript的闭包