Skip to content

Conversation

@mrdoob
Copy link
Owner

@mrdoob mrdoob commented Jul 31, 2025

Description

Spent some time trying to make this example look prettier.

Before After
Screenshot 2025-07-31 at 6 27 53 PM Screenshot 2025-07-31 at 6 40 20 PM

I made it so the roughness pass modulates the ssr.
Ideally we would be blurring the reflection but this gives a good enough result for now.

Also fixed the lens transparency:

Screen.Recording.2025-07-31.at.6.42.28.PM.mov

Current: https://rawcdn.githack.com/mrdoob/three.js/dev/examples/webgpu_postprocessing_ssr.html
New: https://rawcdn.githack.com/mrdoob/three.js/examples-ssr/examples/webgpu_postprocessing_ssr.html

@mrdoob mrdoob added this to the r179 milestone Jul 31, 2025
@mrdoob
Copy link
Owner Author

mrdoob commented Jul 31, 2025

@Mugen87 Does this run slower in your machine too?

@Mugen87
Copy link
Collaborator

Mugen87 commented Jul 31, 2025

Both run with 60 FPS on the macMini and Pixel 8a 🎉 .

@mrdoob mrdoob merged commit a5cbfc6 into dev Jul 31, 2025
8 checks passed
@mrdoob mrdoob deleted the examples-ssr branch July 31, 2025 13:47
@mrdoob
Copy link
Owner Author

mrdoob commented Aug 2, 2025

Lolz, just realized there are some missing objects when looking through the lense 😅


if ( object.material ) {

if ( object.material.name === 'Lense_Casing' ) {
Copy link
Collaborator

@Mugen87 Mugen87 Aug 3, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe reverting this addition due to #31539 (comment)?

Yes, the previous look was also not physically correct but the missing objects when looking through the lens makes the scene look broken^^.

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.

3 participants