Catalogue / Plate 38← All plates

A window that gives colour to light

Design leaded glass, move the sun and take away a measured order sheet.

38 / WebGL · material study · design tool

SampletonGLASS STUDIO

Made to measure.
Made to catch the light.

Your order sheet

THE WINDOW WORKSHOP / NO. 01

A little colour.
A different light.

Design a leaded window.
Watch the sun pass through it.
Take the making details with you.

YOUR WINDOW, IN LIGHTFlat glass study
123456789101112131415161718192021222324

Preparing the lit view. You can paint the drawing now.

450 × 750 mmSunburst / 24 panes
FOLLOW THE SUNDaylight / 10:11

Reduced motion is on. Set the sun with the slider for a still study.

Paint by tapping or dragging across the window. Keyboard: focus the preview, use arrows to choose a pane, then Enter to paint. The numbered drawing and pane list below offer another route.

24individual panes
06glasses in your palette
7.89 mlead, including border
£666.20illustrative total, incl. VAT

03 / FROM LIGHT TO MAKING

Keep every
little piece.

Your design, numbered and measured. A cut list for every pane, glass quantities and the estimate behind the colour.

One self-contained HTML file. Open it to print a 1:5 drawing or save as PDF. Nothing is sent to a studio.

Choose a glass, then paint a pane. Your first design is ready to take away.

NUMBERED GLAZING PLAN450 × 750 mm
123456789101112131415161718192021222324

Choose a numbered pane to apply your selected glass.

Pane list and cut sizes 24 editable panes

Change any glass directly. Width and height are approximate bounding boxes in mm, before lead clearances.

A price you can follow.

£95 setup + £240/m² glass (including 15% cutting allowance) + £14/pane cutting + £18/m lead. Illustrative GBP total, VAT included. Frame, fitting and delivery excluded.

Setup
£95.00
Glass, 0.338 m² + 15%
£93.15
Cutting, 24 panes
£336.00
Lead, 7.89 m
£142.05

Pane areas describe the full outlines. Shared lead edges count once. This is a design enquiry, with studio verification needed before cutting.

Your glass quantities.

Net glass area by stock. The downloaded sheet includes a separate 15% cutting allowance.

  • Amber cathedral0.0051 m²
  • Cobalt streaky0.0411 m²
  • Sea green antique0.0652 m²
  • Honey hammered0.0310 m²
  • Peacock blue0.0899 m²
  • Burnt orange0.1052 m²
Plain text design summary

Sampleton Glass Studio is an invented workshop. The glass names and prices are illustrative. This is a material and design study, not a safety glazing specification or a placed order. Your design stays in this tab until you download it.

Material study and measured render state

Hand-made texture and coloured transmission are procedural. A softened projection models the pools of light on the floor. It is an artistic approximation, not a daylight analysis.

No WebGL frame measured. The flat drawing and order sheet are ready.

Still views render only when changed. Playback pauses off screen and in background tabs.

Remake it

Build one interactive web page: Sampleton Glass Studio turns a small window into a working design enquiry. Paint individual panes with stock glasses, watch the coloured light slide across stone, then download a numbered drawing, complete cut list, quantities and a stated GBP estimate.

Set it on an invented business called Sampleton, with its own drawn or generated pictures and no one else's files. It suits: Made-to-measure glass workshops, material libraries and businesses where a visitor needs to turn a visual choice into a specification. Do not let it fail the way this kind of piece usually does: A beautiful surface with no useful output. Here the same geometry drives the lit window, editable flat drawing and measured cut list. Plain controls cover every pane, reduced motion holds the sun still and the order tool survives WebGL failure.

It must work with the keyboard, on a phone, with reduced motion respected and no text under 12px. Tell me which libraries you chose and why.
Notes: when it suits, when it does not, how it fails
When it suits
Made-to-measure glass workshops, material libraries and businesses where a visitor needs to turn a visual choice into a specification.
When it does not
Safety glazing certification, manufacturing templates or architectural daylight simulation.
How it fails
A beautiful surface with no useful output. Here the same geometry drives the lit window, editable flat drawing and measured cut list. Plain controls cover every pane, reduced motion holds the sun still and the order tool survives WebGL failure.

Made by Codex from Pete's brief: a stained glass window you design, lit by a moving sun. An invented Sampleton workshop with procedural glass, projected coloured light and a self-contained printable order sheet.