I am implementing a Vuejs component with a little threejs animation inside of it. Working my way through through the dof1 example, I was able to setup everything except the bokehPass. Everything gets rendered up until this last pass, where I get weird crossed and tartanlike patterns.
The patterns change by moving the camera around and fiddling with the passed parameters, but no sane DoF or bokeh effect. So the scene and camera should have been passed correctly, since the patterns are changing depending on camera position. What am I missing?
Here’s my component: BackgroundAnimation.vue
And here’s the result I get:
Thanks in advance!