引用于天空盒高清素材圖片_一條快樂(lè)的小咸魚的博客-CSDN博客_天空盒素材

this.scene = new Scene(); // 創(chuàng)建一個(gè)場(chǎng)景， this.scene.background = new CubeTextureLoader().setPath('assets/img/').load(['px.jpg', 'nx.jpg', 'py.jpg', 'ny.jpg', 'pz.jpg', 'nz.jpg', ])

因?yàn)楫惒郊虞d的問(wèn)題，本文先請(qǐng)求了資源（require），然后再操作scene.background。

// 天空盒initSkyBox() {var posx = require("@/assets/images/screen/posx.jpg");var negx = require("@/assets/images/screen/negx.jpg");var posy = require("@/assets/images/screen/posy.jpg");var negy = require("@/assets/images/screen/negy.jpg");var posz = require("@/assets/images/screen/posz.jpg");var negz = require("@/assets/images/screen/negz.jpg");this.scene.background = new THREE.CubeTextureLoader().load([posx,negx,posy,negy,posz,negz,]);this.renderer.render(this.scene, this.camera);},

命名中的pos表示 + ，neg表示 - 。

在THREE的三維坐標(biāo)中，右為+x，左為-x，向上為+y，向下為-y，向屏幕外為+z，向屏幕內(nèi)為-z。

引用自ThreeJS創(chuàng)建天空盒的幾種方法_xyphf_和派孔明的博客-CSDN博客_threejs天空盒

?

posx.jpg

posy.jpg

posz.jpg

negx.jpg

negy.jpg

negz.jpg

?

?

?

?

?

?

總結(jié)

以上是生活随笔為你收集整理的THREE 天空盒的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。