Tresjs / cientos

Collection of useful helpers and fully functional, ready-made abstractions for TresJS
https://cientos.tresjs.org/
MIT License
288 stars 40 forks source link

[Contact Shadows] - fake plane not using renderer background from Environment #262

Closed alvarosabu closed 11 months ago

alvarosabu commented 1 year ago

Describe the bug

When using <Environment /> and <ContactShadows /> together, the fake plane for the shadows uses the clearColor instead. (Is not setting the background property)

Reproduction

https://stackblitz.com/edit/tresjs-basic-7kj23l?file=src%2Fcomponents%2FTheExperience.vue,package.json,src%2FApp.vue

Steps to reproduce

Screenshot 2023-10-22 at 16 45 03

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.18.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.4.2 - /usr/local/bin/npm
    pnpm: 8.9.2 - /usr/local/bin/pnpm
  npmPackages:
    @tresjs/cientos: 3.5.1 => 3.5.1 
    @tresjs/core: 3.4.1 => 3.4.1 
    vite: ^4.3.8 => 4.4.9 `

Used Package Manager

npm

Code of Conduct

stackblitz[bot] commented 1 year ago

Fix this issue in StackBlitz Codeflow Start a new pull request in StackBlitz Codeflow.

alvarosabu commented 11 months ago

You can solve this by removing the clearColor from the canvas props