three.js 添加天空盒
·
// 添加天空盒
addSky() {
const loader = new THREE.TextureLoader();
const texture = loader.load(
new URL('@/assets/approaching_storm.jpg', import.meta.url).href,
() => {
texture.mapping = THREE.EquirectangularReflectionMapping;
texture.colorSpace = THREE.SRGBColorSpace;
this.scene.background = texture;
});
}
此方法为添加360影像拍出的图像作为天空盒。如需其他方法可参照背景与天空盒 - three.js manual (threejs.org)
如果需要找360的图像可以去这=>HDRIs • Poly Haven
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)