课程
/前端开发
/Html5
/炫丽的倒计时效果Canvas绘图与动画基础
第(i,j)个圆的圆心位置
2014-09-25
源自:炫丽的倒计时效果Canvas绘图与动画基础 3-2
正在回答
一个圆的半径是R,然后老师想让每个圆之间有点间距——“1”,那么半个格子就是(R+1),(R+1)也就是圆心所在,那么整个格子的宽度肯定就是两倍于半个格子的宽度,所以一个格子的宽度就是2*(R+1)我们这个算法均是从X,Y轴的0开始,向正半轴,那么第二个圆心的位置就是 一个格子的宽度+半个格子的宽度,所以就是2*(R+1)+(R+1)然后依次推就是x+j*2*(R+1)+(R+1) , y+i*2*(R+1)+(R+1) , x和y都是零,x,y只是老师用来把整个坐标系放随便放哪个位置。
一个圆的半径是R,然后老师想让每个圆之间有点间距——“1”,
那么半个格子就是(R+1),(R+1)也就是圆心所在,
那么整个格子的宽度肯定就是两倍于半个格子的宽度,所以一个格子的宽度就是2*(R+1)
我们这个算法均是从X,Y轴的0开始,向正半轴,
那么第二个圆心的位置就是 一个格子的宽度+半个格子的宽度,所以就是2*(R+1)+(R+1)
然后依次推就是x+j*2*(R+1)+(R+1) , y+i*2*(R+1)+(R+1) , x和y都是零,x,y只是老师用来把整个坐标系放随便放哪个位置。
举报
学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力
4 回答为什么按着老师的代码打的,运行不报错,只倒计时,其他的什么特效都没显示啊,找了好久原因没找到
1 回答这个demo怎么修改成计时器呢?
1 回答context.closePath 对于context.fill(); 是有区别的
2 回答看了很久,还是不知道哪里错了。。。。
2 回答小球不掉落是怎么回事?