Кинетический скроллинг

[Radiation15]

в общем, есть два вариант кинетического скроллинга http://jsfiddle.net/SomeTest/hFVD4/ и http://jsfiddle.net/SomeTest/vU7W2/... возможно ли их будет использовать как прокрутку изображения) что-то на подобии как прокрутка обоев на Android. и еще очень глупый вопрос, как это всё написал, подключил, подобавлял файлы... но ни чего не работает а на тех сайтах работает

[Great Rash]

Математику хорошо знаете? Вектора например?

[Radiation15]

да, и то и другое

[Great Rash]

Ну тогда вообще проблем нет. Чтобы реализовать кинетический скроллинг высчитываем ускорение элемента (вектор от прошлого положения до текущего). К скорости прибавляем силу трения. Реализуйте на jsfiddle, как реализуете будем допиливть вместе (там нужна пара оптимизаций, а то не совсем то получится).

[Radiation15]

ну так... а на тех примерах что я привел не получиться реализовать?

[s0rr0w]

Кинетический скроллинг можно по квадратичной функции сделать. Хорошая задачка, годная

[Great Rash]

Не могу себе представить как использовать квадратичную функцию. Это ж парабола я правильно понимаю?

[s0rr0w]

Не могу себе представить как использовать квадратичную функцию. Это ж парабола я правильно понимаю?

Правильно. Инерционное затухание, где по оси Y идет время, а по X - дельта

[freeneutron]

Копаясь в одной библиотеке обнаружил скроллинг сделанный по экспоненциальной функции. Он выглядит более живым, так как заставляет объект быстро замедляться и продолжать двигаться с маленькой скоростью до бесконечности (по времени). Плюс такого скроллинга в том, что в нем не нужно интегрировать скорость и координату. Выглядит так:

x+= a*(x-x0-b*v0);

Здесь x - отслеживаемая координата, x0 - значение x в момент отпускания объекта, v0 - скорость в момент отпускания, a и b - константы, подбираемые экспериментально. Величина b*v0 будет равняться максимальному интервалу, на который сдвинется объект за время свободного движения. Время свободного движения, как я уже говорил бесконечно. Еще один плюс этого метода в том, что он не зависит от таймера, а значит, работает абсолютно плавно.

[Radiation15]

ну так можно будет скролл с изображениями замутить?

Edited November 16, 2012 by Radiation15

[s0rr0w]

Можно, замути. Мы не против.

[freeneutron]

ну так можно будет скролл с изображениями замутить?

Сообщение отредактировал Radiation15: Сегодня, 00:28

Попробуй разобрать учебные примеры отсюда:

http://libcanvas.github.com/

Сама библиотека LibCanvas создана русскоговорящими программистами и часто обсуждается в рунете

Edited November 17, 2012 by freeneutron