随笔分类 -  canvas

动画
canvas放射粒子效果
摘要：这个也是别人的代码，就不多介绍了 写了些注释 阅读全文
posted @ 2017-05-17 09:54 安筱雨 阅读(1414) 评论(0) 推荐(0)
canvas百分百特效
摘要：这个特效是别的人，非原创。原创地址 http://blog.csdn.net/lecepin/article/details/53536445 背后的水是可以动的 代码我再研究了下，下面是加了注释的代码。不是原创好像没什么好说的了。。 阅读全文
posted @ 2017-05-11 12:14 安筱雨 阅读(324) 评论(0) 推荐(0)
canvas拖拽效果
摘要：canvas拖拽和平时用的js拖拽是有区别的 普通的js是设置目标为绝对定位，再根据鼠标的移动来改变left和top的值 canvas是获得了鼠标的位置，直接在目标点进行重新绘制 下面给一个简单的拖拽代码 阅读全文
posted @ 2017-05-10 09:39 安筱雨 阅读(1487) 评论(0) 推荐(0)
（canvas）两小球碰撞后的速度问题研究
摘要：这两天在研究canvas碰撞 先把小球开始运动的图拿出来 参考了一下别的的代码，在两个小球碰撞处理上，我觉得不完善 怎么样处理才算完善呢，当然是要用高中物理学的动量守恒了和机械能守恒了 机械能守恒我其实忘了，特地百度了下 用高中老师的话就是，联立，解得，PS：结果我是网上找的，也存在看错的可能 碰撞 阅读全文
posted @ 2017-04-14 11:11 安筱雨 阅读(1937) 评论(0) 推荐(1)
canvas画多边形
摘要：Canvas画正多边形 阅读全文
posted @ 2017-04-11 16:25 安筱雨 阅读(6353) 评论(0) 推荐(0)
复杂下雨特效
摘要：上次的下雨效果比较简单，这个要复杂很多 对比：通过单个雨滴的位移达到下雨效果，上次是随机产生，然后刷新出来的，雨滴本身没有动 雨滴碰到鼠标和地面会溅射 鼠标能控制雨的速度和方向 阅读全文
posted @ 2017-04-10 17:03 安筱雨 阅读(486) 评论(0) 推荐(3)
canvas简单下雨特效
摘要：前面做了两个简单的效果，这次就来个下雨的效果 思路简单的说一下 随机在屏幕中的位置画雨滴，moveTo(x,y) 雨滴的长度就是lineTo(x,y+len) 每次重新绘制页面，就能达到下雨的效果了 阅读全文
posted @ 2017-04-08 14:34 安筱雨 阅读(2053) 评论(0) 推荐(0)
canvas抛物线运动轨迹
摘要：本来是想做一个贝塞尔曲线运动轨迹的 公式太复杂了，懒得算，公式在最后 我先画了一个抛物线，我确定了两个点，起点（0,0），终点（200,200） 用坐标系可算出方程 y=-0.005x^2 现在找出终点的切线与X轴的交点，那个就是贝塞尔曲线的第二个参数，控制点 求出是（100,0） 现在重新绘制一个 阅读全文
posted @ 2017-04-07 14:31 安筱雨 阅读(8654) 评论(4) 推荐(1)
canvas扩散圆环
摘要：最近看了很多牛的动画，想想自己的canvas的确很菜。 公式在那里，但是不是太会套。找demo发现都是很难的 于是找了个简单的效果 圆环从中间扩散的效果 关键是 globalCompositeOperation合成操作，只留下重叠的部分 阅读全文
posted @ 2017-04-06 10:11 安筱雨 阅读(1998) 评论(0) 推荐(1)