Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 19.07.2016, 10:51   #1
Nex
Гигант индустрии
 
Аватар для Nex
 
Регистрация: 13.09.2008
Сообщений: 2,893
Написано 1,185 полезных сообщений
(для 3,298 пользователей)
Анимация из картинок

Понадобилось сделать анимацию пролета объекта из точек А в Б в зависимости от скрола страницы (landing page).
Модельку с анимацией отрендерил по кадрам и дальше не совсем понимаю как сделать.
Первое что пришло в голову это сделать div'ы с загруженными кадрами, разместить их в нужных местах и через JS скрывать/показывать, но мне этот метод показался каким то не практичным если кадров много.
Подскажите, пожалуйста, какие еще способы есть? А то я в вебе не очень.
(Offline)
 
Ответить с цитированием
Старый 20.07.2016, 11:36   #2
Leowey
Знающий
 
Аватар для Leowey
 
Регистрация: 08.11.2010
Адрес: Москва
Сообщений: 285
Написано 78 полезных сообщений
(для 182 пользователей)
Ответ: Анимация из картинок

Может имеет смысл сделать такое через canvas?
Первое что пришло в голову это сделать div'ы с загруженными кадрами, разместить их в нужных местах и через JS скрывать/показывать
Вообще ИМХО можно попробовать использовать один DIV, и просто через время менять свойство background-image.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Nex (21.07.2016)
Старый 20.07.2016, 16:06   #3
RegIon
Элита
 
Аватар для RegIon
 
Регистрация: 16.01.2010
Адрес: Новосибирск
Сообщений: 2,157
Написано 502 полезных сообщений
(для 1,012 пользователей)
Ответ: Анимация из картинок

Кури CSS.

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

Перемещение из точки в точку в зависимости от скрола JQuery легко поможет сделать.
__________________
Сайт: http://iexpo.ml
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Nex (21.07.2016)
Старый 20.07.2016, 21:14   #4
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: Анимация из картинок

background-size
background-position
Играйся с этими CSS пропертями, по сути тебе нужно сделать тайлинг и смещать по тайлу.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Nex (21.07.2016)
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 11:20.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com