forum.boolean.name - Анимация из картинок

forum.boolean.name (http://forum.boolean.name/index.php)

- JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)

- - Анимация из картинок (http://forum.boolean.name/showthread.php?t=20360)

Анимация из картинок

Понадобилось сделать анимацию пролета объекта из точек А в Б в зависимости от скрола страницы (landing page).
Модельку с анимацией отрендерил по кадрам и дальше не совсем понимаю как сделать.
Первое что пришло в голову это сделать div'ы с загруженными кадрами, разместить их в нужных местах и через JS скрывать/показывать, но мне этот метод показался каким то не практичным если кадров много.
Подскажите, пожалуйста, какие еще способы есть? А то я в вебе не очень. :)

Ответ: Анимация из картинок

Может имеет смысл сделать такое через canvas?

Цитата:

Первое что пришло в голову это сделать div'ы с загруженными кадрами, разместить их в нужных местах и через JS скрывать/показывать

Вообще ИМХО можно попробовать использовать один DIV, и просто через время менять свойство background-image.

Ответ: Анимация из картинок

Кури CSS.

http://blog.teamtreehouse.com/css-sp...imations-steps

Перемещение из точки в точку в зависимости от скрола JQuery легко поможет сделать.

Ответ: Анимация из картинок

background-size
background-position
Играйся с этими CSS пропертями, по сути тебе нужно сделать тайлинг и смещать по тайлу.