問題タブ [morphing]
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.
android - Bitspin の Timely Alarm Clock のような数字モーフィング効果を作成するには?
Bitspin の Timely Alarm Clock のようなキャラクターのモーフィング効果を試してみたいです。エフェクト動画はこちら!(0:09 ~ 0:11)
オフラインで行われた一連のビットマップ変更だと思いましたが、プログラムを逆コンパイルしてソース コードとアセットを検索したところ、ビットマップ シーケンス リソース トラックが見つかりませんでした。
Bitspinがどのようにそれを行うか考えている人はいますか?
ios - OpenCV2.framework を iOS に統合することによる画像モーフィング
私はiOSが初めてで、ある画像を別の画像にスムーズに変形させる必要がある最初のアプリに取り組むことを計画しています. OpenCv2.framework をダウンロードしました。コードに統合する予定です。これに必要な数学的計算を示すリンクをいくつか調べましたが、取得できませんでした。OpenCv2.frameworkを統合して使用して、ある画像をiosで別の画像に変形する方法を示す方法またはサンプルチュートリアルを教えてください。ありがとう。
ios - Facebook Paper アプリのようなメニュー ボタンをアニメーション化/モーフィングする方法
Facebook Paper アプリでこのアニメーション/モーフィングを見ました。メニューをプルダウンするとメニュー ボタンが X になり、タップすると元に戻ります。他の方法で表示する方法がわからないので、記録しました。
https://www.youtube.com/watch?v=y6j_mVgv-NM
誰かがこれがどのように行われるかを説明できますか? 私は自分のアプリにこれが欲しいです。
javascript - モーフィング ジオメトリ - Three.Js
したがって、ユーザーの目的のディメンションを生成し、カスタマイズされた .csv ファイルに表示するこのコードがありますnew THREE.Geometry()
。これは、ほとんどの人にとって話題から外れているかもしれません。でもねえ、私はThree.jsを初めて使ったばかりです
私の問題は次のとおりです。
- を挿入する方法が見つかりません
geometry.morphTargets
。または単に、適切な使用方法がわからない
だからここに私のコードがあります:
javascript - JSON ローダーを使用したモーフィング頂点のエラー
頂点のモーフィングに関する他の記事、特に他の投稿を読みました。次に、このコードを思いつきましたが、まだエラーがあり、現在の問題に対する答えが見つかりません。
https://github.com/mrdoob/three.js/blob/master/src/loaders/JSONLoader.jsでこの例を読み、 そこでコードを使用しました。それでも、何が問題なのかさえわからない問題がまだあります。
コード:
c++ - OpenGL (C++) でのグリッチ フェイシャル モーフ ターゲット アニメーション
顔のブレンドシェイプを使用して OpenGL でモーフ ターゲット アニメーションを実装しようとしていますが、このチュートリアルに従っています。アニメーションの頂点シェーダーは次のようになります。
モーフ ターゲット アニメーションのアルゴリズムは機能しますが、最終的に計算されたブレンド シェイプに面がありません。アニメーションは次の gif のように見えます。
ブレンドシェイプは、FaceShift と呼ばれるマーカーのないフェイシャル アニメーション ソフトウェアからエクスポートされます。
しかし、このアルゴリズムは、Blender で作成されたねじれたブレンド形状を持つ通常の直方体でも完全に機能します。
顔のアニメーションに使用しているブレンドシェイプに何か問題があるのでしょうか? または、頂点シェーダーで何か間違ったことをしていますか?
-------------------------------------------------- - - - - - - アップデート - - - - - - - - - - - - - - - - - - - ----------------------
提案されているように、頂点シェーダーに必要な変更を加え、新しいアニメーションを作成しましたが、それでも同じ結果が得られます。
更新された頂点シェーダー コードは次のとおりです。
また、私のフラグメント シェーダーは次のようになります。(以前と比較して、新しいマテリアル設定を追加しただけです)
そして最後に、コードを更新して得たアニメーション:
ご覧のとおり、モーフ ターゲット アニメーションでまだいくつかの三角形/面が欠落しています。この問題に関するその他の提案/コメントは本当に役に立ちます。よろしくお願いします。:)
アップデート:
提案されているように、法線を反転した場合dot(vSmile_R, nSmile_R) < 0
、次の画像結果が得られました。
また、obj ファイルから法線を取得する代わりに、独自の法線 (面と頂点の法線) を計算しようとしましたが、それでも同じ結果が得られました。
animation - three.js アニメーション: スケルトン/スキニング vs モーフ
そのため、モーフとスケルタル アニメーション (Blender からのエクスポート) をいくつか試した後、スケルタル ファイルはモーフ ファイルの 10 分の 1 近く小さいことがわかりました。明らかに骨格の方が良い選択肢のように思えますが、それを使用することに短所があるかどうか疑問に思っていました.
具体的には、モーフよりもスケルトンをアニメートする方がはるかに多くの処理が必要だと思います。一方が他方より優れているのはいつですか?100 モデルと 1 つだけのモデルをアニメートすることは問題になりますか? 骨格がより多くの処理を必要とし、アプリケーションをオンラインでホストする場合、帯域幅の減少 (ファイル サイズが小さいため) は、実行時に必要となる余分な処理に値するでしょうか?
ご意見ありがとうございます。
delphi - 形が変わるブロブ
わかりました、これがここで質問できることかどうかはよくわからないので、私を撃つ必要はありません. 教えていただければ、質問を削除します:)
タッチスクリーンを使って自分の時計を作り、自分でプログラムするというアイデアがありました。
これについて考えている間、私は現在の時間を示すためにこれらすべての異なるスタイルを考えました.
私が思いついたすべてのスタイルの中で、私が最も楽しいと感じたものは、ロールシャッハスタイルの時間を表示する時計でした. そして、ランダムな汚れだけでなく、今が何時かを推測するのではなく、見張り番のロールシャッハに似ています.
彼は絶えず形を変えるインクブロットのマスクを持っています(あなたが私に尋ねると本当にクールです). だから私が考えていたのは、それが表す数字に応じて形を変えるインクブロットです.
時間が変わる
12:49:58 -> 12:49:59
と、2 秒目の数字が 8 から 9 に変わります。
ここで、元の問題に戻り
ます。このタイプのクロックを実行する前に、ブロブに特定の形状を与えて、別の形状に変形させたいと考えています。
私はグーグルで検索しましたが、運が悪かったので、ランダムなブロブを作成してアニメーションで別の形に変換するための正しい方向に私を向けることができる誰かがここにいることを望んでいました.
例: 四角を描く -> 円にアニメート
ヒントやコツは大歓迎です:)