gunjan.mehta ← back to site

interactive field guide · rendered live

3D animation, switched on

CGI, rendering, modeling, motion graphics, virtual production — five terms, five live demos below. Nothing on this page is a video file. Every scene is generated in real time in your browser.

GM-01 · live
drag to orbit

GM-01, rendered from primitives in real time. No engine assets — just code.

01

CGI — computer-generated imagery

Broad term for visuals created with software.

The umbrella over everything on this page: any image or motion made by software instead of a camera. Films, ads, games and product shots all sit under it. The knot below is pure math — thousands of points arranged in space, redrawn sixty times a second.

real-time · 60 fps
no footage was used

02

3D rendering — model to pixels

The process of generating a 2D image from a 3D model.

Geometry becomes an image only when a renderer decides how surfaces catch light. Same model below, four passes: what changes is not the shape — it's how the software turns it into pixels. Watch the light move in the final pass.

passshaded

03

3D modeling — building the geometry

Creating the underlying geometry.

Before any render, someone builds the shape: vertices, edges, faces. This is that stage, live. Pick a primitive, then add resolution and watch the vertex count climb — that is what "more detail" actually costs in a model.

editor view

04

Motion graphics — designed motion

Often includes 3D elements, but focuses on animated graphic design.

Less about realism, more about rhythm: type, shapes and logos choreographed in loops with easing and timing. The demo below is a graphic-design loop running on a 3D engine — the motion is the design.

∞ loop
120 bpm · 4 bars

05

Virtual production — real-time filmmaking

Real-time 3D used in filmmaking.

On a virtual-production stage the "final image" renders live while you shoot — cameras move freely through a real-time engine instead of waiting for post. This set below is that idea at desk scale: GM-01 on a stage, and you hold the camera. Drag to orbit, scroll-free.

● RECCAM A · LIVE
00:00:00:00

That's the whole stack

Model it, render it, animate it, shoot it — five words that cover most of what "3D animation" means in practice. This page itself is the demonstration: raw geometry, real-time rendering and choreographed motion, running in your browser right now.

← back to the site Ask me about it

Your browser can't run WebGL here, so the live scenes are hidden — the text explains the five concepts on its own.