1、问题描述: 在three.js中加载图片作为纹理贴图时, 页面加载完后贴图不显示;触发一下鼠标事件后就显示出来了。
。 2022-04-04 11.40.29
2、原因分析: 因为在renderer.render(scene, camera)执行在前,图片加载完成在后;所以图片纹理没有显示。使用了OrbitControls ,我们在触发一下鼠标事件后重新调用了 render 方法,所以图片纹理就显示出来了。
3、解决办法: 使用 requestAnimationFrame 循环调用 render 方法
render();
function render ()