All MicroEvals
**Промт:** Создай единый HTML-файл с полноэкранной анимацие...
Create MicroEval
Header image for **Промт:**

Создай единый HTML-файл с полноэкранной анимацие...

**Промт:** Создай единый HTML-файл с полноэкранной анимацие...

Prompt

**Промт:** Создай единый HTML-файл с полноэкранной анимацией на Canvas (2D context). Никаких внешних библиотек — чистый JS. Анимация должна выглядеть как кинематографичный пролёт камеры по космосу. Графика должна быть максимально красивой: градиенты, свечение (glow), частицы, плавные переходы. **Общая стилистика:** - Фон: глубокий космос с тысячами мерцающих звёзд разного размера и яркости (параллакс при движении камеры). - Все небесные тела рисуются с реалистичными градиентами, тенями, атмосферным свечением. - Плавные easing-переходы между фазами (ease-in-out). - Надписи появляются с эффектом fade-in + лёгкий scale-up, шрифт элегантный (serif или тонкий sans-serif), с мягким glow. - Общая длительность анимации ~25–35 секунд. **Последовательность сцен:** 1. **Вступление (0–4 сек):** Камера летит сквозь космос. Звёзды проносятся мимо с эффектом параллакса (ближние быстрее, дальние медленнее). Лёгкое покачивание камеры. Постепенно впереди появляется Луна. 2. **Луна (4–10 сек):** Камера плавно подлетает к Луне. Луна занимает ~30% экрана. Детализация: кратеры (случайные круги с тенями), мягкий градиент от светло-серого к тёмному на терминаторе, слабое серебристое свечение по краю. Снизу плавно появляется надпись **«Luna»** (элегантный шрифт, серебристо-белый цвет, мягкое свечение). Надпись держится 2 секунды. 3. **Переход и Земля (10–18 сек):** Камера отворачивает от Луны, звёзды снова летят мимо. Появляется Земля. Камера подлетает к ней. Земля занимает ~40% экрана. Детализация: синий океан, зелёно-коричневые континенты (можно стилизованные пятна), белая атмосфера по краю (glow), облака (полупрозрачные белые мазки), ночная сторона с градиентом в тёмный. Снизу появляется надпись **«Terra»** (голубовато-белый цвет, мягкое свечение). Надпись держится 2 секунды. 4. **Переход и Солнце (18–30 сек):** Камера отворачивает от Земли, летит дальше. Впереди появляется яркое свечение. Камера подлетает к Солнцу, но оно НАСТОЛЬКО огромное, что камера немного отъезжает назад (эффект: сначала Солнце заполняет весь экран, затем камера чуть отодвигается, чтобы показать его целиком). Солнце занимает ~60% экрана. Детализация: ядро — раскалённый бело-жёлтый градиент, корона с лучами и протуберанцами, пульсирующее свечение, частицы солнечного ветра разлетаются. Цвета: белый → жёлтый → оранжевый → красный по краю. Снизу появляется надпись **«Sol»** (золотисто-белый цвет, тёплое свечение, самый крупный шрифт из трёх). Надпись держится 3 секунды. 5. **Финал (30–33 сек):** Экран медленно затухает в чёрный (fade to black). Конец. **Технические требования:** - Canvas на весь viewport, resize-обработчик. - requestAnimationFrame для 60fps. - Все переходы через линейную интерполяцию с easing. - Звёзды: массив из 800–1500 объектов с координатами, размером, скоростью мерцания. - Каждое небесное тело рисовать через радиальные градиенты + shadowBlur для glow. - Надписи: ctx.font, textAlign center, shadowBlur + shadowColor для свечения, глобальная alpha для fade. - Никаких alert, console.log. Просто визуал. Сделай код полным, рабочим, в одном файле. Графика должна быть впечатляющей. ---

A system prompt was added to support web rendering

Drag to resize
Drag to resize
Drag to resize