吹过的风 - 博客园

2015年1月31日

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation11.简单旋转利用三角函数进行旋转01-rotate-1.html Rotate 1 ... 阅读全文

posted @ 2015-01-31 11:46 吹过的风阅读(270) 评论(0) 推荐(0) 编辑

2015年1月30日

动画原理——碰撞检测

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation11.两个物体和判断鼠标是否在物体内相似，额外要多考虑鼠标方物体的半径。这不是准确的碰撞，它是假设物体在正方形基础上的简易方法。01... 阅读全文

posted @ 2015-01-30 14:53 吹过的风阅读(233) 评论(0) 推荐(0) 编辑

2015年1月29日

动画原理——释放和弹性

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation11.释放现在假设我们写一个动画，将它运动到指定的地方，先设置一个速度，运用三角函数，我们计算x的速度，计算y的速度，判断距离。到达... 阅读全文

posted @ 2015-01-29 16:50 吹过的风阅读(437) 评论(0) 推荐(0) 编辑

动画原理——用户交互：移动物体

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation11.物体内外的事件判断物体内外的条件是判断鼠标位置和物体中心的位置。01-mouse-events.html M... 阅读全文

posted @ 2015-01-29 13:35 吹过的风阅读(158) 评论(0) 推荐(0) 编辑

2015年1月28日

动画原理——摩擦力

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation11.有摩擦力的情况摩擦力在物体发生相对运动时产生，是运动方向的反向加速度。代码表示意思如下 if (speed > fricti... 阅读全文

posted @ 2015-01-28 12:00 吹过的风阅读(343) 评论(0) 推荐(0) 编辑

动画原理——边界

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation1.判断球体是否出界程序一.画板的边界就是整个画板，也就是画板的形成的矩形。var left = 0, top = 0, right... 阅读全文

posted @ 2015-01-28 09:33 吹过的风阅读(161) 评论(0) 推荐(0) 编辑

2015年1月27日

动画原理——加速度

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation这一章节没有仔细讲一是因为和上一章节很相似，只是速率换成加速度。二是因为初中学的加速度大家都懂得。1.在某一方向的方向的加速度06-... 阅读全文

posted @ 2015-01-27 16:57 吹过的风阅读(935) 评论(0) 推荐(0) 编辑

动画原理——速率

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation1.在某一方向的方向的速率本例掩饰水平的vx Velocity 1 Exampl... 阅读全文

posted @ 2015-01-27 15:36 吹过的风阅读(277) 评论(0) 推荐(0) 编辑

动画原理——像素控制

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation1.获取像素数据，改变数据颜色获取像素是getImageData(startX,startY,endX,endY)，将转换的像素数据... 阅读全文

posted @ 2015-01-27 14:22 吹过的风阅读(234) 评论(0) 推荐(0) 编辑

动画原理——加载图片

摘要：书籍名称：HTML5-Animation-with-JavaScript书籍源码：https://github.com/lamberta/html5-animation1.实时加载图片要实现实时加载图片，先创建一个图片对象设置它的src为URL地址。利用onload方法设置当图片对象加载完成执行回调... 阅读全文

posted @ 2015-01-27 12:49 吹过的风阅读(195) 评论(0) 推荐(0) 编辑