Hot Dot Parallax Engine под лицензией MIT

Девять месяцев назад мы запустили сайт студии. Он быстро набрал популярность, мы получили несколько наград, о нас написали профильные СМИ.

Сайт так же быстро оброс клонами. Некоторые скопировали нас полностью. Попадались и подобные забавные вещи. Сайт на нашем движке попал на One Page Love, а после выявления воровства был удален из рейтинга. Когда количество клонов превысило три сотни, мы решили сделать исходный код движка открытым.

И вот, немного причесав, сегодня мы выложили его на GitHub под лицензией MIT.

Особенности

• Сколько-угодно-страничный горизонтальный параллакс.
• Удобное создание слайдов: вам не нужно писать ни строчки JS для того, чтобы слои плавали с разной скоростью.
• Математические расчеты слоев необычайно оптимизированы.
• Плавный скролл. Функции «подъехать к слайду» и «подъехать к определенной позиции» просто связать с элементами управления.
• Поддержка хэштегов, возможность делиться отдельными слайдами.
• Движок генерирует свои события. Начало движения, конец движения, смещение даже на один пиксель.
• Прелоадер.
• Настраиваемое включение 3D-ускорения.
• Супероптимизационная возможность: вы можете отлавливать момент, когда слайд не находится в фокусе, и останавливать в нем всю активность. Экономия и производительность.
• Использование оптимизации “pointer-events: none;” во время скролла, о которой недавно здесь писали.

Адаптивность

• Бесплатно в комплекте: движок для изменения размера контента в зависимости от размера экрана.
• Вставьте большую картинку на фон — движок сам растянет её так, чтобы она правильно работала.
• Возможность менять у слайда верстку между портретной и альбомной в зависимости от размера экрана.
• Совместимость с тач устройствами.
• Оптимизация работы на iOS и Android.