Skip to content

Conversation

@sunag
Copy link
Collaborator

@sunag sunag commented Dec 18, 2023

Related issue: #26196

Description

The intention of the example is show a little more that backdrop can do.
With just a few lines of code we can work with customized water effects using depth field without having to declare RTT.

Live

image

Backends

  • WebGPU
  • WebGL2

@sunag sunag added this to the r160 milestone Dec 18, 2023
@sunag sunag marked this pull request as ready for review December 18, 2023 16:30
@sunag
Copy link
Collaborator Author

sunag commented Dec 18, 2023

Added simple caustic effect

image
image

To finish the caustic effect, viewportTexture will need support for HDR and PostProcessing

@sunag sunag changed the title WebGPURenderer - Backdrop Water Example WebGPURenderer: Backdrop Water Example Dec 19, 2023
@sunag sunag merged commit 73fafde into mrdoob:dev Dec 19, 2023
AdaRoseCannon pushed a commit to AdaRoseCannon/three.js that referenced this pull request Jan 15, 2024
* fix triplanar with dynamic mesh

* add example: `webgpu_backdrop_water`

* fix names

* cleanup

* cleanup

* revision

* Update puppeteer.js

* revision

* revision

* caustic

* revision

* revision

* Update webgpu_backdrop_water.html

* update shadow
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant