Panel Explorer

Build a timber-frame wall layer-by-layer. Pick cladding, insulation, stud depth, sheathing and service void; the live U-value, decrement delay and a scaled horizontal section update with each change. Use it for early-stage build-up exploration.

Wall build-up

Outside → inside

Drag to orbit

Indicative tool · combined-method calculation per BS EN ISO 6946 / BR443. Results are for early-stage design comparison only and must not be used in lieu of an accredited U-value calculation. λ-values, R-values and product properties shown are illustrative manufacturer-declared figures; verify against current technical datasheets before specification. Knight Designs Ltd accepts no liability for outcomes derived from use of this tool.

= // Keep the renderer + camera matched to the container size so the canvas // doesn't blur or distort when the viewport changes. function onResize() { const w = W(), h = H(); if (w === 0 || h === 0) return; renderer.setSize(w, h, false); camera.aspect = w / h; camera.updateProjectionMatrix(); } window.addEventListener('resize', onResize); if (typeof ResizeObserver !== 'undefined') { const ro = new ResizeObserver(onResize); ro.observe(container); } onResize(); // ===== Render loop ===== // requestAnimationFrame keeps the WebGL output in sync with camera changes // and any geometry rebuilds without manual render() calls everywhere. function tick() { renderer.render(scene, camera); requestAnimationFrame(tick); } tick(); })(); dler. function tick() { renderer.render(scene, camera); requestAnimationFrame(tick); } tick(); })();