All apps
Animations for Hack Your Way
App

Animations for Hack Your Way

A gallery of animated 3D scenes for the main Hack Your Way 2026 screen: I run them on a loop and cut projector video from them.

Status
In production
Category
App

About the project

At a conference I need something for the main LED and projector so the stage isn't empty. Instead of hiring a motion designer, I built a gallery of standalone animated 3D scenes: mindset, ideas, vortex, hyperspeed, and more.

I run each scene full-screen, capture it with a screen recording, and cut the final projector video for Hack Your Way 2026 from the recordings.

What you get

  • Stage visuals without a motion designer.
  • Ready-made loops for the LED and projector.
  • Source material for cutting the final video.

How it works (under the hood)

  • Standalone 3D scenes in Three.js / react-three-fiber.
  • Run on a loop, full-screen.
  • Screen recording, then cut into video.

How it looks

A scene with the Hack Your Way logo and a light arc for the projector
Vortex scene: colorful light cubes in an endless tunnel
A spherical photo mosaic of the Hack Your Way community

Built with

ViteReact 19Three.jsreact-three-fiberdreipostprocessing

Want to build like this too?

I teach building apps without programming in the AI First course.

AI First course