Category: анимация

21
Окт
2020

Python. Создание изобаржений на главном экране

Мне бы хотелось создать программу, которая бы рисовала некоторые изображения на главном экране.
То есть, я имею ввиду, чтобы картинки были отображены не в каком-либо отдельном окне, а именно на главном экране поверх всех окон, а также чтоб…

20
Окт
2020

Как перебирать элементы пути и анимировать каждый из них один за другим?

Моя следующая попытка действительно анимируется, но все пути отображаются одновременно.
Я хочу анимировать один path за другим. Как этого добиться?

(function () {
var button = document.querySelector(‘.animate’);
button.onclick…

17
Окт
2020

Необходимо нажать на кнопку при скролле, помогите

Необходимо нажать на кнопку при скролле вниз, и нажать еще раз при подъеме наверх. У меня есть код, но он не работает. Не подскажете в чем заключается ошибка?
$(window).ready(function () {
var wHeight = $(window).height();

$(‘.web…

16
Окт
2020

вопрос про анимацию при скролле

делаю анимацию с помощью Gsap и ScrollTrigger, но дело в том, что иногда(при слишком быстром скролле или
когда решат иллюминаты) анимация не срабатывает вообще. А в гугле ничего не нахожу по этому поводу,
как будто только у меня такая проб…

15
Окт
2020

Ломается eventListener

Есть 12 блоков. Выполняется css анимация при помощи добавления в блок определенного класса через js. нужно, чтоб каждый блок выполнял анимацию поочередно, а так же анимация происходила при скроле. проблема в том, что, когда видимые блоки в…

29
Сен
2020

Как остановить объект на последней точке, чтобы анимация не начиналась сначала в TRHEE.js

Пытаюсь сделать, как вот здесь , но нужно, чтобы куб останавливался на последней точке, а не начинал анимироваться сначала. Подскажите, как это сделать, пожалуйста!
`
var wd = window;

var ctnEl = document.getElementById(‘ctn’);
var camera…

29
Сен
2020

не работает click в canvas

Есть img в canvas! Поворачиваю на Math.PI / 3 (60 град.) Ctx.rotate () – поворачивается !!! Вешаю событие щелкни по холсту – ничего не происходит !? В чем дело ???
let dest = Math.PI / 3;
let canvas = document.getElementById("canvas&…

25
Сен
2020

Как создавать последовательные анимации чтобы это было слаженно

UPD: Мне подойдет любой вариант кода благодаря которому я смогу создать необходимую анимацию. Не обязательно отталкиваться от моих вариантов.
Я пытаюсь сделать анимацию где в окошке крутятся изображения и никак не получается сделать её про…

23
Сен
2020

Как применить анимацию притяжения/отталкивания частиц?

Ребята, приветствую . Подскажите пожалуйста кто на практике сталкивался с похожей задачей ? необходимо реализовать анимацию притяжения/отталкивания частиц (объектов) при наведении курсора . У объекта есть область действия. По задумке когда…

13
Сен
2020

Анимация загрузки PyQt5

Существует некоторое Python-приложение, использующее PyQt5. В процессе его работы иногда происходят события, которые длятся длительное время, например – проверка введённого пароля.
Как реализовать проигрывание, например, .gif-анимации или …

05
Сен
2020

Как запретить проигрывать вторую анимацию, пока не закончилась первая и наоборот? JS

При нажатии на кнопку выезжает div,
если нажать на эту кнопку два или больше раз
div начинает дергаться вправо и влево:

‘use strict’;

let button = document.querySelector(‘button’),
anBox = document.querySelector(‘#anima’);

function…

05
Сен
2020

Плавное возвращение анимации @keyframes

Недавно столкнулся с проблемой , плавности возвращения анимации "keyframes" , а именно свойства transform. Вроде как удалось решить данную проблему ,но когда попробовал на телефоне плавной анимации возвращения не было. Так же ког…

07
Авг
2020

Как вставить своё изображение при анимации печати теста?

Игрался с настройками плагина typeIt.js для анимации печати теста, все было хорошо если вставлять смайлы текстом, но есть ли какой то способ вставить свою картинку(иконку смайлика) при анимации печати теста? Меня смайлы почти угодили, но е…

31
Июл
2020

QPropertyAnimation не работает

Есть окно с виджетом QListView (1), в котором нужно иметь возможность развернуть при нажатии на кнопку (2). При этом, когда виджет QListView находится в развёрнутом состоянии, он должен скрывать три других виджета, находящиеся по ним (3, 4…

25
Июл
2020

Анимация пропорционального уменьшение блока до display:none с расположением к центру

Подскажите, есть ли возможность реализовать анимацию при которой div "схлопывался" не в верхний левый угол, а к центру своего размещения. Приведу пример:

$(“.button”).on(“click”, function() {
$(“.block”).toggleClass(“active…

19
Июл
2020

Как предотвратить перезагрузку страницы/скроллинг в самый верх при клике на routerLink

У меня есть проект интернет-магазина на Angular, при клике на routerLink происходит переход на другой элемент роутера, при этом у меня присутствует анимация перехода. Данную анимацию увидеть невозможно, так как страничка сразу прокручивает…

15
Июл
2020

Как сделать так, чтобы при нажатии на кнопку начиналась анимация и при каждом нажатии передавался на другой блок

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

10
Июл
2020

Анимация чисел как в гугле (генератор случайных чисел) js

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

04
Июл
2020

Как реализовать анимацию плавного морфинга границ изображения?

Есть картинка, при ховере ее границы должны начать хаотично плавать, изгибаться, пока не убран курсор.
Насколько понял, это должно быть связано с svg morphing, но примера не нашел. Только анимация чистой svg, без картинки.
Может у кого ес…

02
Июл
2020

Как сделать паузу для canvas анимации?

Вот canvas анимация(код ниже).
как сделать ,чтобы по нажатию на на кнопку pause.
Элементы анимации (облака) останавливались на месте ,как бы становясь на паузу.
Спасибо!

<!DOCTYPE html>
<html lang=”en”>
<head>
&lt…

30
Июн
2020

Как сделать такую анимацию HTML5 canvas?

Вот как это должно выглядеть

То есть облака должны беспрерывно двигаться по горизонтали.
Как реализовать такую анимацию на JS в Canvas?
Если есть ссылка на какой-либо ресурс буду рад!
Спасибо заранее!!!

25
Июн
2020

Как изменить состояние чекбокса через некоторое время после нажатия?

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