Javascript анимация движется по экрану

Question

Просто новичок в анимации. Требуется некоторая помощь. Я надеюсь, что вы могли бы помочь. Я боролся в течение нескольких дней, пытаясь понять, как сделать следующее базовое. не знаю, где я делаю ошибку На самом деле, мне только что удалось сделать отскок мяча с 25 шарами. но этот немного сложнее. Я пытался использовать setTimeout() по какой-то причине не могу его запустить.

Мне просто нужно 2 маленьких квадрата, движущихся по экрану по горизонтали, но он должен быть один за другим. так что в основном первый квадрат появляется слева, начинает двигаться по экрану, затем через 3 секунды появляется второй и просто следует за первым. Не могли бы вы помочь Я был бы благодарен. Спасибо

Answer 1

var ctx = document.querySelector ("canvas"). getContext ('2d'); var Width = document.documentElement.clientWidth; var Height = document.documentElement.clientHeight; var myarray = ["sq1", "sq2", "sq3", "sq4", "sq5", "sq6", "sq7", "sq8", "sq9"]; var temp = new Array (0); var coox = 0; function rect (coox) {this.coox = coox; } для (х = 0; х

Answer 2

Да, используя. По сути, я просто хочу, чтобы 2 квадрата следовали друг за другом, скажем, с задержкой 3 se c слева направо на экране, вот и все. Выше я попробовал. Сделано как 10 объектов, и пытался перемещать квадраты по экрану один за другим с задержкой. Это просто не сработает. Не знаю, что я делаю не так. Спасибо за ответ.

Answer 3

Как вы хотите это сделать? С <canvas></canvas> или просто с квадратом, помеченным position: absolute; Если это второй вариант, используйте <div></div> и примените width и height в css. Делая это position: absolute; и после использования left и top свойства. Чтобы переместить его, используйте animation или @keyframes.