Looking for senior Three.js developer for 2-3 months project.
Budget: $250 – $750 USD
I have three.js project the several functions need to be added.(No agency)
Description:
1. An initial display that does not require images to be loaded, displaying a sphere marker at the x,y,z location of each image datapoint
2. Add information to the sidebar to inform the user of the number of images selected as well as the maximum number of images allowed to be displayed in the format 'x of y selected for display'.
3. Provide the user an option to display images they have selected via a button in the sidebar.
Note: The maximum allowed number of images allowed to be displayed will be determined based on performance limitations. When user chooses to display images, if the number of images selected is over the maximum allowed, a popup message will inform them they have selected too many images. If the number of images is under the maximum allowed, thumbnails of the selected images should be displayed at their corresponding x,y,z coordinates and the remaining markers should have their opacity dropped to zero.
4. On hover, show a 3x3 grid of the 9 closest points in the sidebar
5. Update popup hover to show image closest to pointer
6. Update User tag markers as described in requirements doc
7. Provide visual indication of selected images by making sphere markers white
8. Add ability for user to deselect groups of images
9. Remove toggle switch for 'Display markers' in AI tag section of sidebar
If you read this description, when applying this project, please write " I AM THREE.JS EXPERT " to first line of bid text.
Description:
1. An initial display that does not require images to be loaded, displaying a sphere marker at the x,y,z location of each image datapoint
2. Add information to the sidebar to inform the user of the number of images selected as well as the maximum number of images allowed to be displayed in the format 'x of y selected for display'.
3. Provide the user an option to display images they have selected via a button in the sidebar.
Note: The maximum allowed number of images allowed to be displayed will be determined based on performance limitations. When user chooses to display images, if the number of images selected is over the maximum allowed, a popup message will inform them they have selected too many images. If the number of images is under the maximum allowed, thumbnails of the selected images should be displayed at their corresponding x,y,z coordinates and the remaining markers should have their opacity dropped to zero.
4. On hover, show a 3x3 grid of the 9 closest points in the sidebar
5. Update popup hover to show image closest to pointer
6. Update User tag markers as described in requirements doc
7. Provide visual indication of selected images by making sphere markers white
8. Add ability for user to deselect groups of images
9. Remove toggle switch for 'Display markers' in AI tag section of sidebar
If you read this description, when applying this project, please write " I AM THREE.JS EXPERT " to first line of bid text.