Основано в 2026 · низкая околоземная орбита

Выше
шума

ОРБИТА — вымышленное космическое агентство и площадка для анимаций: GSAP, ScrollTrigger, ScrollSmoother, Draggable, Flip, SplitText, MorphSVG и Three.js на одной странице.

Начать миссию Наши миссии

Прокрутите, чтобы взлететь ↓

  • Полезная нагрузка22,8 т
  • Тяга7 607 кН
  • Ступени2 + ускорители

// манифест

Мы строим ракеты так, как строят хорошие интерфейсы: у каждого кадра есть цель, у каждого движения — вес, и ничто не двигается без причины. Прокрутка — наш обратный отсчёт, курсор — центр управления полётом.

Запусков
0
Орбитальная скорость
0
Вернулись домой
0
  1. 01

    Зажигание

    Девять двигателей просыпаются за три секунды. Стол дрожит, опоры отходят.

  2. 02

    Max-Q

    Пик аэродинамического давления. Двигатели сбрасывают тягу, чтобы корпус выдержал.

  3. 03

    Разделение

    Ускорители выгорели и уходят. Посмотрите на ракету — она стала легче.

  4. 04

    Орбита

    408 км вверх и 7,66 км/с вбок. Вечное падение, которое никогда не кончается землёй.

// орбитальная механика

Нарисуй путь —
и следуй по нему

  • DrawSVG прорисовывает орбиту по мере прокрутки.
  • MotionPath ведёт спутник точно по ней.
  • MorphSVG превращает планету в звезду, луну и ракету.

// флот

Шесть слайдеров
без Swiper

01

3D-кольцо

Draggable + Inertia, доводка до ближайшей карточки

01 / 08
02

Стопка карточек

Смахните верхнюю — она уйдёт под низ

01 / 06
03

Бесконечная лента

Петля без конца, пружинная доводка, наклон на скорости

04

Барабан · WebGL

Тот же движок на цилиндре: отражение, изгиб и RGB-сдвиг

05

Видеолента

Наведите на карточку — она раскроется и запустит ролик NASA. Ленту можно тянутьКоснитесь карточки — она раскроется и запустит ролик NASA. Ленту можно листать пальцем

06

Шейдерный переход

Тяните фото в любую сторону — влево, вправо, вверх или вниз. Или стрелками ←→↑↓Смахните фото влево или вправо — сменится с шейдерным переходом

Космические скалы туманности Киля, снимок телескопа «Джеймс Уэбб»

// водная гладь

Коснись
туманности

Проведите курсором — по снимку разойдутся волны. Кликните, чтобы бросить камень.Коснитесь снимка — бросите камень, и по воде разойдутся волны.