20000 points in random motion(20000个点自由移动)
来源:互联网 发布:mac怎么安装axure 编辑:程序博客网 时间:2024/06/05 02:35
预览效果:http://bl.ocks.org/syntagmatic/5107530
关键代码:
<canvas id="canvas"></canvas><script src="http://d3js.org/d3.v3.min.js"></script><script>var num = 20000;//point 数量
//canvas画布设置var canvas = document.getElementById("canvas");var width = canvas.width = 960;var height = canvas.height = 500;var ctx = canvas.getContext("2d");
//随机产生20000不同位置的pointvar particles = d3.range(num).map(function(i) { return [Math.round(width*Math.random()), Math.round(height*Math.random())];});
//不断执行step()d3.timer(step);function step() { ctx.fillStyle = "rgba(255,255,255,0.3)"; ctx.fillRect(0,0,width,height); ctx.fillStyle = "rgba(0,0,0,0.5)"; particles.forEach(function(p) { p[0] += Math.round(2*Math.random()-1); p[1] += Math.round(2*Math.random()-1); if (p[0] < 0) p[0] = width; if (p[0] > width) p[0] = 0; if (p[1] < 0) p[1] = height; if (p[1] > height) p[1] = 0; drawPoint(p); });};function drawPoint(p) { ctx.fillRect(p[0],p[1],1,1);};</script><style>html, body { margin: 0; padding: 0; }</style>
阅读全文0 0
- 20000 points in random motion(20000个点自由移动)
- Windows phone 7 里silverlight的点与像素 (Points and Pixels in silverlight)
- 3.max points ona line(最多有多少个点在同一直线上)
- 自由移动
- Unicode Code Points (Unicode代码点)
- NTFS重解析点(Reparse Points)
- Points in Segments (II)(线段树)
- Points in Rectangle (树状数组)
- LightOJ 1088 - Points in Segments (二分)
- 186.Max Points on a Line-最多有多少个点在一条直线上(中等题)
- Research in Motion,RIM
- Putting Android In Motion
- good points in papers
- 自由移动方向键
- HDU-Robot Motion-机器人移动
- UVA 478 Points in Figures: Rectangles…(判定点在多边形内)
- ZOJ1081 Points Within(判断点是否在多边形内部)
- 什么是简单边界点(Simple border points)
- Jedis中List相关操作
- 我的职业路程
- 依赖注入 javax.inject中@Inject、@Named、@Qualifier和@Provider用法
- 新概念4-9
- 记事本程序
- 20000 points in random motion(20000个点自由移动)
- Headshot UVA
- error: failed to push some refs to git@github.com:damononliu/cv_python.git
- linux kernel 中断处理函数里不能进程调度的原因
- hascode()和equals()的区别
- JAVA 链接DB2问题
- Java知识思维导图(一)
- android developer tiny share-20170601
- 如何入门NLP的世界 #在这里科研#
原创粉丝点击热门IT博客热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 大学毕业自荐信 毕业信 一封感动到哭的毕业信100字 毕业纪念册寄语 幼儿园毕业纪念册模板 毕业纪念册印制 学生毕业纪念册 毕业纪念册样本 电子毕业纪念册 小学生毕业纪念册 幼儿毕业纪念册 毕业纪念册定制 小学毕业纪念册 毕业纪念册制作价格 幼儿园毕业纪念册 毕业纪念册名字 毕业纪念册留言 毕业纪念册背景 毕业册 大学毕业纪念册寄语 大学毕业纪念册留言 毕业纪念册封面 毕业纪念册制作 毕业册设计 毕业留念册 毕业留念册封面 毕业册封面 小学毕业留念册 毕业后教育网 毕业后还能考四级吗 毕业后继续教育网 软件工程毕业后干什么 神学院毕业后工资多少 毕业后的我们 女生高中毕业后的出路 mba毕业后年薪一般多少 高中毕业后出国留学 能源动力专业毕业后很惨 2018机器人专业毕业后收入 自考毕业申请详细流程图 毕业墙