jessikitty/newbury-exhibit-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update Tue 07/14/2026 16:07:05.30

Browse Source
This commit is contained in:
jessikitty
2026-07-14 16:07:06 +10:00
parent f2bfad7ee2
commit ac1bb7121a
7 changed files with 225 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin/print.html
+35 -3
View File
@@ -11,6 +11,7 @@
</style></head>
<body>
<div id="hdr"></div>
<div id="rose" style="padding:8mm 10mm 0"></div>
<div class="sheet" id="sheet"></div>
<script src="/vendor/cv.js"></script>
@@ -45,12 +46,43 @@ for (const a of scene.anchors) {
if (code[y * 4 + x] === '1') ctx.fillRect((x + 1) * 10, (y + 1) * 10, 10, 10);
}
div.appendChild(cv);
// Compass: bearing the print's TOP edge (flat) or FACE (wall) must point.
// 0° = N = +Z (back of table), 90° = E = +X, 180° = S (front), 270° = W.
const brg = a.mount === 'wall'
? ((a.yawDeg % 360) + 360) % 360
: (((180 + a.yawDeg) % 360) + 360) % 360;
const dirName = ['N','NE','E','SE','S','SW','W','NW'][Math.round(brg / 45) % 8];
const rose = document.createElement('canvas');
rose.width = rose.height = 120;
rose.style.width = rose.style.height = '18mm';
const rc = rose.getContext('2d');
rc.translate(60, 60);
rc.strokeStyle = '#000'; rc.lineWidth = 2;
rc.beginPath(); rc.arc(0, 0, 52, 0, 7); rc.stroke();
rc.font = 'bold 16px system-ui'; rc.textAlign = 'center'; rc.textBaseline = 'middle'; rc.fillStyle = '#000';
rc.fillText('N', 0, -40); rc.font = '12px system-ui';
rc.fillText('E', 40, 0); rc.fillText('S', 0, 40); rc.fillText('W', -40, 0);
rc.save(); rc.rotate(brg * Math.PI / 180); // needle at target bearing
rc.beginPath(); rc.moveTo(0, 10); rc.lineTo(0, -46);
rc.lineTo(-6, -34); rc.moveTo(0, -46); rc.lineTo(6, -34);
rc.lineWidth = 3; rc.stroke(); rc.restore();
rose.style.verticalAlign = 'middle'; rose.style.marginLeft = '3mm';
div.appendChild(rose);
div.insertAdjacentHTML('beforeend',
`<div class="cap"><b>Crest #${a.markerId}</b> · ${a.sizeMM} mm · ${a.mount}` +
`${a.mount === 'wall' ? ` · yaw ${a.yawDeg}°` : ''}<br>` +
`pos ${a.position.map(v => v.toFixed(1)).join(', ')} cm</div>`);
`<div class="cap"><b>Crest #${a.markerId}</b> · ${a.sizeMM} mm · ${a.mount}<br>` +
(a.mount === 'wall'
? `mount vertically, this way up · print <b>faces ${brg}° ${dirName}</b>`
: `lay flat · <b>top edge of print → ${brg}° ${dirName}</b>`) +
`<br>pos ${a.position.map(v => v.toFixed(1)).join(', ')} cm</div>`);
sheet.appendChild(div);
}
document.getElementById('rose').innerHTML =
`<b>Table compass:</b> N (0°) = +Z, the <u>back</u> of the table · E (90°) = +X, the right ·
S (180°) = front · W (270°) = left. Each crest below shows the bearing its arrow must point —
align the needle with the table compass and the AR maths will line up exactly.`;
if (!scene.anchors.length) sheet.innerHTML = '<p style="padding:20px">No anchors in the scene yet — add some in the Layout editor.</p>';
</script>
</body></html>