TITLE: DRAFTING ROOM — CASA LUMEN · Sheet A-101
PROMPT: Design 'DRAFTING ROOM', an architect's drafting table: blueprint aesthetic but warm — cream trace paper over a subtle grid, ink linework, dimension strings with arrow ticks, title block in the corner (project: CASA LUMEN, scale 1:100, sheet A-101). Centerpiece: a small house floor plan that draws itself line by line, then fills rooms with pale washes and labels (SALA, COZINHA, QUARTO). Interactions: LAYERS toggles furniture, electrical, and dimension overlays; a section-cut slider sweeps a cut plane across the plan revealing a simple section view; hovering a room highlights it and shows its area; measure mode clicks two points to place a dimension string; a REVISE button slams a revision cloud around the plan. Meticulous, professional, draftsmanship romance.
DESCRIPTION: A working architect's sheet on warm cream trace over a two-tier drafting grid (8 mm minor, 80 mm major), pinned at the corners against a dark desk. The plan of CASA LUMEN — a 14×9 m house with five labelled rooms — draws itself stroke by stroke over ~4 s using a length-budgeted progressive path animation, then fills each room with pale watercolour washes and prints names and areas beneath. A proper corner title block (project, sheet A-101, scale 1:100, initials, revision cell) sits over the drawing; dimension strings with 45° slash ticks chain along both axes; door swings, glazing, and furniture are all drawn in real architectural convention. The section-cut slider sweeps a dashed A–A′ cut plane across the plan while a small SEÇÃO panel redraws the simple section profile with the cut wall sliding.
TECHNIQUES: Single canvas scene composited as independent layer passes (wash → walls → windows → doors → furniture → electrical → labels → dims → cut → section → revision cloud → measure overlay); progressive stroke animation by accumulated wall-length budget; metre-space world model with screen-space transform helpers; room hit-testing for hover highlight and live area readout; arc-chained revision cloud that ratchets around the plan perimeter; pointer-capture measure mode with live rubber-band and metre conversion; DPR-aware resizing; layer toggles with aria-pressed; prefers-reduced-motion skips the draw-on animation entirely.
INTERACTION: The plan draws itself on load. FURNITURE / ELECTRICAL / DIMS toggles overlay layers; the SECTION slider sweeps cut A–A′ with a live section inset; hovering rooms highlights them and prints name + area in the status bar; MEASURE mode places two clicks to drop a red dimension string in metres; REVISE stamps the revision number in the title block and slams a cloud around the plan.