Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 28.07.2016
Сообщений: 6
1

Создание кнопки с эффектом overlay

30.07.2016, 17:52. Просмотров 813. Ответов 2
Метки нет (Все метки)


Добрый день

Два часа выбирал в каком разделе лучше создать тему, потому что не знаю с какой стороны подойти к решению проблемы =/

Хочется сделать кнопку на сайте, но так, чтобы на переднем фоне был некий видео эффект (вот сделал пример в After Effects https://www.youtube.com/watch?v=pAbhALmEWTg)
Какими инструментами это можно реализовать? И можно ли вообще?
Кнопка должна вести себя "независимо" от анимации эффекта. Навел мышкой - она допустим стала зеленой, нажал - красной и тд.


Спасибо.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.07.2016, 17:52
Ответы с готовыми решениями:

overlay после ajax
дело в том, что оверлэй нужен на странице каторая подгружается через ajax и кароче говоря он не...

Overlay: Создание для OpenGL и D3D
Итак. Знаю, что этот вопрос поднимался неоднократно, провёл несколько дней в поисках материалов по...

overlay in ie8
Покажите пример пожалуйста. На всех браузерах работает, но вот тут борода. (Оверлай для модальных...

Написание Overlay
и так.... нужно помочь написать программу, которая перекрывает часть строки S символами строки S1,...

2
0 / 0 / 0
Регистрация: 28.07.2016
Сообщений: 6
31.07.2016, 18:50  [ТС] 2
Вариантов пока не много =)
Пока у меня вышло так
1) Из After effects сохраняю эффект как последовательность png с прозрачностью
2) Создаю movie clip в Adobe Animate CC из последовательности, помещаю в слой 1
3) Создаю кнопку и помещаю под слоем 1
4) У клипа задаю mouseEnabled = false; mouseChildren = false;
5) Экспортирую как swf\oam с прозрачностью

Как по мне это выглядит как использование msPaint для 3д моделирования =) Должен же быть способ сделать это проще и без флеша
0
0 / 0 / 0
Регистрация: 28.07.2016
Сообщений: 6
05.08.2016, 00:31  [ТС] 3
Неужели нет никаких вариантов?

Подскажите набор базовых инструментов для создания нестандартных GUI с эффектами анимации для сайта.

Я понимаю, что можно извращаться с CSS как тут http://tympanus.net/codrops/ или тут http://siteacademy.ru/index.ph... -fanciness но как решить свою задачу этими средствами я не представляю. Через css можно сделать полукруглый Input с динамическим background'om или допустим чтобы в нем была "налита" жидкость, и с возможностью ввода данных?

Везде пишут что Flash себя изжил, не предлагая никакой альтернативы. В 99% уроков по флешу все элементы\символы рисуются внутри самого флеша, в результате чего внешний вид получается мультяшным аля "масяня". Что мультики, что игры, что GUI. Выглядит мягко говоря не очень. "Переходите на HTML5", говорят они. Ну расскажите мне как сделать анимацию поверх <input> через canvas. Делать отрисовку спрайтовой анимации руками в 100 строк кода это именно то о чем я мечтал и ждал в HTML5. Зато вы можете рисовать линии.

Вот есть фотошоп, в котором я могу нарисовать допустим 4 состояния для кнопки. Объясните зачем мне проделывать те же действия через css или перерисовывать тоже самое во флеше?

Чем больше пытаешься разобраться тем сильнее увязаешь =/
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.08.2016, 00:31

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Модуль Overlay
Здравствуйте, помогите пожалуйста решить проблему. Дана программа для работы с векторами. Т.е...

overlay в opengl
что такое overlay? объясните пожалуйста на пальцах как устроено? дело в том что у себя в программе...

Как создать Overlay
Здравствуйте, может кто подсказать, как создать Overlay, те вывод некой информации на экран, поверх...

Runtime overlay error
Программа для ввода цифры от 0 до 9 и вывод его из переменной. Выдает ошибку Runtime overlay error,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.