使用 Three.js 加载纹理时出现白屏

Question

我正在使用 three.js 并且我有一些动画正在进行中，现在我想在一个点上有一个纹理，我运行是一个有 vite 的本地主机，一切工作正常但是我一写这段代码，我的 html 页面就变白了？即使我还没有将字母变量添加到任何东西中？

const loader = new THREE.TextureLoader().load();

const letter = loader.load('img/q.png');

Answer 1

您的代码有错误（您调用了 load() 两次）。像这样尝试：

const loader = new THREE.TextureLoader();
const letter = loader.load('img/q.png');

White screen when loading texture with Three.js