-
+
+
+
+
+ World URL:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Loading World Builder...
+
Enter a URL above or click a preset to start building worlds
+
+
+
+
+
+
-
Mode: Creation | Objects: 0
+
Mode: Iframe | Ready to load external world
@@ -1559,6 +1722,131 @@
addWorldObject('star', x, y);
});
+ // ===== IFRAME WORLD BUILDER =====
+ let worldMode = 'iframe'; // 'iframe' or 'local'
+ let currentWorldUrl = '';
+
+ const worldPresets = {
+ worldlabs: 'https://www.worldlabs.ai/discover',
+ worldlabs_create: 'https://www.worldlabs.ai/create',
+ threejs: 'https://threejs.org/examples/#webgl_animation_keyframes',
+ babylonjs: 'https://playground.babylonjs.com/',
+ aframe: 'https://aframe.io/examples/showcase/helloworld/',
+ sketchfab: 'https://sketchfab.com/3d-models?features=staffpicked&sort_by=-likeCount'
+ };
+
+ function setWorldUrl(url) {
+ document.getElementById('world-url-input').value = url;
+ loadWorldUrl();
+ }
+
+ function loadWorldUrl() {
+ const input = document.getElementById('world-url-input');
+ const url = input.value.trim();
+
+ if (!url) {
+ showNotification('World Builder', 'Please enter a URL');
+ return;
+ }
+
+ // Validate URL
+ try {
+ new URL(url);
+ } catch {
+ showNotification('World Builder', 'Invalid URL format');
+ return;
+ }
+
+ currentWorldUrl = url;
+ const iframe = document.getElementById('world-iframe');
+ const loading = document.getElementById('iframe-loading');
+
+ // Show loading state
+ loading.classList.remove('hidden');
+ loading.innerHTML = `
+
+
Loading: ${url}
+
Connecting to external world builder...
+ `;
+
+ // Set iframe src
+ iframe.src = url;
+
+ // Update status
+ document.getElementById('world-url-status').textContent = `Loading: ${new URL(url).hostname}`;
+
+ // Handle load event
+ iframe.onload = () => {
+ loading.classList.add('hidden');
+ document.getElementById('world-url-status').textContent = `Connected: ${new URL(url).hostname}`;
+ showNotification('World Builder', `Loaded: ${new URL(url).hostname}`);
+
+ // Log to soul document
+ addSoulEntry('memory', `Explored a new world at ${new URL(url).hostname}. The universe expands...`);
+ };
+
+ // Handle error
+ iframe.onerror = () => {
+ loading.innerHTML = `
+
+
Unable to Load World
+
The site may block iframe embedding.
+
Try opening in a new tab: ${url}
+
+ `;
+ document.getElementById('world-url-status').textContent = 'Error loading world';
+ };
+ }
+
+ function loadPresetWorld(preset) {
+ const url = worldPresets[preset];
+ if (url) {
+ setWorldUrl(url);
+ }
+ }
+
+ function toggleWorldMode() {
+ const iframeContainer = document.getElementById('world-iframe-container');
+ const urlBar = document.getElementById('world-url-bar');
+ const localContainer = document.getElementById('world-local-container');
+ const modeStatus = document.getElementById('world-mode-status');
+
+ if (worldMode === 'iframe') {
+ // Switch to local mode
+ worldMode = 'local';
+ iframeContainer.style.display = 'none';
+ urlBar.style.display = 'none';
+ localContainer.style.display = 'flex';
+ modeStatus.textContent = 'Local Canvas';
+ document.getElementById('world-url-status').textContent = 'Building locally';
+ initWorldCanvas();
+ showNotification('World Builder', 'Switched to Local Mode');
+ } else {
+ // Switch to iframe mode
+ worldMode = 'iframe';
+ iframeContainer.style.display = 'block';
+ urlBar.style.display = 'block';
+ localContainer.style.display = 'none';
+ modeStatus.textContent = 'Iframe';
+ document.getElementById('world-url-status').textContent = currentWorldUrl
+ ? `Connected: ${new URL(currentWorldUrl).hostname}`
+ : 'Ready to load external world';
+ showNotification('World Builder', 'Switched to Iframe Mode');
+ }
+ }
+
+ // Handle Enter key in URL input
+ document.addEventListener('DOMContentLoaded', () => {
+ const urlInput = document.getElementById('world-url-input');
+ if (urlInput) {
+ urlInput.addEventListener('keypress', (e) => {
+ if (e.key === 'Enter') {
+ loadWorldUrl();
+ }
+ });
+ }
+ });
+
// ===== INITIALIZATION =====
window.addEventListener('load', () => {
updateTaskbar();