私のデモはここにあります
ズームが非常に途切れ途切れになっていることがわかります。回転は非常に静的です。Google の WebGL Globeと同様の結果を達成したいと考えています。
最初は標準の OrbitControl.js ファイルを使用していました
しかし、全体的な感触は好きではありませんでした。それで、私はこれを使い始めました。これには、運動量などに関する部分が含まれています。
埋め込んでみましたが、ほとんど運がありませんでした。
// CONTROLS
cameraControls = new THREE.OrbitAndPanControls(camera, renderer.domElement);
cameraControls.target.set(0, 0, 0);
cameraControls.maxDistance = 610;
cameraControls.minDistance = 210;
cameraControls.userRotateSpeed = 500;
cameraControls.momentumDampingFactor = 8;
cameraControls.momentumScalingFactor = 0.005;
cameraControls.getMouseProjectionOnBall2 = cameraControls.getMouseProjectionOnBall;
cameraControls.getMouseProjectionOnBall = function(x, y){ return cameraControls.getMouseProjectionOnBall2.call(cameraControls, x, cameraControls.screen.height/2);}
モメンタム ラインの数字をいじっても、あまり役に立ちませんでした。私が正しく行っていないことはありますか、それともスクリプトの制限にすぎませんか? OrbitConrol.js よりも滑らかな感じのスクリプトは他にありますか?
注: ユーザーの回転速度パラメータを変更しても何も起こりません。Note2: 私は基本的にこれを構築しようとして います。回転がいかに滑らかであるかに注意してください。orbitcontrol.jsのように回転角度を制限しないのでtrackballcontrol.jsは使いたくない