pmndrs / pmndrs/react-postprocessing

Outline Effect with Animated Skinned Mesh

オープン
#141 コメント 4 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
1.4k
フォーク
134
平均マージ
4分
マージ済み PR(30日)
4

説明

Hi,
I am trying to use outline effect with an animated model I downloaded from mixamo. But it never shows up. Here is a codesandbox i created:
https://codesandbox.io/s/outline-with-skinned-mesh-bug-f68l2d?file=/src/App.js

I tried to use OverwriteMaterial workaround but it doesn't seem to work.

I exported glb file from Blender and used gltfjsx to import to project.

Is there something i am missing? Do i need to write extra shaders?

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

リンク先の CodeSandbox で src/App.js から始めて、OverwriteMaterial の workaround を調べ、その後、インポートされた GLB とアニメーションする skinned mesh が outline effect にどのように渡されるかを追跡します。再現環境で Mixamo モデルに outline effect が目に見える形で適用されれば完了です。CodeSandbox で結果を確認してください。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript, react, three.js, typescript
領域
computer-graphics, frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。