html5 轻量级炫酷 js 粒子动画库
2016-05-17 00:00
627 查看
Qarticles
A lightweight and high performance JavaScript library for creating particlesLive Demos
click here .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
Watch21Fork
0
项目描述:A lightweight and high performance JavaScript library for creating physical particles — 查看更多内容...
http://hilongjw.github.io/Qarticles/demo.html
相关文章推荐
- @JsonView 简单介绍
- 用Javascript(js)进行HTML转义工具(处理特殊字符显示)
- JSTL标签 参考手册(手动整理)
- js获取验证码倒计时如何实现
- Javascript - 获取Json结构的表单数据
- JSP
- Json Web Token身份认证
- 使用GSON解析带有汉字的Json串
- 原生JS遍历cookie获取指定name的值
- 【转】JSONP跨域的原理解析
- JSP学习笔记
- js原型链以及上下文环境和作用域的关系
- html改名字jsp乱码问题
- JSP基本介绍
- iScroll.js 使用方法参考
- AjaxAnywhere(jsp局部刷新、ajax刷新)
- javascript:js脚本的3中引入方法
- javascript基础-黑白反斗棋
- EL表达式/JSP标签和EL表达式
- JavaScript的无阻塞加载