Iryna Hnatovska
My ProjectsAnimation Lab (experimental)About meContacts
My ProjectsAnimation Lab (experimental)About meContacts

Iryna Hnatovska · 2026

LinkedIn·nerate20@gmail.com

Back to home

Lab · web animation

Space in five techniques

SVGCanvasLottieGSAP3D
01 · SVG

Solar system in vector

Five planets orbit the sun via requestAnimationFrame. Move the cursor to tilt the scene and speed up orbits farther from the center.

    02 · Canvas

    Star warp field

    A pseudo-3D star tunnel redrawn every frame. The cursor shifts the vanishing point (course change). Hold the left mouse button for super-warp.

      Cursor shifts flow center · hold LMB for super-warp

      03 · Lottie

      Rocket from After Effects

      One JSON file drives the animation. The lottie-web player interpolates frames at runtime — asset: “01 - Rocket”.

        Loading Lottie JSON…

        04 · GSAP

        Mission control

        A mini space-ops UI: live HUD telemetry, 3-2-1 countdown, rocket launch with exhaust, satellite on orbit, mission timer, and a staged landing.

          Pressure

          101.3 kPa

          Temperature

          22.0 °C

          O₂

          20.9 %

          3

          Mission duration

          00:00

          GSAP · timeline

          Ready for launch

          Live telemetry, orbiting satellite, launch exhaust, and a smooth staged landing.

          05 · WebGL

          Solar system in 3D

          Three.js renders meshes, lights, and a starfield on the GPU. Orbit the camera with drag, zoom with scroll, and watch planets move on real 3D paths — not a 2D illusion.

            Loading WebGL scene…