老师你好,请问如何创建背景图,就是如何把场景的背景换成一张图片,而不随着相机转动

shyanbei 动手写第一个 Three.js... 最后由 huqingchao 于2016年04月24日回复

  • 1 解决
  • 6.7k 浏览

老师你好,请问如何创建背景图,就是如何把场景的背景换成一张图片,而不随着相机转动

  • huqingchao 2016年04月24日 回答 #1楼
  • 随着相机转动的,你应该指的是天空球或天空盒这样的背景。是的,天空盒/天空球之类的,仍然是三维场景中的内容,会随着相机的转动有视角变换。

    对于你所想要的不随相机转动的背景图,其实完全可以使用网页元素来实现,而不涉及Three.js三维内容。一般是把Three.js场景设置为透明,然后使用CSS定义背景图片什么的。我一般就是这么做的。你可以试试。

    例如Three.js最终的页面一般是下面的形式,通过renderer接口设置场景为透明,然后通过css设置div的背景。

    <div><canvas></canvas></div>
  • 0 评论