BẢN ĐỒ 3D TƯƠNG TÁC · KHOA HỌC CÔNG NGHỆ, ĐỔI MỚI SÁNG TẠO & CHUYỂN ĐỔI SỐ (252 m²)

Ứng dụng gắn THREE.OrbitControls(camera, renderer.domElement) với enableDamping = true. Khi bạn giữ chuột trái và kéo, camera tính toán góc phương vị (Azimuth) và góc cực (Polar) quanh tâm nhìn controls.target.

Khi bạn nhấp chuột lên màn hình, THREE.Raycaster bắn một tia từ vị trí con trỏ 2D xuyên vào không gian 3D để tìm khối hình học gần nhất (raycaster.intersectObjects), từ đó hiển thị thông số phân khu tương ứng ở bảng bên phải.

Toàn bộ các tấm backdrop sân khấu, cổng chào, dải logo (5G, NEW BRAIN, Gigo, UBTECH, MAXHUB, OVR D2, MITA, KONICA MINOLTA, CASTI, ODA, Viettel) và màn hình TV được vẽ động bằng THREE.CanvasTexture và ánh xạ lên các khối hình học 3D đúng theo tỷ lệ mặt bằng trong 8 bức ảnh.