Category: анимация

21
Май
2020

работа с DOM js анимация

моих знаний основ на js не достаточно , чтобы реализовать следующее: на странице есть несколько раскрывающихся блоков и нужно добавить небольшую анимацию переворота стрлки на 180 градусов , сейчас я реализовал это так : я добавил обработчи…

21
Май
2020

Анимация перезапускается, хотя ещё не закончилась

У меня есть активность, в ней есть кнопка. При её нажатии создаётся ImageView, добавляется в layout и к картинке применяется анимация.
Проблема собственно в том, что при нажатии кнопки несколько раз анимация перезапускается на всех ImageVi…

13
Май
2020

Аналогичная анимация с этого сайта

есть сайт http://dgpacker.ru/, на котором происходит смена фотографий при движении курсора мыши, получается так, что чтобы такого добиться они брали по сто фотографий на каждый анимируемый объект и меняли src при нужном положении мыши, жда…

12
Май
2020

Как удобнее анимировать в canvas?

Всё кажется простым в учебных примерах: Один квадрат или круг, бери-да меняй координаты.
А когда это игровой персонаж с руками-ногами и прочими деталями, оказывается достаточно муторно возиться с координатами, и при этом не путаться. Хорош…

07
Май
2020

Анимация видео при прокрутке страницы

Всем привет! Столкнулась с такой проблемой, как анимация видео. У меня есть видео по середине сайта (которое не видно при загрузке страницы), и я хотела бы, чтобы при скролле страницы, когда фокус попадает на видео, оно начинает играть. Пр…

06
Май
2020

Не получается исправить анимацию Accardion

у меня почему-то при нажатий – срабатывает все вкладки в Accardion. Не могу понять где бы, я мог ошибаться. Сколько времени смотрю в интеренете, так и не нашел.

Случаем не знаете в чем проблема?

$(document).ready(function() {

06
Май
2020

Не получается исправить анимацию Accardion

у меня почему-то при нажатий – срабатывает все вкладки в Accardion. Не могу понять где бы, я мог ошибаться. Сколько времени смотрю в интеренете, так и не нашел.

Случаем не знаете в чем проблема?

$(document).ready(function() {

06
Май
2020

На чем можно делать анимацию для мобильного приложения написанного на kivy?

В планах сделать блокнот целей и задач, но нужно прикрутить анимацию кнопок, допустим: плавного выпада меню или плавную анимацию завершения цели.
Подскажите, что можно для этого использовать?

05
Май
2020

Движение текста отзывающееся на курсор

Такая фишка реализована у citronium.ru, в исходном коде мало, что понятно.

Как это реализовывать? Что лучше, через js или css? У моего текста уже задан определенный magrin, как его не повредить при движении?

Ищу в интернете методы аним…

30
Апр
2020

Подскажите как сделать, такую 3d анимацию для при движении мыши

Тут на главной сайта http://dgpacker.ru/, есть изображения, которые создают эффект 3-d при движении мышкой по оси-x
оно так же изменяет свой внешний вид, подгружая, как я понял нужное фото (скрины ниже),
подскажите пожалуйста, как можно р…

30
Апр
2020

Диаграмма donut SVG. Как сделать анимацию закрашивания?

Долгое время вожусь с анимацией закрашивания круга в зависимости от процента. Необходимо реализовать такое:

На данный момент я смог реализовать так:

То есть все как надо, анимация закрашивания работает, но радиус синего круга очень мал…

30
Апр
2020

Диаграмма donut SVG. Как сделать анимацию закрашивания?

Долгое время вожусь с анимацией закрашивания круга в зависимости от процента. Необходимо реализовать такое:

На данный момент я смог реализовать так:

То есть все как надо, анимация закрашивания работает, но радиус синего круга очень мал…

28
Апр
2020

Адаптирование анимации в android

Помогите, пожалуйста, разобраться. Я окончательно запутался.
Есть у меня условно кнопка, её размеры заданны в dp – тут все понятно, она отображается на всех устройства +/- одинаково.
Но как её одинаково перемещать на всех устройствах? Есть…

23
Апр
2020

Как реализовать данную анимацию? Желательно чистый js

Интересует реализация скролл анимации, как на главном экране (первый блок) данного сайта – https://www.glia.com/
А если быть точнее: изменение контента при каждом пикселе прокрутки
(Я не ищу готового решения, мне нужна хотя бы идея)

17
Апр
2020

Не своевременное удаление частиц в анимации

Я делаю с помощью canvas анимацию с потоком из 0 и 1. Цифры должны исчезать за пределами экрана, но почему-то некоторые исчезают даже не долетев до границ экрана, хотя я поставил проверку с запасом. Когда пробую выводить высоту, пишет всё …

13
Апр
2020

Движение элемента по часовой стрелке [дубликат]

Только начинаю изучать веб. Подскажите пожалуйста, как заставить квадрат перемещаться по часовой стрелке и при наведении мышки он прекращал движение, а если убрать её то продолжал движение, 2 дня ломаю голову, никак не могу понять

fun…

13
Апр
2020

Анимация блоков без wow.js

Исследуя код библиотеки wow.js + animate.css, приходишь к выводу, что внутри много лишнего. И если в CSS можно просто удалить ненужные @keyframes, то как быть в JS?
Можно ли как-то выполнить подобную единичную анимацию при скролле без подг…

12
Апр
2020

Android: анимация через objectAnimator и выход за пределы экрана

Всем привет!
Есть набор кнопок (от 5 до 15, зависит от ситуации). Перерал разнообразные варианты, на доках и разных постах, но ни как не пойму, почему на разных устройствах отображается по разному: где-то выходит за границы экрана, где-то …

09
Апр
2020

Попиксельный вывод изображения "змейкой"

НУжно попиксельно вывести изображение, чтобы каждый пиксель проявлялся не в рандомном порядке, а по эффекту змейки (начиная от центра к краям, заполняясь по квдрату). Изображение должно выводиться в командной строке, а не отдельном окне.

05
Апр
2020

Android анимация и её различия

Всем привет!
Подскажите, пожалуйста, в чем может быть проблема? Не могу понять:

Мне надо запустить движение кнопок (тестово их 5, потом много), если запускаю так:

pr1.animate().translationYBy(-5000).setDuration(5000);

то без проблем с…