Показать сообщение отдельно
  #1 (permalink)  
Старый 06.08.2013, 23:04
Интересующийся
Отправить личное сообщение для Jmunb Посмотреть профиль Найти все сообщения от Jmunb
 
Регистрация: 26.11.2011
Сообщений: 10

Движение с не линейным ускорением.
Доброго времени суток Уважаемые форумчане.

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

пробовал рассчитывать позицию машинки по вот такой формуле:
(windowHeight - ((scrollTop*speed)%windowHeight)*(1 + 400/windowHeight))

где windowHeight - высота окна
scrollTop - позиция скрола
speed - коэфициент ускорения
(1 + 400/windowHeight) - тут 400 это высота изображения машинки, считаем коэфициент увеличения координаты машинки, чтобы она выезжала снизу и уезжала за верхний край экрана.

при speed равном 1 все хорошо и машинки движутся вместе со скролом, но если ставишь разные скорости разным машинкам то они начинают дергатся=(

В общем не жду готовых решений(хотя был бы очень рад ), но надеюсь что поможете взглянуть на проблему под другим углом.
Ответить с цитированием