問題タブ [matrix-transform]
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.
61 問題
0
投票する
1
に答える
651
参照
javascript - スケールをキーフレームでアニメートし、webGL キューブのアンカー ポイントから回転させる方法は?
WebGL でキューブを作成しました。アニメーションを考えていますが、それをまとめるのに苦労しています。
完全なコードは約 150 lns のコードなので、実際のサンプルは次のとおりです: Working Plunkr Code
これがアニメーションのビデオ ワイヤーフレームです 。
1 - アニメーションは、立方体の左下にアンカー ポイントを設定します。
2 - アニメーションは、アンカー ポイントから立方体をスケーリングします。
3 - アニメーションは、立方体をアンカー ポイントからスケールのほぼ半分まで回転させます。
シェーダ: (頂点)
（断片）
gl-matrixを使用して壁のマトリックス変換を行っています
変換は draw fn に入り、gl-matrix mat4 を使用します。