分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

Three.js 学习之路(三)

发布时间:2023-09-06 01:25责任编辑:沈小雨关键词:js

天空盒子的使用

1.THREE.js下使用天空盒子的最简单方法是使用cubetxture来设置scene的background属性。

和其他游戏引擎一样,天空盒子需要六张拼合好的图片。

2.在THREE.js里cubetxture是一个6个长度的图片数组,贴图顺序依次是:左右上下前后。

3.示列代码:

  var skyboxs = ["Left.png","Right.png","Up.png", "Down.png","Front.png", "Back.png"];

  var textureCube = new THREE.CubeTextureLoader().load(skyboxs);

  textureCube.format=THREE.RGBFormat;

  scene.background = textureCube;


4.在移动端使用过程中可能偶尔会遇到切换天空盒子后场景背景变为纯色背景色了,安卓设备和苹果设备的渲染应该有所不同,尝试修改camera.far属性,苹果设备要小一些才可以修复这个问题

Three.js 学习之路(三)

原文地址:http://www.cnblogs.com/JiSight/p/7865461.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved