如何在画布中设置随机速度

时间:2018-07-06 09:18:24

标签: performance animation canvas random

我正在尝试使球以随机速度掉落,但是只有当我重新加载页面/脚本时,速度才会改变,我想动态地获得随机速度,一个球落在5,下一个球落在1.4 ,下一个2.6等...

https://codepen.io/Le-future/pen/gKNoEE

我尝试使用以下内容:

// set how fast the objects will fall
var spawnRateOfDescent = Math.random() * (5 - 0.5) + 0.5;

1 个答案:

答案 0 :(得分:1)

每个球都应具有自己独特的速度属性。您可以按如下所示添加它:

首次调整(第72-73行):

    image: images[Math.floor(Math.random()*images.length)], // add a comma here
    speed: Math.random() * 10 + 3 // add this line and tweak the numbers to taste

第二个调整在您的animate函数中(第107行[或如果添加了一行,则为108]):

    object.y += object.speed; // instead of: object.y += spawnRateOfDescent;