This morning I discovered a hyperlink on Hacker Information to a glasses-free 3D webpage. This Dragon Courtyard demo makes use of your gadget’s webcam to trace your head movement after which applies movement parallax to make it really feel such as you’re trying by a window right into a 3D scene.
I made a decision to see if the identical method might be utilized to a 3D map. The result’s this Head Tracked 3D Map.
The idea is straightforward and fairly efficient. As a substitute of shifting the 3D scene along with your mouse, the webpage strikes the digital digicam based mostly on the place of your head detected by your webcam. Utilizing MediaPipe FaceMesh, the browser estimates the place of key facial landmarks in actual time – particularly the tip of your nostril, which serves as a simple proxy for the place your head is.
As your head shifts left, proper, up, or down, the code interprets that motion into small modifications within the map’s bearing (horizontal rotation) and pitch (vertical tilt). As a consequence the buildings and streets seem to shift naturally, as if you happen to’re peering round them.
The end result makes a pleasant demo however in all probability would not have too many sensible functions.The method might discover a area of interest in sure interactive experiences – as an illustration, in light-weight 3D map video games or easy flight simulators the place a way of depth might improve immersion.
When you do personal a pair of 3D glasses then you may also take pleasure in this 3D Stereoscopic Anaglyph and Crossview Map.
A 3D anaglyph picture works by putting two pictures of the identical factor, taken one eye width aside. One of many pictures is tinted pink and the opposite blue. The 2 pictures are then superimposed on high of one another. Whenever you then have a look at your anaglyph picture with 3D anaglyph glasses the picture seems to be in 3D.
The 3D Stereographic Anaglyph and Crossview Map works on precisely the identical precept. Solely on this case a pink tinted map is overlayed on high of a blue tinted map to create a 3D map – you probably have a pair of 3D anaglyph glasses to view it with it.
