Regional introduction
The hidden village of the "Witch's Family" controlled by Roselia is the hometown of Emma and Clotide. It has a vast landscape like Gensokyo, and there are facilities for special ceremonies for witches near the village. It seems to be located in the Great Forest of Istmia in the southwestern part of the empire, but people who do not have the characteristics of being a witch cannot perceive the existence of the village.
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