WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 Three.js免费视频教程

图片作为Three.js背景

通过Threejs场景对象Scene的背景属性.background可以把一张图片作为Threejs渲染的背景。

var scene = new THREE.Scene();
// 创建一个纹理图片加载器加载图片
var textureLoader = new THREE.TextureLoader();
// 加载背景图片
var texture = textureLoader.load('./贴图/背景/03.jpg');
// 纹理对象Texture赋值给场景对象的背景属性.background
scene.background = texture

如果你想深入了解场景对象Scene的背景属性.background原理,可以查看\src\renderers\webgl目录下的WebGLBackground.js文件是如何解析背景属性.background

本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com