text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .instr { font-size: 13px; opacity: 0.9; }

1d:T20d2,import * as THREE from 'three'; import { AmbientLight, DirectionalLight } from 'three'; import { World } from './world.js'; import { PlayerControls } from './controls.js'; import { Materials } from './materials.js'; // Setup renderer and scene const container = document.getElementById('game'); const scene = new THREE.Scene(); scene.background = new THREE.Color(0x87CEEB); const camera = new THREE.PerspectiveCamera(75, container.clientWidth / container.clientHeight, 0.1, 1000); camera.position.set(0, 5, 10); const renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(container.clientWidth, container.clientHeight); renderer.setPixelRatio(window.devicePixelRatio); renderer.shadowMap.enabled = true; container.appendChild(renderer.domElement); // lights const ambient = new AmbientLight(0xffffff, 0.65); scene.add(ambient); const sun = new DirectionalLight(0xffffff, 0.8); sun.position.set(10, 20, 10); sun.castShadow = true; sun.shadow.camera.left = -30; sun.shadow.camera.right = 30; sun.shadow.camera.top = 30; sun.shadow.camera.bottom = -30; sun.shadow.mapSize.set(2048,2048); scene.add(sun); // ground plane (invisible collider) const groundGeo = new THREE.PlaneGeometry(1000, 1000); const groundMat = new THREE.ShadowMaterial({ opacity: 0.2 }); const ground = new THREE.Mesh(groundGeo, groundMat); ground.rotation.x = -Math.PI/2; ground.position.y = 0; ground.receiveShadow = true; scene.add(ground); // world const world = new World(24, 10, 24); world.generateFlat(); world.buildMesh(); world.addToScene(scene); // player controls const controls = new PlayerControls(camera, renderer.domElement); // Raycaster for block add/remove const raycaster = new THREE.Raycaster(); const pointer = new THREE.Vector2(); function screenToPointer(x, y) { const rect = renderer.domElement.getBoundingClientRect(); pointer.x = ((x - rect.left) / rect.width) * 2 - 1; pointer.y = -((y - rect.top) / rect.height) * 2 + 1; } function addBlockAtIntersect(intersect, id = 1) { // compute block coordinates from intersection point + face normal const point = intersect.point.clone().add(intersect.face.normal.clone().multiplyScalar(0.5)); const local = point.clone(); local.x += world.width/2; local.z += world.depth/2; const bx = Math.floor(local.x); const by = Math.floor(local.y + 0.0001); const bz = Math.floor(local.z); if (world.inBounds(bx, by, bz)) { world.setBlock(bx, by, bz, id); world.rebuild(scene); } } function removeBlockAtIntersect(intersect) { const point = intersect.point.clone().sub(intersect.face.normal.clone().multiplyScalar(0.5)); c