Projector Builder<script> // interactive: any change recomputes and redraws — GET keeps every state shareable as a URL document.querySelectorAll('.sw-build-form input, .sw-build-form select').forEach(function(el){ el.addEventListener('change', function(){ el.form.requestSubmit ? el.form.requestSubmit() : el.form.submit(); }); }); </script> <script> (function(){ var drag = null; function liveFetch(){ if(!drag || drag.want === undefined || drag.want === drag.sent){ if(drag) drag.busy = false; return; } var d = drag; d.busy = true; d.sent = d.want; var qs = new URLSearchParams(location.search); // carry the form's current state so untouched fields keep their values var form = document.querySelector('.sw-build-form'); if(form) new FormData(form).forEach(function(v, k){ qs.set(k, v); }); qs.set(d.h.dataset.input, d.sent); qs.set('frag', '1'); var seq = (d.seq = (d.seq || 0) + 1); fetch(location.pathname + '?' + qs.toString()) .then(function(r){ return r.text(); }) .then(function(html){ if(!drag || drag !== d || seq !== d.seq){ return; } // drag ended or superseded if(html && html.indexOf('<svg') === 0){ var box = d.svg.closest('.sw-scenebox'); box.innerHTML = html; d.svg = box.querySelector('.sw-scene'); // re-bind onto the new scene var nh = d.svg && d.svg.querySelector('.sw-handle[data-input="' + d.h.dataset.input + '"]'); if(nh){ d.h = nh; } } }) .catch(function(){}) .then(function(){ if(drag === d){ d.busy = false; liveFetch(); } }); } function clientToView(svg, dx, dy){ var m = svg.getScreenCTM(); // uniform scale — a is px-per-viewBox-unit return [dx / m.a, dy / m.d]; } document.addEventListener('pointerdown', function(e){ var h = e.target.closest && e.target.closest('.sw-handle'); if(!h) return; e.preventDefault(); drag = {h: h, svg: h.closest('svg'), x0: e.clientX, y0: e.clientY, v0: parseFloat(h.dataset.value), kx: parseFloat(h.dataset.kx), ky: parseFloat(h.dataset.ky), step: parseFloat(h.dataset.step), min: parseFloat(h.dataset.min), max: parseFloat(h.dataset.max)}; try{ h.setPointerCapture && h.setPointerCapture(e.pointerId); }catch(_e){} }); document.addEventListener('pointermove', function(e){ if(!drag) return; var d = clientToView(drag.svg, e.clientX - drag.x0, e.clientY - drag.y0); var units = (d[0] * drag.kx + d[1] * drag.ky) / (drag.kx * drag.kx + drag.ky * drag.ky); var v = Math.max(drag.min, Math.min(drag.max, drag.v0 + units)); if(drag.h.dataset.snaps){ // discrete values (achievable heights) var best = null, bd = 1e18; drag.h.dataset.snaps.split(',').forEach(function(sv){ var f = parseFloat(sv), diff = Math.abs(f - v); if(diff < bd){ bd = diff; best = f; } }); v = best; } else { v = Math.round(v / drag.step) * drag.step; } drag.v = v; var lbl = drag.h.querySelector('.sw-handle-lbl'); if(lbl) lbl.textContent = (drag.h.dataset.fmt || '{:g} m').replace(/\{:[^}]*\}/, function(){ return drag.step >= 1 ? Math.round(v) : v.toFixed(1).replace(/\.0$/, ''); }); // LIVE recompute: every snapped step refetches the server-drawn scene (?frag=1), so decks // and panels genuinely appear/disappear under the pointer — no rubber-band stretch. One // request in flight at a time, latest value wins, stale responses dropped by sequence. if(drag.v !== drag.sent){ drag.want = drag.v; if(!drag.busy){ liveFetch(); } } }); function finish(){ if(!drag) return; var d = drag; drag = null; if(d.v === undefined || d.v === d.v0) return; var form = document.querySelector('.sw-build-form'); var field = form && form.querySelector('[name="' + d.h.dataset.input + '"]'); if(!field) return; if(field.tagName === 'SELECT'){ // e.g. stage height — snap to the nearest option var best = null, bd = 1e9; Array.prototype.forEach.call(field.options, function(o){ var diff = Math.abs(parseFloat(o.value) - d.v); if(diff < bd){ bd = diff; best = o; } }); if(best) field.value = best.value; } else { field.value = d.step >= 1 ? Math.round(d.v) : d.v.toFixed(1); } form.requestSubmit ? form.requestSubmit() : form.submit(); } document.addEventListener('pointerup', finish); document.addEventListener('pointercancel', finish); })(); </script>

Epson EB-PU1007B 7K Laser Projector × 1	£100.00/day
Epson ELPLM15 Mid Throw Lens × 1	£25.00/day

Indicative day rates — your order reprices over the exact hire period.

Epson EB-PU1008B 8.5K Laser Projector × 1	£130.00/day
Epson ELPLM08 Mid Throw Lens × 1	£25.00/day

Indicative day rates — your order reprices over the exact hire period.

Epson EB-PU1008B 8.5K Laser Projector × 1	£130.00/day
Epson ELPLM15 Mid Throw Lens × 1	£25.00/day

Indicative day rates — your order reprices over the exact hire period.

Projector Builder