モバイルで3つの地球儀をドラッグできるようにしますか？

私はthreejsを使って作成した地球儀を持っています。私はそれをドラッグ可能にするために軌道制御を使用しています。私の問題は、タッチデバイスではドラッグが適切に機能しないということです。エッジでは、ドラッグすることはできません.Firefoxでは水平方向にドラッグできますが、ドラッグすると、ドラッグする代わりにスクロールして縦にドラッグします。モバイルでドラッグを許可するにはどうすればよいですか？ここモバイルで3つの地球儀をドラッグできるようにしますか？

は私orbitcontrolsコードです：

this._controls = new THREE.OrbitControls(this._camera, this._renderer.domElement); 
this._controls.rotateSpeed = .08; 
this._controls.zoomSpeed = 1.0; 
this._controls.enableZoom = false; 
this._controls.enablePan = false; 
this._controls.enableDamping = true; 
this._controls.minDistance = 23.0; 
this._controls.maxDistance = 70.0; 
this._controls.dampingFactor = 0.1;

出典

2016-08-17 rjdude31

問題がTHREE.OrbitControlのみlistens for mouse and touch eventsエッジがPointer Eventsを使用すると、Firefoxは全く正しくタッチイベントをサポートしていないのレンダリングDOM要素、上のことです。 Touch Eventsのモバイルデバイスについてはうまくいくはずです。

出典

2016-08-17 14:48:19

trackballcontrolsを使用していた場合は正常に動作しますか？私が必要とすることをするコントローラがありますか？ – rjdude31

@ rjdude31 [mr。 doobは、すべての主要なブラウザに到達するまでポインタイベント（https://github.com/mrdoob/three.js/issues/4015）のサポートを追加することを嫌うようだ。その間、[this]（https://github.com/Steditor/three-pointer-controls）はおそらくこの問題を手伝うことができます。 –

Hammer.jsなどのタッチイベントヘルパーを使用したことがありますか？主な使い方はジェスチャーですが、単純なタッチ操作との互換性の問題を解決するためにHammerを使いました。

出典

2016-08-24 09:06:38 Matey

モバイルで3つの地球儀をドラッグできるようにしますか？

答えて

関連する問題