X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Нарисовать падающие билеты, как активные элементы сайта., Требуется помощь дизайнеров в реализации идеи
vinaction
vinaction
Topic Starter сообщение 29.8.2011, 22:48; Ответить: vinaction
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 283
Регистрация: 18.4.2010
Из: СПб
Поблагодарили: 44 раза
Репутация:   12  


Собственно есть идея - сбоку сайта два падающих и изгибающихся в свободном падении, кино билета (тематика сайта КИНО), которые при скроллинге будут как бы падать.
На одном будет подписка по RSS, на другом подписка на новости сайта по e-mail.
Требуется качественная стильная прорисовка билетов и особенно эффекта падения, так же не забыть, что в центре будут главные элементы, на которых надо акцентировать внимание посетителей.

Сколько подобные элементы будут стоить и как трудно подобное реализовать посредством фотошопа? smile.gif)

Сообщение отредактировал vinaction - 29.8.2011, 22:50


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
workforpills
workforpills
сообщение 29.8.2011, 22:57; Ответить: workforpills
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 665
Регистрация: 17.1.2011
Из: Крым
Поблагодарили: 378 раз
Репутация:   60  


если я верно понял идею - то нужна анимация, которая включается при скроллинге вниз?
или просто статические картинки которые двигаются вниз?

для первого случая есть такой способ реализации:
- делается раскадровка анимации
- все кадры подгружаются в один div контейнер
- при скроллинге жабаскриптом по очередности в контейнер подставляются все кадры анимации

есть интересная реализация - яваскрипт берет высоту страницы H
есть количество кадров анимации N
H/N = M точек
где M - это количество точек скроллинга страницы
как только страница прокручивается на M точек - скрипт меняет кадр на следующий (при варианте прокуртки вверх - на предыдущий)

уфф, вот это я намудрил =)

Сообщение отредактировал workforpills - 29.8.2011, 23:12


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vinaction
vinaction
Topic Starter сообщение 29.8.2011, 23:25; Ответить: vinaction
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 283
Регистрация: 18.4.2010
Из: СПб
Поблагодарили: 44 раза
Репутация:   12  


(workforpills @ 29.8.2011, 22:57) *
если я верно понял идею - то нужна анимация, которая включается при скроллинге вниз?
или просто статические картинки которые двигаются вниз?

для первого случая есть такой способ реализации:
- делается раскадровка анимации
- все кадры подгружаются в один div контейнер
- при скроллинге жабаскриптом по очередности в контейнер подставляются все кадры анимации

есть интересная реализация - яваскрипт берет высоту страницы H
есть количество кадров анимации N
H/N = M точек
где M - это количество точек скроллинга страницы
как только страница прокручивается на M точек - скрипт меняет кадр на следующий (при варианте прокуртки вверх - на предыдущий)

уфф, вот это я намудрил =)


Да, вы развили мою идею...
Те при скролинге вниз появляется эффект падения у биллетов, а при скролле наверх взлет вверх ... Это можно обыграть изгибанием углов у билетов - при падении углы вниз, а при взлете вверх плюс штрихи показывающие направление движения, как в мультиках...
С другой стороны хотелось бы сильно не перегружать сайт анимациеей подобного плана. Довольно критична скорость загрузки страницы. Вот тут важно найти золотую середину...

Сообщение отредактировал vinaction - 29.8.2011, 23:26


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
workforpills
workforpills
сообщение 29.8.2011, 23:34; Ответить: workforpills
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 665
Регистрация: 17.1.2011
Из: Крым
Поблагодарили: 378 раз
Репутация:   60  


Довольно критична скорость загрузки страницы. Вот тут важно найти золотую середину...

за анимацию придется платить кровью мегабайтами
можно облегчить иначе - сделать анимацию не 50 кадров для примера, а 5 раз повторить зацикленную анимацию по 10 кадров


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Увеличение посещаемости сайта (яндекс, гугл, соц сети) - реальные люди
3 SANR 367 Вчера, 23:49
автор: rom_4
Горячая тема (нет новых ответов) Как заработать новичку?
106 Emeralda 17647 Вчера, 21:17
автор: lesssss81
Горячая тема (нет новых ответов) Как заставить Google любить тебя?
Хочу роста трафа из Гугла : ))
72 Aslan88 16148 Вчера, 21:02
автор: alexandrrr
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
5 komarik_vlad 644 Вчера, 20:06
автор: komarik_vlad
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
5 kelevra 326 Вчера, 17:55
автор: Nell


 



RSS Текстовая версия Сейчас: 12.12.2017, 1:37
Дизайн