SSAO not working on Example website

[dshot92]

Description

I was trying to make ssao work in my website.
Went to check the example on

Model-Viewer Example

and moving the slide with default mode does not bring out the ambient occlusion

Browser Affected

• Chrome
• Edge
• Firefox

OS

• Android
• Linux
• Windows

[elalish]

I'm not sure what slider you're talking about, but our SSAO example is working for me: https://modelviewer.dev/examples/postprocessing/index.html#combining-effects (check and uncheck the box). Can you share screenshots and your device and browser info?

[elalish]

No, it has an opacity slider. Which works if you choose e.g. Add for blend mode.

[dshot92]

Yeah, sorry, i dont know why i missed that.
I've made this on glitch.me

SSAO sonic

[dshot92]

It seems like it works if i import the script from the local folder

Local Imports

and does not when i use the cdn from the examples

CDN imports

chrome 121.0.6167.160
Linux-6.6.10-76060610-generic-x86_64-with-glibc2.35 64 Bits, X11 UI

But i believe at this point i am doing something wrong with the imports

[dshot92]

I tested by downloading the entire Example page and found this

<script type="module" src="../../node_modules/@google/model-viewer/dist/model-viewer-module.min.js"></script>

It seems like the examples is not uysing the current version of the model-viewer that is on the cdn.

Tried by importing it in my website insted of using the normal cdn

<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>

and it work like expected.

EDIT:
RTFMed so hard right now.
In the setup part at the top therers the correct import for the module.
But i flew past it as i had already the model-viewer imported.