toggle/switch interpretative system, no overlap, auto-align 0-60 */
(function(){
if(document.getElementById('creator-ui')) return;
var goldMat = new THREE.MeshStandardMaterial({color:0xd4a017, roughness:0.4, metalness:0.6});
var marbleMat = new THREE.MeshStandardMaterial({color:0xf5f5f5, roughness:0.3});
var cyanMat = new THREE.MeshStandardMaterial({color:0x00ccff, roughness:0.3, metalness:0.5});
// Toggle switch CSS
var toggleCSS = '';
var panel = document.createElement('div');
panel.id = 'creator-ui';
panel.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:10002;' +
'background:rgba(5,5,10,0.95);display:none;flex-direction:column;color:#ffd700;font-family:system-ui;';
panel.innerHTML = toggleCSS +
'
' +
'
THE CREATOR
' +
'' +
'
' +
'
' +
// Blocks (toggles)
'
' +
'
BLOCKS
' +
'
โฌ Cube
' +
'
โณ V-Core
' +
'
๐ผ Pylon
' +
'
๐บ Tetra
' +
'
๐ผ Pyramid
' +
'
' +
// Tools (toggles)
'
' +
'
TOOLS
' +
'
๐ Select
' +
'
โฅ Move
' +
'
๐ Rotate
' +
'
โคข Scale
' +
'
๐ Duplicate
' +
'
๐จ Color
' +
'
๐ Align 0-60
' +
'
๐ Delete
' +
'
โฉ Undo
' +
'
Flip a block switch to spawn it
' +
'
';
document.body.appendChild(panel);
var undoStack = [];
var selected = null;
var activeTool = 'select';
var placedBlocks = [];
function status(msg){ var el = document.getElementById('creator-status'); if(el) el.textContent = msg; }
// NO OVERLAP: check bounding boxes
function wouldOverlap(newObj){
var newBox = new THREE.Box3().setFromObject(newObj);
for(var i=0; i