===== FILE: public/newworld/engine.js ===== /* ============================================================ ENGINE.js Category: CORE / RENDERING Purpose: Scene, camera, renderer, lights — the foundation Dependencies: THREE.js (CDN) Provides: Engine.scene, Engine.camera, Engine.renderer ============================================================ */ var Engine = (function(){ 'use strict'; /* ----- SCENE ----- */ var scene = new THREE.Scene(); scene.background = new THREE.Color(0x87ceeb); // Sky blue — light is ON scene.fog = new THREE.Fog(0x87ceeb, 100, 500); // Fade distance /* ----- CAMERA ----- */ var camera = new THREE.PerspectiveCamera( 75, // FOV: wide enough for mobile window.innerWidth/window.innerHeight, // Aspect: fills screen 0.1, // Near: 0.1 units 1000 // Far: 1000 units ); camera.position.set(0, 10, 20); // Start: above and behind origin /* ----- RENDERER ----- */ var renderer = new THREE.WebGLRenderer({ antialias: true, // Smooth edges preserveDrawingBuffer: true // REQUIRED for Eyes capture — without this, screenshots are black }); renderer.setSize(window.innerWidth, window.innerHeight); renderer.shadowMap.enabled = true; // Real-time shadows document.body.appendChild(renderer.domElement); /* ----- LIGHTS ----- */ // Ambient: base fill so nothing is pitch black var ambient = new THREE.AmbientLight(0xffffff, 0.9); scene.add(ambient); // Sun: directional key light with shadows var sun = new THREE.DirectionalLight(0xffffff, 1.2); sun.position.set(50, 100, 50); sun.castShadow = true; scene.add(sun); /* ----- RESIZE HANDLER ----- */ // Keeps aspect correct on rotation/resize (mobile critical) window.addEventListener('resize', function(){ camera.aspect = window.innerWidth/window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); /* ----- PUBLIC API ----- */ return { scene: scene, // Add objects here camera: camera, // Control viewpoint here renderer: renderer // Render calls go here }; })(); ===== FILE: public/newworld/index.html ===== New World
NEW WORLD