【问题标题】:Loading a texture image to a plane (Context Lost)将纹理图像加载到平面(上下文丢失)
【发布时间】:2020-10-17 04:02:13
【问题描述】:

我正在尝试将简单图像作为纹理加载到react-three-fiber 中的平面。这是代码沙箱的link

当我在本地运行时,我会在控制台中收到此消息:

THREE.WebGLRenderer: Context Lost.

CodeSandbox 什么也没给我。

我检查了互联网上的许多示例,它们似乎都在做同样的事情,但它对他们有用。

我很感激这方面的帮助。

【问题讨论】:

  • 代码沙箱在我的电脑 (iMac) 上运行良好,带有最新的 Chrome。你能分享一些关于你的系统的信息吗?
  • 我设法使用Suspense 使其工作,但我似乎无法说服飞机在其上显示图像。

标签: reactjs three.js react-three-fiber


【解决方案1】:

由于您使用的是MeshPhongMaterial,因此只有在场景中添加灯光后才能看到纹理。但是,您也可以使用不亮的MeshBasicMaterial 来解决此问题。

更新的沙盒:https://codesandbox.io/s/nervous-kalam-p9lyq

【讨论】:

  • 小修正,不需要{texture &&,纹理保证在那里,否则组件将退出(捕获带有错误边界的获取错误):-)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-02-16
  • 1970-01-01
  • 2020-05-06
  • 1970-01-01
相关资源
最近更新 更多