How to use custom outline pass to support outlines for child meshes #1779
-
|
I found this custom OutlinePass but I'm not sure how to use it with r3f. I made an attempt here: but it returns an error "effect.initialize is not a function". Would appreciate any help! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
you cant mix postprocessing with jsm/postprocessing, these are two different effectcomposers. if you want to use three's you can express it in jsx but you'd use it like in that example. react-three/pp bases on the popular postprocessing library by varunesc. it has outline effects as well: https://codesandbox.io/s/selective-outlines-d36mw |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for the clarification! I tried that before but couldn't get it to work. Gave it another shot and it looks like it works now. Had to iterate over the gltf and enable the layer for each mesh. Hopefully won't have any unintended side effects. Working example: https://codesandbox.io/s/selective-outlines-forked-wn1mn?file=/src/App.js |
Beta Was this translation helpful? Give feedback.
you cant mix postprocessing with jsm/postprocessing, these are two different effectcomposers. if you want to use three's you can express it in jsx but you'd use it like in that example. react-three/pp bases on the popular postprocessing library by varunesc. it has outline effects as well: https://codesandbox.io/s/selective-outlines-d36mw