Regional introduction
A residential higher education school located in Lu'an area. At the back door there is an old school building that has been built for hundreds of years. It was still in use about 20 years ago, and it is now blocked because a new school building is being built in the new school building.
Regional original painting
3D model
Browser compatibility
3D model interactive browsing is only supportedWebXR APIBrowsers, such as the latest version of Chrome, Firefox, etc. (Note: Safari is not supported)
Due to server bandwidth and model size limitations, model loading may be slow. function changePivotpoint(event) { //var model = document.querySelector(modelID); var model = event.target; var oX = event.offsetX; var oY = event.offsetY; var posandnormal = model.positionAndNormalFromPoint(oX,oY); if (posandnormal != null) { var position = posandnormal.position var normal = posandnormal.normal; var strPosition = position.x + " " + position.y + " " + position.z; var cameraTarget = position.x + "m " + position.y + "m " + position.z + "m"; var strNormal = normal.x + " " + normal.y + " " + normal.z; // var strPosandnormal = JSON.stringify(posandnormal); model.updateHotspot({"name": "hotspot-pivotpoint", "position": strPosition, "normal": strNormal}); model.cameraTarget = cameraTarget; } else { model.cameraTarget = cameraTarget; document.getElementById("pivotpoint").style.display = "none"; } }
Due to server bandwidth and model size limitations, model loading may be slow. function changePivotpoint(event) { //var model = document.querySelector(modelID); var model = event.target; var oX = event.offsetX; var oY = event.offsetY; var posandnormal = model.positionAndNormalFromPoint(oX,oY); if (posandnormal != null) { var position = posandnormal.position var normal = posandnormal.normal; var strPosition = position.x + " " + position.y + " " + position.z; var cameraTarget = position.x + "m " + position.y + "m " + position.z + "m"; var strNormal = normal.x + " " + normal.y + " " + normal.z; // var strPosandnormal = JSON.stringify(posandnormal); model.updateHotspot({"name": "hotspot-pivotpoint", "position": strPosition, "normal": strNormal}); model.cameraTarget = cameraTarget; } else { model.cameraTarget = cameraTarget; document.getElementById("pivotpoint").style.display = "none"; } }
Operation method
Left-click drag: rotate the view wheel: zoom
Double-click the model with the left button: focus on the angle of view
Double-click the model with the left button: focus on the angle of view
