Анимация на Canvas

@Asrover · Регистрация: 10.08.2014

Студворк — интернет-сервис помощи студентам

Всем привет!
Можно ли с помощью JS или CSS анимировать фигуры canvas после того, когда они были отрисованы. К примеру, на одном холсте есть две окружности, одна из них должна спустя 3 секунды медленно исчезнуть.

@Padimanskas · 01.10.2015, 18:02

всего лишь объект circle с методами отрисовки и движения. Только вот канву не нужно полностью перерисовывать context.clearRect(x,y,radius*2,radius*2) ;
Круг может выглядеть как-то так:

JavaScript
1
2
3
function Circle(x,y,r,context){...}
Circle.prototype.update = function(x,y){...};
Circle.prototype.render = function(){...};

Добавлено через 4 минуты
Update и render вызываются в main loop. В js для main loop используют рекурсивно requestAnimationFrame

Новые блоги и статьи Все статьи Все блоги /
Часы электронные Uhbif79 12.08.2026 Выкладываю программу часов. Программа позволяет: 1. Использовать системное время и дату, 2. Есть возможность вводить время и дату вручную. 3. Реализованы 2 будильника: начало и конец рабочего дня. . . .	Часы с будильником на основе класса QLCDNumber Uhbif79 12.08.2026 Всем добрый день, выкладываю программу часов с будильником на основе класса QLCDNumber. Здесь я пробовал самостоятельно создавал классы, впервые столкнулся с видимостью переменной одного класса из. . .	Установка MinGW GCC 16.2 и CMake 8Observer8 10.08.2026 VK Видео: https:/ / vkvideo. ru/ video-240781534_456239017 YouTube: eY5-5PyI9NM Текстовая версия	Неделя из жизни имитационной модели склада: мои кривые руки растут, откуда надо anaschu 10.08.2026 Неделя из жизни имитационной модели склада: как я почти написал неправильную логику и что с этим делать Работаю сейчас над учебно-рабочим проектом: строю в AnyLogic имитационную модель процессов. . .
Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .	Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .

@Asrover 7 / 7 / 3 Регистрация: 10.08.2014 Сообщений: 46

	Анимация на Canvas 28.09.2015, 16:44. Показов 3037. Ответов 20 Метки нет (Все метки) Всем привет! Можно ли с помощью JS или CSS анимировать фигуры canvas после того, когда они были отрисованы. К примеру, на одном холсте есть две окружности, одна из них должна спустя 3 секунды медленно исчезнуть. 0

Опции темы