3D presentations: seven decks that open from a link and fly a live camera

A presentation is often the first thing a buyer, an investor or a sponsor actually opens, and most of them are a PDF that looks like every other PDF. VITON¹³ built 3D presentations as a concept to show another format for the jobs clients bring most often: selling a sponsorship package, raising a round, launching a product, selling homes in a new tower, presenting a technology company, bringing partners to a festival and explaining a medical service.

The brief we set ourselves: a presentation that opens from a link on any screen and is remembered like a film, yet still behaves like a presentation — slides, arrow keys, a clicker, a link to a single slide and a PDF to attach to an email. Every brand in the set is fictional, and the last slide of every deck says so.

Seven decks and a hub page, 78 slides in Russian: the Avrora football club (sponsorship, 11 slides), the NEXORA Series A pitch (12), the NOVA Ring launch (11), the NORD 81 residential tower (11), the ORBITA space company (11), the PULSE 2027 festival (11) and the HELIX genomic clinic (11). Each deck has its own scene, palette, fonts and one of seven 3D transitions chosen for the brand: a sprint with speed streaks, a cube, a fly-through, a book page, an orbit, a glitch flip and a soft rise.

Inside the scenes: a night stadium with about 43,000 seats and fans, a 324-metre tower that rebuilds floor by floor on the construction slide, a ring that comes apart into six labelled parts, a satellite unfolding its panels over an Earth generated with shaders, a stage and crowd moving to 124 BPM and a glossy DNA helix. Numbers count up, charts grow and 3D callouts pin to parts of the scene as a slide opens.

One engine runs all seven decks. Each slide is HTML text over a canvas, so it stays readable and selectable, and each slide has a camera station in the scene: moving to the next slide is a camera flight. Control follows presentation habits: arrow keys, space, the mouse wheel and swipe; O opens a 3D overview of every slide, F goes full screen, A starts autoplay, and every slide has its own link. On phones the text moves into a scrolling panel under the scene.

The scenes are built entirely in code, with no 3D models, photos or video: instanced meshes for repeated objects such as seats and windows, bloom as the only post-effect and procedural textures. Every deck is a static folder with relative addresses, so it runs from any path, and a script renders each deck to a 16:9 PDF for email. The demo is marked noindex, nofollow.

The set is live at tarasovvitalii.com/demos/presentations/: a hub, seven decks, 78 slides, seven PDF versions and seven 3D transitions, built on 28 September 2026. That day we counted frames with requestAnimationFrame for three seconds on two slides of every deck, in headless Chrome with ANGLE Metal on a MacBook with an Apple M5 at 1600 × 1000 on a Retina scale: all 14 readings were 60 fps (60.1–60.2). Each deck loads 235–252 KB of JavaScript with gzip, three.js and GSAP included; the whole build is 27 MB, 14 MB of it the PDFs.

On the live address the same day Lighthouse gave the hub performance 92 on mobile and 99 on desktop, and the NORD 81 deck 86 and 98 (medians of three runs), with best practices at 100 on both pages. Every deck has one H1 and fits a 390 px screen; the hub is the one page that scrolls sideways on a phone, which the review below lists as the first thing to fix.

3D presentations is a concept VITON¹³ built to show the format, not a commissioned project. The football club, the startup, the ring, the tower, the space company, the festival and the clinic are fictional, as are their numbers, prices, people and phone numbers; the decks prove nothing about raised rounds, sold sponsorships or homes.

There are no photos or videos inside: every image is drawn in code. The frame rate was measured on one machine with a recent Apple chip in headless Chrome and says nothing about older phones or office laptops; Lighthouse measures loading, not how smoothly a scene runs. The decks are in Russian only and are kept out of search on purpose.

How to check a web studio’s portfolio →