Анимация на 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

Новые блоги и статьи Все статьи Все блоги /
GitDOS: Когда я решил скрестить MS-DOS, GitHub и Claude MaGz GoLd 08.07.2026 Привет, Киберфорум! Хочу поделиться своим проектом, который, надеюсь, вас заинтересует. GitDOS — это веб-приложение, которое позволяет запускать DOS в браузере с тремя крутыми фичами: диски живут в. . .	Учебный мини "цифровой двойник" = (Сервер = Java + Flask_питон )+(3D = Гугловскаая 4T nvideo + google colab) +( WMS = Odoo на Docker) anaschu 07.07.2026 Увидел в требованиях к вакансии создателя имитационных моделей связку (REst + Api + WMS + Anylogic + питон + 3D Nvideo), и решил посмотреть, что это такое. Из этого всего я работал более менее. . .	Море в объективе kumehtar 06.07.2026 Хотел написать много проникновенных слов, но передумал. Оно само - говорит. Кто слышит тот слышит.	Doom для терминала без стрельбы и монстров. 3D Raycasting на ascii. dcc0 05.07.2026 Попросил нейронную сеть deepai. org написать рейкастинг 3D с библиотекой ncurses для Linux. Чтобы можно было ходить на стрелочки. Чтобы стены были отрисованы символами. Справилась. Первый вариант. . .
Установка статуса документа по условию Maks 05.07.2026 Алгоритм из решения ниже реализован на нетиповом документе "НарядПутевка" разработанного в КА2. Задача: в табличной части "Материалы" документа при записи автоматически устанавливать статус. . .	Сезонность и суточность закисления почв anaschu 04.07.2026 200 часов это все равно моловато. Есть ситуации, но нестандартные, когда смена происходит за 5 лет. Но обычно это 50 лет и более. Наверное, закисление почвы происходит сезонно в средней. . .	В чем ценность человеческого опыта в глобальном смысле? kumehtar 03.07.2026 Возможно, ценность человека не в том, что он однажды достигает мудрости, а в том, что он становится носителем карты пути. Он знает не только истину, но и последовательность внутренних изменений,. . .	интеграция AnyLogic с самописным REST API и переход на Odoo anaschu 03.07.2026 Успешная интеграция AnyLogic с самописным REST API и переход на промышленную Odoo WMS Сегодня проделал огромный путь от простой симуляции физических процессов до построения полноценной. . .

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

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