在给数字绘制小球时,小球的位置如何确定

来源:4-3 华丽的小球滚动效果

染青丝

2018-06-20 17:43

function addBalls(x,y,num){
 for(var i=0;i<digit[num].length;i++){
  console.log(num + "  " + digit[num].length + " "+ digit[num][i].length);
  for(var j=0;j<digit[num][i].length;j++){
   if(digit[num][i][j] == 1){
    var aBall = {
     x:x+j*2*(RADIUS+1)+(RADIUS+1), //不太理解画横线的地方
     y:y+i*2*(RADIUS+1)+(RADIUS+1),

     g:1.5+Math.random(),
     vx:Math.pow(-1,Math.ceil(Math.random()*1000))*4,
     vy:-5,
     color:colors[Math.floor(Math.random()*colors.length)]
    }
    balls.push(aBall);
   }
  }
 }
}

写回答 关注

1回答

  • 泡面真香
    2018-07-25 21:21:49

    x和y的作用是定位这个坐标轴的位置

    j*2*(RADIUS+1)+(RADIUS+1)是确立在X轴上的线长度

    i*2*(RADIUS+1)+(RADIUS+1)是确立在Y轴上的线长度


炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题