Regional introduction
The state capital of Kruchin State in the eastern part of the empire, a metropolis governed by the family of the four famous Duke of El Barrea. It is called the "Emerald City" because of its emphasis on the beautiful streetscape of green. The surrounding area of Zhou is famous as the place where gems and fur are produced, and the craftsmen responsible for processing them often visit here.
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
