Вопросы с меткой [анимация]
Анимация - это быстрое отображение последовательности изображений для того, чтобы создать иллюзию движения или изменения. Используйте данную метку вопросов по программной работе с анимацией, в сочетании с меткой используемой графической технологии и языка программирования. Для вопросов по анимации в CSS есть отдельная метка [css-animation]
1,143
вопроса
1
голос
2ответа
28 показов
SVG анимация пчелы с SVG.js
Как вы можете видеть в этом codepen, есть изображение SVG простой пчелы . В идеале я хотел бы добиться анимации, в которой пчела жужжит вокруг этого холста, но пока я просто пытаюсь переместить ее ...
-1
голос
0ответов
18 показов
Как замедлить изменение позы объекта в Unity3d при использовании аниматора?
В Unity3d при смене состояния аниматора, поза объекта меняется слишком быстро, хотя и плавно. Как настроить более медленную смену позы?
Объект 3D, с костями, смена состояния производится через ...
1
голос
0ответов
23 показа
Как сделать анимацию для трех графиков сразу?
Есть часть программы, которая создаёт анимацию, по циклу кадров for i in range(m).
Число кадров m=50, 30, 20 соответственно для x=0.5, 0.3, 0.2.
for i in range(50):
clear_output(wait = ...
2
голоса
1ответ
32 показа
Почему эта анимация маски SVG прерывистая в Firefox, но плавная в Chrome?
Я упростил анимацию SVG, над которой я работаю (которая должна выглядеть как заполнение контейнера), до примера ниже, который работает плавно в Chrome, но прерывисто / заикается в Firefox. Это SVG с ...
1
голос
1ответ
37 показов
Изменение текста как анимация в HTML через JS
Проблема:
Есть текст, который нужно изменить, желательно через цикл.
Пытаюсь сделать эффект написания.
Есть строка, и мне нужно сделать так, что бы на место значения слова, подставилась первая буква ...
1
голос
0ответов
18 показов
Подгрузка изображения для CSS, чтобы на первом круге не мелькал белый экран
Где то видел такое решение, не могу теперь найти, в мета картинки подгружаются, кто знает?
-1
голос
1ответ
26 показов
Ошибка анимации в Unity
После создания анимации в Юнити, выдается такая ошибка.
Кто-нибудь может объяснить в чем причина?
0
голосов
0ответов
28 показов
Убрать мерцание и изменить/добавить характер анимации
Основная проблема в подавлении мерцания!!! И сложность у меня сейчас еще возникает (не знаю как сделать) чтобы сделать на третьем кадре факт уменьшения изображения до середины временного интервала а ...
1
голос
1ответ
34 показа
Проблема с анимацией кнопки в css
Всем здравствуйте. У меня возникла проблема с transitional у кнопки. Анимация при наведении работает прекрасно, но когда я убираю курсор от кнопки то она убирает эту анимацию рывком, есть ли способ ...
0
голосов
3ответа
30 показов
как реализовать правильную анимацию загрузки и clearInterval после загрузки каждой картинки
const images = document.querySelectorAll('img');
let imageInterval;
imageInterval = setInterval(() => {
for (let i = 0; i < images.length; i++) {
if (images[i].complete) {
images[i]....
1
голос
1ответ
23 показа
Анимация изменения цвета фона Pyqt5
Хочу реализовать функцию вспышки. Цвет фона должен меняться на новый, а затем плавно возвращаться обратно.
Я сделал так:
from IPython.external.qt_for_kernel import QtGui
from PyQt5.QtGui import QColor,...
0
голосов
1ответ
25 показов
Как сделать анимацию в qml из разных картинок?
Разбираюсь сейчас с анимацией в qml и нашел достаточно много гайдов которые помогают делать анимацию но только с помощью одной длинной картинки которая включает себя много маленьких по типу такой:
...
3
голоса
1ответ
45 показов
Как сделать слайд, чтобы при клике все картинки смещались вправо-влево?
Как реализовать таким образом, чтобы при нажатии на L все картинки смещались влево, а при нажатии на R наоборот?
const hamburger_menu = document.querySelector(".hamburger-menu");
const ...
3
голоса
1ответ
64 показа
Как сделать анимированный текст как в Cyberpunk2077?
Мне надо использовать svg или что?
Или что-то на подобие этого
Буду очень благодарен
3
голоса
0ответов
28 показов
крутящийся граница с помощью html и css
У меня получилось вот такая хрень, в какую сторону сне идть?
*{
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: royalblue;
}...
1
голос
1ответ
48 показов
Сделать обрезку блока с помощью overflow и border-radius, но оставить содержимое фиксированным
Нужно сделать обрезку блока, который растягивается на всю высоту окна, путем обрезки через overflow и border-radius.
Пример ниже.
Анимация тоже будет, с изменением паддинга и радиуса.
Проблема в том, ...
1
голос
1ответ
34 показа
Задать корректную анимацию текста с помощью css
Не получается задать корректную анимацию текста с помощью кейфрейма. Текст анимируется один раз, нужно сделать так, чтобы анимация начиналась с начала, плавно доходила до конца и текст полностью ...
1
голос
1ответ
39 показов
Как сделать анимация набора текста в Label?
Как сделать чтобы текст набирался плавно, у меня в начале идет плавный набор, но потом рывками и частями появляется. Подскажите пожалуйста, что поправить в коде:
extension UILabel {
func animate(...
1
голос
1ответ
51 показ
Плавное появление линии при скролле страницы
Как при скролле сайта, когда дойду до нужного блока, реализовать плавное из центра до левого и правого края появление линии?
0
голосов
0ответов
21 показ
Как называется такой вид анимации и как заставить ее работать?
Нужно заставить работать ползунок при прокрутке. Я новичок в этом совсем. Помогите
пример на этом сайте
https://iconagency.com.au/
мой код html
<div class="line">
...
0
голосов
0ответов
29 показов
Движение авто в 3d three.js не работает
Прошу извинить за грязнейший код - месяц только изучаю JS.
Очень хочу помощи по ключевым хотя бы моментам three.js и в целом. Сейчас при нажатии на кнопку drive: 1. При нажатии любой клавиши ...
1
голос
1ответ
65 показов
Как можно реализовать подобную анимацию, как в этом макете Figma?
Пока что вообще не имею представления, как это можно реализовать с помощью JS и CSS. Можете дать какие-то наводки или предположения. Вот макет в Figma, где показан пример с функционалом (можно кликать ...
0
голосов
0ответов
38 показов
JS слайдер, анимация элементов слайда
Здравствуйте! Очень нужна помощь, помогите пожалуйста! Задача: При свайпе на следующий слайд, нужно сделать анимацию элементов Текста: "Хотите внедрить новые технологии без лишних затрат?", &...
0
голосов
0ответов
18 показов
Как устранить ошибку при валидации js в интерактивном баннере html5?
Сделал интерактивный рекламный html5 баннер, но, при загрузке на рекламный ресурс гугла получаю ошибку
Ругается, на сложение в коде js, т.к. в отличие от браузера не умеет его интерпретировать
<...
0
голосов
0ответов
6 показов
Анимация на кнопке MDRaisedButton слишком долгая
Есть ли возможность сделать анимацию при нажатии на MDRaisedButton быстрее, или же вовсе убрать?
Анимация, о которой идет речь:
1
голос
1ответ
19 показов
Не проигрывается анимация при ударе в godot engine
Код области получения урона(hurtbox)
extends Area2D
const HitEffect = preload("res://Effects/HitEffect.tscn")
func _on_Hurtbox_area_entered(area):
var effect = HitEffect.instance()
...
1
голос
0ответов
36 показов
Как отрендерить анимацию с большей частотой кадров но с той же скоростью проигрывания?
Мне нужно отрендерить анимацию в 60 FPS, но когда я выставляю 60 FPS анимация просто проигрывается быстрее!(https://youtu.be/kJLtdkoFM9A). Я хочу чтобы анимация была с той же скоростью но плавнее.
Я ...
1
голос
1ответ
54 показа
Как реализовать эффект взрыва изображений в блоке с помощью css анимации?
Есть блок с анимацией, заполняемость которого хочу реализовать с эффектом взрыва изображений цветов: сразу появляются 3 цветка в разных частях блока и под разными углами, затем еще 3 тоже в разных ...
0
голосов
1ответ
21 показ
Тень, произвольно меняющая цвет
Такая задача: Есть див, а у него есть тень. И я хочу сделать эту тень анимированной, чтобы она меняла цвета. Подскажите, пожалуйста, можно ли это сделать только при помощи CSS? Если нельзя то как это ...
0
голосов
1ответ
48 показов
Как сделать анимацию движения объекта по кривой (алгоритм Безье)
Вот что имею на данный момент, вроде всё хорошо работает, но хотелось бы комментарий к каждой строке кода, а также, как убрать маркер и вместо него заставить двигаться эллипс, диаметр, длину ширину, ...
0
голосов
1ответ
33 показа
Unity. Проблема с анимацией
Делаю анимацию движения для персонажа .Сама анимация бега - работает. Создаю триггер перехода в анимацию прыжка, а так-же bool нахождение в воздухе. Но из кода почему-то не вызывается Триггер и bool ...
0
голосов
1ответ
62 показа
Добавить анимацию исчезновения иконок
Я взял некое решение моей задачи.
При наведении на плавающую кнопочку, у меня с анимацией красиво появляется список других кнопок.
Когда убираю курсор из этой области, список кнопок пропадает и всё ок....
2
голоса
1ответ
22 показа
Как в анимацию c canvas включить изображение?
Есть canvas с анимацией отскока от стены мячика.
Как сделать так, чтобы вместо мячика гулял по экрану дед мороз (img картинка), а при соударении об стенку сменялся на елку на голубом фоне и зациклено ...
7
голосов
2ответа
200 показов
Анимация лого WINTER BASH
Заканчивается сезон WINTER BASH 2020
Хотелось бы, как-то отметить это событие.
На изображении цифрами отмечены, желаемые объекты для анимации
Сценарий анимации:
Генератор шляп.
Должен неравномерно ...
6
голосов
1ответ
108 показов
Можно ли добиться такого же эффекта?
Появился вопрос не по теме SVG => Как анимировать последовательно UIBezier линии
Разумеется что это можно реализовать на smil
Вот что я сделал
<svg viewBox="0 0 500 150" xmlns="http://www.w3....
0
голосов
0ответов
17 показов
Неполная отрисовка в процедурной анимации SVG
Пример двигает окружность SVG влево-вправо. При движении, окружность не всегда отрисовывается полностью. Проверка делалась в FireFox/Ubuntu. Дефект виден не всегда, но проявляется часто. В Chrome/...
3
голоса
1ответ
108 показов
Как анимировать последовательно UIBezier линии
Скажите пожалуйста как в Swift анимировать такую линию
Я пробовал создавать маленькие UIView и анимировать их передвижение в UIView.animate
также отдельно я рисовал линии UIBezier и прикреплял их так,...
0
голосов
0ответов
56 показов
WPF Textblock и LinearGradientBrush
Мне нужно реализовать анимацию заполнения внутри TextBlock.Foreground, но так, что бы сверху был черный цвет, а снизу градиент по бокам. Ничего кроме как на картинке не выходит. Как можно такое ...
1
голос
1ответ
21 показ
gsap скрытие блоков z-index или visiblity: hidden
Сделал анимацию с помощью gsap
Но когда блоки заканчивают анимацию, их можно выделить, пробовал в timeline прописать visibility: hidden, или Zindex: -10, но не работает почему-то.
Я хочу сделать так, ...
0
голосов
1ответ
34 показа
React - анимация меню
У меня есть мобильный меню, https://ibb.co/DR1QCdt я хочу добавить плавное анимацию при открытии меню как можно это делать?
NavbarMobile.jsx
import React from 'react';
import avatar from "../../....
1
голос
0ответов
17 показов
Как создать видео “бегущего графика” и объединить его с другим видео?
Мне надо делать подобное видео . Левую часть у меня получается делать - я скачиваю спутниковые снимки и объединяю их в видео в формат mp4 с помощью ffmpeg. Каким образом с помощью каких технологий ...
0
голосов
0ответов
16 показов
Хочу менять спрайт персонажа в зависимости от позиции курсора на экране Unity 2D
Хотел сделать, чтобы при нажатии и удерживании правой кнопки мыши персонаж менял свой спрайт на "готов к стрельбе" (2D, вид сбоку), и чтобы показываемый спрайт зависел от положения курсора ...
1
голос
1ответ
15 показов
Получить координаты объекта, который анимирован (javafx)
Как мне отслеживать координаты объекта, который находится в движении? Движение осуществляется таким способом: создаётся последовательность из нескольких линейных перемещений случайной длины и ...
2
голоса
2ответа
74 показа
Как сделать смайлик, у которого улыбка сменяется на грусть при клике
помогите с определением координат x,y для анимации улыбки и грусти с помощью canvas и requestAnimationFrame
нужно анимировать рот чтобы он из улыбки превращался в грусть
window.onload = () => {
...
2
голоса
1ответ
43 показа
Объект движется по кругу, меняя направление по клику
При нажатии "Запустить" квадрат должен начать двигаться по часовой стрелке, после нажатия левой/правой кнопки мыши меняется направление по часовой стрелке/против. При нажатии "стоп"...
1
голос
1ответ
48 показов
Объект не движется
Квадрат должен перемещаться по кругу после нажатия "запустить" и остановиться на месте после нажатия "стоп".
Изначально он не двигается.
Подскажите, что не так, как исправить?
...
2
голоса
1ответ
49 показов
Реализация анимации After Effects в коде
Я разрабатываю веб-приложение, на главной странице которого, есть необычная анимация, но я хотел бы подойти к нему с учетом ограничений производительности и отзывчивости.
В качестве входных данных для ...
0
голосов
0ответов
15 показов
Как сделать анимацию перехода между елементами дерева JavaFX?
У меня есть такое дерево и мне нужно сделать анимацию обхода дерева через таймер либо Swing или Timeline javaFX. Пробовал сделать на том и на том, но получается что елементы обходят одновременно даже ...
1
голос
1ответ
51 показ
Плавная смена прозрачности кнопки в Windows Forms
Пишу класс анимаций. Начал писать код на смену прозрачности у кнопки, но столкнулся с проблемой. Хотел сделать плавность у прозрачности и поплыл в потоках. Фактический всё работает, но если я сначала ...
-1
голос
1ответ
40 показов
IOS не работает анимация svg
Ссылка на пример, в хроме при нажатии кружок заполняется, в ios заполнения не происходит.
В чем проблема кто может подсказать?
var $slider = $('.slider');
if ($slider.length) {
var currentSlide;...