google / google/model-viewer

[REQUEST] Fade in 3D model when ready

Open
#5,044 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
8.2k
Forks
947
PR merge metrics
No merged PRs in 30d

Description

Hello,

I am working on a digital piano model viewer tool for my company's website.
I would like to ask if it's possible to configure modelviewer to fade in the model when it has loaded, rather than simply appearing on the canvas.

Currently I am setting the opacity of the modelviewer div to 0, then increasing the opacity after the model has loaded. This method works, however, it means the poster image, progress bar etc. elements are (for the most part) not visible.
Here is a demo: https://www.kawai-global.com/3dtest/?model=CA901

It would be preferable if there was a method to fade-in *just* the model, rather than the entire modelviewer area.

Many thanks!

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.