私は3つの.jsで複数のメッシュをぼかそうとしていますが、それぞれが異なる量のぼかしを持っています。私は、例で使用されているHorizontalBlurShaderとVerticalBlurShaderを使用するEffectComposerを持っています。どのように私はこれを行うに行くつもりの任意のアイデアですか?複数のシーンを使用しますか?ターゲットにレンダリングするのか、スクリーンに直接レンダリングするのですか?Three.JS - 異なるオブジェクトの異なるシェーダ
1
A
答えて
0
その1つはのように聞こえますが、これは種類の問題です。
達成しようとしている効果は何ですか?形に関心がありますか?交差すると、どのようにぼやけますか?
最初に思いつくのは、Photoshopでどうやってこれを行うのかということです。私はそれ自身のレイヤー上に各シェイプを配置し、各レイヤーにぼかしフィルターを適用します。これはthree.jsで1つのシェイプに1つのシーンを作成し、各シェイプをレンダリングターゲットに描画し、そのターゲットをぼかし、そのターゲットをキャンバス(または別のターゲット)に描画することに対応します。効果的に3Dシェイプを1つずつ2次元テクスチャにレンダリングし、テクスチャをぼかしてから各テクスチャを描画します。それは、あなたが各シェイプをPhotoshopの自分のレイヤーに入れて、各レイヤーに異なるぼかしを適用した場合と同じ外観を提供します。
関連する問題
- 1. 同じタイプの異なるオブジェクトの異なる名前
- 2. 異なるタイプのオブジェクトは
- 3. 異なるオブジェクトのjqueryチェーンイベント
- 4. DateTimeオブジェクトの異なるtimezone_types
- 5. 異なるスレッド内のManagedObjectContext - 異なるオブジェクト参照
- 6. 異なるオブジェクトに異なるライトボックスを持たせる方法
- 7. 異なる結果は、オブジェクト
- 8. AutoMapperと異なるオブジェクトが
- 9. OpenGL Computeシェーダが異なるワークグループを同期する
- 10. Three.jsカメラコントロールが動作しない&WebGLシェーダ
- 11. Three.jsで異なるマップにUVチャンネルを指定する方法
- 12. 異なるユーザーのセッションタイムアウトが異なる
- 13. 異なるクラスの異なるログレベル
- 14. 異なるモジュールの異なるレイアウト
- 15. 異なるUITableViewCellのSegueが異なる?
- 16. 異なるユーザーの異なるデータ
- 17. 異なるテンプレートの異なる.jsファイル
- 18. Flask:異なるサブドメインの異なるデータベースバックエンド?
- 19. 異なるメディアクエリの異なるCSSファイル
- 20. 異なるレプリカセットメンバーの異なるインデックス
- 21. 異なるマシン上の異なるフォームサイズ
- 22. 異なるインデックスの異なるブースト値
- 23. 異なる製品の異なるオーダーフィールド
- 24. 異なるサイズクラスの異なる制約
- 25. 異なるバージョンの異なるタイプライブラリ
- 26. Xcode4 - 異なるスキームの異なるライブラリ
- 27. 異なる図の異なるサブプロット - MATLAB
- 28. 異なるスタイルの異なるクラスが
- 29. ionic異なるコントローラの異なるハードウェアバックボタンコールバック
- 30. 異なるコンポーネントの異なるスタイルファイル
これはまさに私がやったことです。難しい部分は、「クリア」を呼び出すタイミングと、パス上で「クリア」しないタイミングを決定することでした。何らかの理由でrenderer.clearTargetが私のために働かなかったので、作者が最後にレンダリングパスをクリアにする必要がありました。そうでなければ、ノンストップのアディティブエフェクトが得られます。 – overgroove