Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WebGPURenderer: Backdrop Water Example #27397

Merged
merged 14 commits into from
Dec 19, 2023
Merged

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
11 checks passed
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