Project Description
a web application that showcases a 3D model and allows users to navigate through it and view different hotspots. It includes functions for handling hotspot interactions, controlling the camera view, and displaying a progress bar. Here's a breakdown of the code
3D Models
• From physical to digital
• Workflow
• Retopology
• Purchased models
• Optimization for AR
Features
Camera Control Functions:
resetCameraPercent(): Resets the camera to its original position and field of view.
toggleInterpolation(): Starts or stops the interpolation animation between two camera positions.
CameraFadeInAnimation(): Fades in the background to create a vignette effect.
CameraFadeOutAnimation(): Fades out the background to remove the vignette effect.
Hotspot Handling Functions:
annotationClicked(): Handles clicked hotspots by changing the camera view and hiding the clicked hotspot.
hotspotHandler(): Checks for clicked hotspots and calls annotationClicked() for relevant hotspots.
Navigation Functions:
btn.onclick: Handles clicking the "Next" button, incrementing the current highlight index and calling the corresponding camera function.
btn1.onclick: Handles clicking the "Previous" button, decrementing the current highlight index and calling the corresponding camera function.
Hotspot Display Functions:
showHotspot(element): Displays the given hotspot element.
hideHotspot(element): Hides the given hotspot element.
Interaction Handling:
lastInteractionTime: Stores the timestamp of the last user interaction.
interactionTimeout: Sets a timeout of 250 milliseconds to prevent accidental button activations.
disableInterpolation(): Disables the interpolation animation to prevent unwanted camera movement during interactions.
Button Display and Hiding:
showButton(): Displays all buttons and the score display.
hideButton(): Hides all buttons and the score display.