2015年1月23日
摘要: 书籍名称:HTML5-Animation-with-JavaScript书籍源码:https://github.com/lamberta/html5-animation1.canvas的contextvar canvas = document.getElementById('canvas'), co... 阅读全文
posted @ 2015-01-23 15:39 吹过的风 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 1.使用十六进制的颜色有时候所提供颜色值的格式并不是你需要的,这时就需要进行转化。//转为16进制颜色属性var hexColor = '#' + (16733683).toString(16);console.log(hexColor);//转为10进制数字var color = window.p... 阅读全文
posted @ 2015-01-23 14:53 吹过的风 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 书籍名称:HTML5-Animation-with-JavaScript书籍源码:https://github.com/lamberta/html5-animation1.要求两点间的距离,只需要在直线上构建一个直角三角形,然后用勾股定理。如下图:2.代码如下10-distance.html ... 阅读全文
posted @ 2015-01-23 13:21 吹过的风 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 书籍名称:HTML5-Animation-with-JavaScript书籍源码:https://github.com/lamberta/html5-animation1.正弦函数。x位置递增,y位置用sin生成。这段代码是不需要ball.js的。代码如下: Wave 2 ... 阅读全文
posted @ 2015-01-23 10:56 吹过的风 阅读(910) 评论(0) 推荐(0) 编辑
摘要: 书籍名称:HTML5-Animation-with-JavaScript书籍源码:https://github.com/lamberta/html5-animation1.脉动是一种半径r来回反复的运动,在canvas中他是对原图形的方法和缩小。可以将sin应用在控制大小的属性scaleX,scal... 阅读全文
posted @ 2015-01-23 09:47 吹过的风 阅读(540) 评论(0) 推荐(0) 编辑