9-3案例
来源:9-3 完成案例动画部分
夕落呀
2018-12-23 19:02:09
// 绘制下落的圆形
for(var i=0; i<=10; i++) {
if(!circles[i]) {
circles[i] = {}; // 把小球的属性放进对象中
circles[i].radius = Math.floor(Math.random() * 5) +1; // 小球的半径
// 小球中心点Y坐标
circles[i].y = - circles[i].radius - Math.floor(Math.random() * 10);
// 小球中心点X坐标
circles[i].x = i * 60 + Math.floor(Math.random() * 10) - 5;
// 小球下落的高度
circles[i].vy = Math.floor(Math.random() * 5) + 1;
}
这段代码没怎么懂,能详细说一下吗? 小球的y坐标不应该是正的吗为啥是负数,小球x坐标乘以60 后面减5又是什么意思啊
1回答
好帮手慕星星
2018-12-24
同学你好,绘制圆形是使用for循环,一次产生许多小球,将小球的各个属性值放进一个对象中,属性值可以使用随机数来产生,然后绘制小球即可。参考:
自己可以一步一步的测试理解下。
祝学习愉快!
相似问题