Kingdom of Pubertatem โ Interactive Map Prototype
PROTOTYPE
Interaction demo only โ nothing is saved, no payments, no emails. Refreshing resets everything.
0 OF 8 PORTALS OPENED
๐ YOUR KEY RING
In the real book, a key is hidden mid-chapter and the compass sends her here.
Tap a key below to simulate finding it in the pages.
Drag any portal to its correct spot on the map, then send this list to your developer.
e.left=p.x+'%'; el.style.top=p.y+'%';
writeCoords();
e.preventDefault();
};
const end=()=>{ dragging=false; el.classList.remove('dragging'); };
el.addEventListener('mousedown',start);
el.addEventListener('touchstart',start,{passive:false});
window.addEventListener('mousemove',move);
window.addEventListener('touchmove',move,{passive:false});
window.addEventListener('mouseup',end);
window.addEventListener('touchend',end);
}
function writeCoords(){
document.getElementById('coords').textContent=
PORTALS.map(p=>'Portal '+p.n+' '+p.name.padEnd(24,' ')+
'x: '+p.x.toFixed(1)+'% y: '+p.y.toFixed(1)+'%').join('\n');
}
paint();
