Regional introduction
The ancient ruins of the Middle Ages located in the Mainz region of Closberg, which used to be the experimental site of the D∴G Order. There is a big bell on the top of the monastery, and the sound of the bell is a symbol of change.
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