問題タブ [aframe]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - setAttribute を使用してオブジェクト内の 1 つの値を更新するにはどうすればよいですか?
「サウンド」という属性を含む要素があります。このサウンド属性の値はオブジェクトです。このオブジェクトのプロパティの 1 つに「ボリューム」があります。
言い換えると:
したがって、次のようになります。
setAttribute を使用してボリューム属性を更新していますが、オブジェクトの他のプロパティを変更せずに 1 つのプロパティのみを対象とする効果的な方法があるかどうかはわかりません。
基本的に、これはサウンド オブジェクトを置き換え、指定されていないすべてのプロパティを削除します (src AND on プロパティは削除されます)。
オブジェクト全体を置き換えたくありません。1 つのプロパティの 1 つの値のみを置き換えたい。これについて最善の方法はありますか?
three.js - aframe/threejs カメラの手動回転
カメラの回転を手動で 0,0 にトゥイーンしようとしています:
トゥイーンは期待どおりに機能しますが、カメラに対するマウス コントロールが失われています。それを取り戻すために、私はmatrixAutoUpdateをtrueに設定しています
しかし、その後、カメラの回転は元の位置 ( tween の前) に戻り、0,0 を維持したいと思います。私が欠けているものは何ですか?ありがとう
更新 以下は、threejs オブジェクトに入らずに aframe のみを使用するバージョンです
問題はカメラのルックコントロールコンポーネントだと思います
有効にすると、カメラの回転や setAttribute をアニメーション化できなくなります。最初に無効にする必要があります-アニメーションを起動してから再度有効にするよりも。
しかし、問題は、もう一度有効にしたときです。
カメラは元の回転に戻ります (アニメーションをリセットする前の状態)。使用時の同様の問題matrixAutoUpdate=false/true
ここに私のペンがあります http://codepen.io/anon/pen/dMjrWd
左に 30 度回転すると、resetCamera アニメーションが発生します - 意図したとおりに動作します。ただし、look コンポーネントが無効になっている場合のみ。「animationend」イベントで再度有効にすると、回転が元の状態に戻り、resetCamera が何度もトリガーされます
aframe - Aframe のカスタム イージング
Aframe アニメーションのカスタム イージングを定義できますか?
CSS で使用される3 次ベジエ タイミング関数のようなものがあることを願っています。
aframe - キャンバスを使用した複数のシーン
a-frameを使ってハウスツアーを作りたかった。家には、探索できる6つの部屋があります。シーン内でキャンバスを使用できることを読みました。canvas="canvas: scene1", scene2 のように複数のキャンバスを持つことは可能でしょうか。
これが最初のシーンのコード例です
animation - aframe.ioでアニメーションを連鎖させる
フレーム内のアニメーションをチェーンリンクする方法はありますか? 一度クリックして立方体をある位置に移動し、その位置をx時間保持してから、アニメーションを元の場所に戻そうとしています。
これまでのところ、アニメーションは 2 つしかありません。2 つ目は、animationend イベントをリッスンするときに始まります。問題は、両方のアニメーションが animationend を発行し、それが 2 番目のアニメーションを何度もトリガーすることです。このアプローチは正しくないようです