Как установить произвольную скорость на холсте

Question

Я пытаюсь заставить шары падать со случайной скоростью, но скорость меняется только тогда, когда я перезагружаю страницу / скрипт, я хотел бы получить случайную скорость динамически, один шарик приходит в 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;

Answer 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;