Я пытаюсь правильно поставить камеру на dbId
определяет.
Для этого я запускаю в консоли javascript эту команду после установки представления так, как я хочу:
JSON.stringify(v.navigation.getCamera());
Но если я сделаю тест и попытаюсь загрузить результат напрямую, у меня будет ошибка:
v.navigation.setCamera(JSON.parse("{\"metadata\":{\"version\":4.3,\"type\":\"Object\",\"generator\":\"Ob...."))
Ошибка: camera.up is undefined
Другими словами, как можно вручную сохранить положение камеры и восстановить ее?
РЕДАКТИРОВАТЬ
Я пытаюсь сделать это с помощью setViewFromArray
:
viewerApp.myCurrentViewer.setViewFromArray([
454.76857106060265,
96.01886808305997,
212.6431659314611,
287.11932000223214,
167.19053946002487,
97.17925996096139,
-0.49285695792051964,
0.20923119682030047,
0.8445793777416518,
2.7467811158798283,
45.00000125223908,
1,
1
]);
Но это увеличивает масштаб в объекте и за его пределами ...
РЕДАКТИРОВАТЬ 2
Я нашел решение с restoreState()
и getState()
, но оно движется быстро, и эти методы, похоже, не ставятся в очередь.
Я хотел бы совершить виртуальное посещение моего здания ...
Редактировать 3
Я пытался использовать вашу функцию.Поэтому я перенес его для использования в файле Javascript:
var animate = false;
function tweenCameraTo(viewer, state) {
var targetTweenEasing = {
id: TWEEN.Easing.Linear.None,
name: 'Linear'
};
var posTweenEasing = {
id: TWEEN.Easing.Linear.None,
name: 'Linear'
};
var upTweenEasing = {
id: TWEEN.Easing.Linear.None,
name: 'Linear'
};
const targetEnd = new THREE.Vector3(
state.viewport.target[0],
state.viewport.target[1],
state.viewport.target[2])
const posEnd = new THREE.Vector3(
state.viewport.eye[0],
state.viewport.eye[1],
state.viewport.eye[2])
const upEnd = new THREE.Vector3(
state.viewport.up[0],
state.viewport.up[1],
state.viewport.up[2])
const nav = viewer.navigation
const target = new THREE.Vector3().copy(
nav.getTarget())
const pos = new THREE.Vector3().copy(
nav.getPosition())
const up = new THREE.Vector3().copy(
nav.getCameraUpVector())
//nav.setView (posEnd, targetEnd);
//nav.setCameraUpVector(upEnd);
var targetTween = createTween({
easing: targetTweenEasing.id,
onUpdate: (v) => {
nav.setTarget(v)
},
duration: 25000, //targetTweenDuration,
object: target,
to: targetEnd
}).then((r) => {console.log("targetTween");});
var posTween = createTween({
easing: posTweenEasing.id,
onUpdate: (v) => {
nav.setPosition(v)
},
duration: 25000,//posTweenDuration,
object: pos,
to: posEnd
}).then((r) => {console.log("posTween");});
var upTween = createTween({
easing: upTweenEasing.id,
onUpdate: (v) => {
nav.setCameraUpVector(v)
},
duration: 25000, //upTweenDuration,
object: up,
to: upEnd
}).then((r) => {console.log("upTween");});
Promise.all([
targetTween,
posTween,
upTween]).then(() => {
console.log("Fin animation");
animate = false;
})
runAnimation(true);
}
// var animId = null;
var runAnimation = function runAnimation (start) {
if(start || animate){
requestAnimationFrame(runAnimation);
TWEEN.update()
}
}
function createTween (params) {
return new Promise((resolve) => {
console.log("params.to", params.to);
new TWEEN.Tween(params.object)
.to(params.to, params.duration)
.onComplete(() => {resolve();})
.onUpdate(params.onUpdate)
.easing(params.easing)
.start()
})
}
Но когда я пытаюсь его использовать, это приводит меня к большому зуму, а не к моему зданию, например.Я что-то упустил, но я не вижу, что.
tweenCameraTo(viewer, {"viewport":{"name":"","eye":[888.5217895507812,-257.4985656738281,576.9136962890625],"target":[262.7552795410156,81.58747863769531,73.64283752441406],"up":[0,0,1],"worldUpVector":[0,0,1],"pivotPoint":[262.7552795410156,81.58747863769531,73.64283752441406],"distanceToOrbit":871.6906720725796,"aspectRatio":2.7507163323782233,"projection":"perspective","isOrthographic":false,"fieldOfView":45.00000125223908}});
tweenCameraTo(viewer, {"viewport":{"name":"","eye":[243.36675374870242,423.8180714045694,167.78380714288494],"target":[303.9841786300087,-347.23884414908446,-234.26269334678466],"up":[0.03614822612815841,-0.4598073869962326,0.8872826340076113],"worldUpVector":[0,0,1],"pivotPoint":[262.7552795410156,81.58747863769531,73.64283752441406],"distanceToOrbit":347.4897746012467,"aspectRatio":2.7507163323782233,"projection":"perspective","isOrthographic":false,"fieldOfView":45.00000125223908}});