Knowledge Base
Find answers to frequently asked questions about our services, products, and processes.
How to programmatically add clickable hotspots and multimedia pop-ups in a Three.js 3D environment?
In Three.js, create hotspot markers as sprite meshes or HTML overlay elements positioned in 3D space using CSS2DRenderer. Use raycasting (THREE.Raycaster) to detect mouse/touch intersections with hotspot objects. On click, trigger pop-up overlays containing images, video, text, or links. For VR mode, implement gaze-based interaction where hovering the reticle on a hotspot for a threshold duration triggers the same action.
Can I create a performant 3D real estate viewer using only Vanilla JavaScript and Three.js?
Absolutely. Three.js with Vanilla JavaScript is a lightweight, dependency-free approach that produces highly performant 3D viewers. Load GLTF/GLB models with GLTFLoader, implement OrbitControls for navigation, and add environment maps for realistic material rendering. Without framework overhead (React, Vue, etc.), the initial bundle stays small and rendering performance is maximized — critical for mobile devices viewing heavy 3D property scenes.