need a three.js developer
Budget: $2 – $8 USD
Three.js Layer Fix Sought. There must be a clear understanding on my project before we proceed on this three.js DOM. My project currently has objects that should appear on a particular layer but instead appear on another, so that objects that should be above or beneath other objects are instead covered by (partly or entirely) or are covering the other objects. I include here three photos which should be helpful.
Each photo is numbered.
(1) This sample from OpenStreetMap.org shows how my page should function. The box at the top left covers labels and other map content when the map is dragged or zoomed. Zooming causes labels to change size, appear and disappear.
(2) Here is a sample shot of my project, showing a label (at bottom left) which gets covered by the "minimap" box in the top left corner. This photo shows the correct behavior of the labels and background when they come into the space occupied by the "minimap" box.
(3) The three photos in this strip show incorrect behavior in my project. "TEST_LABEL" appears atop the minimap but never should; "TEST_LABEL" is sometimes underneath the "TEST PNG" box and sometimes not, but always should be underneath.
I already have the programming in place to resize the labels when the scene is zoomed, and to make the labels appear and disappear at specific zoom settings. My only problem with the labels is that they appear atop the "minimap" box in the top left corner when they should instead go beneath the minimap box. The PNG labeled "TEST PNG" will not be part of the finished project. It is in place here as an aid to the programmer for testing the behavior of the labels after code changes after refreshing the page.
I seek a programmer who can fix my three.js and/ or javascript code so that the layers display or not display the labels in the ways I outline here. I can provide the programmer not only the full script file intended for browser windows to be seen by audiences, but also at least one shorter version of the script with fewer elements present, so that there will be less clutter to show up in Web Console during debugging.
Each photo is numbered.
(1) This sample from OpenStreetMap.org shows how my page should function. The box at the top left covers labels and other map content when the map is dragged or zoomed. Zooming causes labels to change size, appear and disappear.
(2) Here is a sample shot of my project, showing a label (at bottom left) which gets covered by the "minimap" box in the top left corner. This photo shows the correct behavior of the labels and background when they come into the space occupied by the "minimap" box.
(3) The three photos in this strip show incorrect behavior in my project. "TEST_LABEL" appears atop the minimap but never should; "TEST_LABEL" is sometimes underneath the "TEST PNG" box and sometimes not, but always should be underneath.
I already have the programming in place to resize the labels when the scene is zoomed, and to make the labels appear and disappear at specific zoom settings. My only problem with the labels is that they appear atop the "minimap" box in the top left corner when they should instead go beneath the minimap box. The PNG labeled "TEST PNG" will not be part of the finished project. It is in place here as an aid to the programmer for testing the behavior of the labels after code changes after refreshing the page.
I seek a programmer who can fix my three.js and/ or javascript code so that the layers display or not display the labels in the ways I outline here. I can provide the programmer not only the full script file intended for browser windows to be seen by audiences, but also at least one shorter version of the script with fewer elements present, so that there will be less clutter to show up in Web Console during debugging.
Related categories:
Three.js