Pre-Rendered Backgrounds
Static beauty
Pre-rendered backgrounds provided detailed 2D imagery behind 3D characters, allowing PlayStation-era games to display visual complexity impossible in real-time rendering.
Overview
Real-time 3D in 1996-2002 couldn’t match pre-rendered detail — so why not combine them? PlayStation-era games placed 3D character models against 2D pre-rendered background images rendered offline at hours-per-frame quality, then composited at runtime. Resident Evil’s mansions, Final Fantasy VII’s cities, and countless adventures used this technique to display environments far richer than real-time rendering allowed.
The 2D-background-with-3D-character approach predates the PSX era — Myst (1993, Cyan) used pre-rendered scenes with click-to-move navigation, and Alone in the Dark (Infogrames, 1992) used pre-rendered backgrounds with low-poly characters before Resident Evil made the formula iconic.
Fast facts
- Era: 1992-2002 (peak with the PlayStation generation).
- Pioneer: Alone in the Dark (1992), Myst (1993).
- Defining use: Resident Evil (1996), Final Fantasy VII (1997).
- Benefit: Visual detail far beyond real-time capability.
- Trade-off: Fixed camera angles; no free-roaming view.
How it works
A pre-rendered scene is composed of:
| Component | Rendering | Notes |
|---|---|---|
| Backgrounds | Pre-rendered 2D bitmap | Created in 3D modelling software, rendered for hours |
| Characters | Real-time 3D models | Drawn into the scene per frame |
| Compositing | Z-buffer overlay | Per-pixel depth lets characters walk behind objects |
| Camera | Fixed positions | Each scene has one or more pre-set camera views |
The trick that makes it convincing is per-pixel depth: alongside the colour image, the engine stores a depth (Z) value for every background pixel. The 3D character compares its depth to the background’s depth at each pixel, drawing only where it’s “in front”. This is how Leon walks behind a pillar in Resident Evil 2 — the pillar’s pixel-Z values are smaller than Leon’s at those screen positions.
Visual benefits
| Advantage | Result |
|---|---|
| Detail level | Photoreal-or-better quality impossible in real-time of the era |
| Lighting quality | Hours-per-frame ray tracing, radiosity, careful artist work |
| Environmental complexity | Thousands of polygons per scene, with no runtime cost |
| Consistent frame rate | Background is a static bitmap — frame rate depends only on character rendering |
| Atmosphere | Pre-rendered allows the kind of cinematic lighting that drives mood (Resident Evil’s mansion is unimaginable in real-time) |
Camera implications
Fixed cameras shaped game design around them:
| Constraint | Design response |
|---|---|
| Fixed angles | Director-style framing; cinematographic composition |
| No rotation | Camera angle is part of the level design, not player control |
| Multiple views per location | Cut between angles as the character moves |
| Transitions | Hard cuts (Resident Evil) or smooth slides (Final Fantasy VIII) between angles |
| Tank controls | Forward/backward + rotate input rather than absolute direction; works around perspective changes — see Tank Controls |
The fixed-camera tradition merged with horror specifically because the limited view creates tension — you can’t see what’s around the corner because the camera doesn’t show you.
Notable uses
| Game | Year | Application |
|---|---|---|
| Alone in the Dark | 1992 | Early pre-rendered horror |
| Myst | 1993 | Static-screen island exploration |
| Phantasmagoria | 1995 | Pre-rendered + FMV horror |
| Resident Evil | 1996 | Mansion environments — defined survival horror |
| Final Fantasy VII | 1997 | World locations — Midgar, Cosmo Canyon, Northern Crater |
| Grim Fandango | 1998 | LucasArts art-deco scenes — pre-rendered “depth-buffered 3D backgrounds” |
| Final Fantasy VIII | 1999 | Continued with refined technique |
| Resident Evil 2 | 1998 | Police-station environments |
| Resident Evil 3: Nemesis | 1999 | Raccoon City streets |
| Final Fantasy IX | 2000 | Last of the FF pre-rendered tradition |
| Onimusha | 2001 | Capcom’s Sengoku-era horror |
Character integration
| Challenge | Solution |
|---|---|
| Depth sorting | Z-buffer mask stored alongside the background image |
| Shadows | Baked into the background; character shadows are typically simple blobs |
| Collision | Invisible 3D collision geometry overlaid on the 2D background |
| Scale matching | Careful 3D model placement and per-scene scaling tables |
| Lighting | Character shaders match the pre-baked background lighting |
The collision geometry is its own art — invisible walls, ramps, and triggers placed by level designers to match what the rendered image suggests.
Decline factors
The pre-rendered tradition collapsed around 2002 as real-time hardware caught up:
| Change | Impact |
|---|---|
| Hardware improvement | PS2 / GameCube / Xbox could render scenes in real-time approaching pre-rendered quality |
| Player expectations | Free camera became the standard; fixed angles started feeling restrictive |
| Development cost | Multiple angles per scene = multiple background renders, expensive |
| Resolution scaling | 2D backgrounds don’t upscale — pre-rendered games look terrible on modern HD displays without remastering |
| Lighting freedom | Real-time lighting interacts with the world; baked lighting can’t |
Modern revival
The aesthetic returned in indie and AA games once nostalgia overpowered the inconvenience:
- Resident Evil 1 HD Remaster (2014) — re-rendered backgrounds at higher resolution, preserving the technique.
- Final Fantasy VII (PC, mobile, ports) — countless re-releases; FFVII Remake (2020) abandoned pre-rendered for full real-time, intentionally.
- Indie revivals — Tormentum, The Last Door, Detention use pre-rendered backgrounds for atmospheric horror.
- Octopath Traveler / HD-2D series (Square Enix, 2018+) — combines pre-rendered-feel 2D environments with 3D character sprites; modern reinterpretation.