Skip to content

Tutorials

Light and Shadow

about 6 hours 15 chapters

Light a castle hall at night, one control at a time: lanterns and their shadows, a cone, moonlight, stained glass, a shaft through a door, glowing glass, normal-mapped bricks, flickering flames, a candle of your own and a glow, and what each costs on a phone, then a gallery of six lit scenes.

The finished hall, playing: a castle hall at night with a bright arched window in the middle and a small moon above it; a warm lantern at the left, a second lantern in an arch niche at the right, a pool of coloured stained-glass light on the floor under the window, a timber leaning by the doorway, and a pale shaft of light from the doorway. The lanterns’ flames flicker, then lightning washes the whole hall in a pale flash, a second flash follows a moment later, and the hall settles back to its dark
On this page

The hall

Light and Shadow lights one scene, the Old Hall: a castle hall at night, drawn in pixel art. The camera is fixed on a composed hall, so it is a showroom. You press Play and watch it; nothing is steered. You start from a starter with the hall built and no light in it, and add light to it, a control at a time. A last chapter then lights six small scenes of their own, each a recipe to take into your own game.

The tutorial is for learning every lighting control to the end. Each one is defined with what it does, its unit and the range that looks right in the hall. A control whose effect is not obvious is shown at the values that matter, side by side. A note says why wherever a result surprises you, and what it costs wherever it costs, on a phone most of all. Each effect ends with its values in a table, so you can build it again in your own game.

Each part ends on a hall that looks finished at its level:

The hall at the end of Part 1: dark and blue-green, with the first and the second lanterns lit warm on their round patches of bricks and the third a green wash on the stone beside the window; the two pillars each throw a dark shadow across the floor, and the window’s glass is a pale grey-green
Basic, after chapter 4.
The hall at the end of Part 2: the three lanterns, a faint cone of light falling from the bay’s left column, the pillars’ shadows slanting with the moonlight, a small pool of coloured stained-glass light on the floor under the window, a pale shaft from the doorway at the right with a timber leaning beside it, the second lantern in its arch niche, the window’s glass glowing white, a moon above the arch and two runes lit on the floor
Simple, after chapter 9.
The hall at the end of Part 3: the same lights as Part 2, with a soft halo round the window’s glass and the first lantern’s glass, the corners of the picture darker, a moon above the arch, and the stained-glass pool, the doorway’s shaft and a leaning timber at the right
Pro, the hall with its glow, after chapter 13. Chapter 14 then trims it for a phone, and chapter 15 leaves the hall for six scenes of their own.

What you need

  • Rengy, installed, on Windows or Linux. Getting started installs it and shows you round the editor.
  • The starter, light-and-shadow.zip: the hall built and unlit, with every picture it uses. Unzip it somewhere outside your other projects; in the editor’s launcher, choose Open project… and pick the light-and-shadow folder.
  • Nothing else. Parts 1 and 2 are all clicks. Part 3 has five short Rengy Script files and two small shaders, which the editor runs as they are, with nothing to install.

The hall’s art is from the Gothicvania collection by ansimuz (Luis Zuno), in the public domain (CC0). The starter holds the two pictures the hall uses, five more from the collection for the gallery, and fifteen small ones cut out of them or drawn.

Three parts

You can stop after any of them: each leaves you a hall that works. The chapters below are listed by part.

  • Basic, chapters 1 to 4: the hall at night. A cold ambient, three lanterns, the pillars’ shadows, soft shadows and colours that mix.
  • Simple, chapters 5 to 9: shaping light. A cone from a sconce, moonlight through the window, stained glass on the floor, a shaft through a doorway, and sprites that glow or show only in the light.
  • Pro, chapters 10 to 15: depth, life and cost, then a gallery. Bricks with depth, flickering and sputtering flames, lightning, a candle of your own, a glow and a second look at the door, the hall budgeted for a phone and exported, and six lit scenes to take into your own game.

How long it takes

The fifteen chapters take about six hours at the keyboard, in sittings of fifteen to forty-five minutes.Every chapter ends at a place you can stop, with a Check it works box that says what you should see.

The chapters

Part 1 · Basic

The hall at night: a cold ambient, three lanterns, the pillars’ shadows, soft shadows and mixed colours.

  1. 1 Light starts from darkness Open the starter, see why a room with no light draws at full brightness, and give the hall its darkness with an Ambient Light. 15 min
  2. 2 A lantern Light the first lantern with a Point light, and see what its Radius, Intensity and Color each do to the bricks round it. 20 min
  3. 3 Shadows Let the pillars block the lantern with Occluders, see why an occluder sits in its own shadow, and why the floor must not cast. 20 min
  4. 4 Soft shadows, many lights Widen the lantern so its shadows soften, light the other two lanterns, and see how lights add and their colours mix. 20 min

Part 2 · Simple

Shaping light: a cone from a sconce, moonlight through the window, stained glass on the floor, a shaft through a doorway, and sprites that glow or show only in the light.

  1. 5 A cone Hang a sconce on the bay’s column and aim a cone of light at the floor: Kind, Direction and Angle, and the cone’s soft edge. 15 min
  2. 6 Moonlight Wash the whole hall in cold moonlight with a Directional light, and slant the pillars’ shadows across the floor. 15 min
  3. 7 Stained glass Lay a pool of coloured light on the floor under the window with a Sprite light and a picture of stained glass. 15 min
  4. 8 A shaft through the door Open the doorway and the arch, give the arch an occluder of its real shape, spill a shaft of light from the door with a Freeform light, and turn an occluder with a fallen timber. 30 min
  5. 9 Sprites in the light Make the lantern glass and the window glow with Unshaded, show runes only where light falls, and light the hall through all four channels. 25 min

Part 3 · Pro

Depth, life and cost, and a gallery: bricks with depth, flames that flicker and a lantern that sputters, lightning, a candle of your own, a glow and a second look at the door, the hall budgeted for a phone and exported, and six lit scenes to take into your own game.

  1. 10 Depth from normal maps Make a normal map from the back wall’s own picture, give it to the wall, and let the lanterns rake across the bricks. 20 min
  2. 11 Living light Your first scripts: the lanterns’ flames flicker and breathe, lightning flashes through the window every seven seconds, and the second lantern sputters. 30 min
  3. 12 Your own falloff Write a light shader for the third lantern, a candle with a bright ring that wavers, and set its values in the Inspector. 25 min
  4. 13 Glow Give the hall a look with a Post Volume: a glow on the window, a touch of warmth, darker corners, a second look by the door that only a camera inside it would see, and why the light stays smooth. 30 min
  5. 14 Light on a phone Count what the hall’s lights cost, see it at a phone’s tier, budget it from 14 light draws to 8, and export it. 30 min
  6. 15 A gallery of lights Six small scenes lit from scratch with what you have learned — a neon sign, a searchlight, a campfire, a day turning to night, a lava pool and light through blinds — each a recipe to take into your own game. 45 min

Start with chapter 1, Light starts from darkness →