React Three Fiber Model Preloader преобразуется по умолчанию? ⇐ CSS

[Anonymous]

Я добавил предварительную загрузку в мою 3D -модель в проекте React Three Fiber (R3F). Я хочу отобразить изображение заполнителя во время загрузки модели. После того, как модель закончила загрузку, R3F заменит изображение заполнителя на фактическую 3D -модель. < /P>
Это мой компонент холста. < /P>

Код: Выделить всё

< /code>
И это мой компонент Modelloader < /p>
import { useProgress } from "@react-three/drei";
import ModelPlaceholder from "/assets/images/excellent.webp";

export const ModelLoader = () => {
const { progress } = useProgress();

return (


[img]{ModelPlaceholder} alt=[/img]


{progress.toFixed(2)}%


);
};
< /code>
Я добавил изображение на свой холст, но оно не сосредоточено. Когда я пытался использовать позицию: абсолютно; Верх: 0; слева: 0; Ширина: 100%; Высота: 100%; 

Чтобы покрыть весь холст, он не сработал, как и ожидалось. Я не мог найти эффективное решение. Есть предложения?


Подробнее здесь: https://stackoverflow.com/questions/793 ... by-default