canvas
wangshang1320
曾梦想仗剑走天涯,看一看世界的繁华,后来bug太多,项目经理不让走
展开
-
js获取圆上的点
最近在写动画效果,需要获取圆上的点就简单的回顾了一下数学知识 这里圆点0 为圆心,我们需要知道A点的(x,y)坐标,因为这个点就是在圆点上,而r就是半径,通过三角函数可得出: cos(A) = c/b; sin(A) = c/a; 转换到坐标系中就是: sin(o) = r /...原创 2019-02-27 15:26:32 · 3618 阅读 · 0 评论 -
canvas学习案例之贪吃蛇
最近在看canvas画板,就自己尝试写一个简单的小例子 贪吃蛇 涉及到的点有:碰撞检测,数组操作,canvas图形绘制,定时器,es6的类的使用 废话不多说直接上代码吧: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&原创 2019-02-19 16:26:05 · 299 阅读 · 0 评论 -
canvas学习案例之简单烟花效果
效果: 固定一个起始点,烟花最高点是随机获取的, 散开后的落点是在一个半径为R的圆的范围内的点。 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &l...原创 2019-04-09 13:00:21 · 763 阅读 · 0 评论 -
canvas 文字灯光环绕粒子闪烁效果 简单实例
利用canvas 的putImageData和getImageData 写了个文字环绕跑马灯效果 效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>...原创 2019-06-01 17:08:12 · 1344 阅读 · 0 评论