Skip to content

Hamza-Rafique/heatmap-threejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

U will be given GLB file and base on Gaze Data from Game engine, it needs to output a heatmap like this attached image

Another example

image

https://community.cesium.com/t/applying-colored-heatmaps-to-buildings-as-3d-tiles/9688


  • use React and ThreeJS can use BabylonJS if u want.
  • Implement heatmap on GLB file from data given
  • Should not be tide to one GLB, so logic should be any GLB and the data from that scene It should feel and look like provided screenshot POSX and POZ is cords which u need to use

This GLB has a region of

"regions" : [
        {
            "name" : "Tracker",
            "minX" : "-108.8917",
            "maxX" : "84.31494",
            "minZ" : "-36.81385",
            "maxZ" : "127.0695"
        }
    ]

in provided screenshot u can see 2D map with same positions

Screenshot 2024-09-07 at 17 06 41

About

using reactjs threejs created heatmap and loading glt 3d

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors