Three.JS 使用RGBELoader和CubeTextureLoader 添加环境贴图

  1. 导入RGBELoader模块:
    import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader.js";

使用 

  addRGBEMappingk(environment, background,url) {rgbeLoader = new RGBELoader();rgbeLoader.loadAsync(url).then((texture) => {//贴图模式 经纬线映射贴图texture.mapping = THREE.EquirectangularReflectionMapping;//背景贴图if (background) {this.scene.background = texture;}//环境贴图if (environment) {this.scene.environment = texture;}});
}

调用

let url ="./images/FFThree/hdr/hj.hdr"addRGBEMappingk(true, true, url );

hdr:

使用CubeTexture实现球体和街道环境贴图

addRGBEMappingk(environment, background, urlsix){
{//     // 加载环境贴图// 加载周围环境6个方向贴图// CubeTexture表示立方体纹理对象,父类是纹理对象Textureconst textureCube = new THREE.CubeTextureLoader().setPath(urlsix).load(["px.png", "nx.png", "py.png", "ny.png", "pz.png", "nz.png"]);if (background) {//背景贴图this.scene.background = textureCube;}if (environment) {//环境贴图this.scene.environment = textureCube;}}
}

调用

let urlsix: "./images/FFThree/hdr/back/"addRGBEMappingk(true, true, urlsix);

图片资源

添加金属球看效果

 addSphere() {//金属球const sphereGeometry = new THREE.SphereGeometry(5, 30, 30);const material = new THREE.MeshStandardMaterial({metalness: 0.9, // 金属材质 1 黑roughness: 0.1, //光滑});const sphere = new THREE.Mesh(sphereGeometry, material);sphere.position.set(20, 5, 0);this.scene.add(sphere);return sphere;},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/47734.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

三个国产数据库调研(达梦,PolarDB,TDSQL

三个国产数据库调研:达梦,PolarDB,TDSQL 1. 整体描述2. 达梦数据库2.1 相关网站2.2 接入工作2.3 工具使用2.4 总结 3. PolarDB数据库3.1 相关网站3.2 产品对比3.3 接入工作 4. TDSQL数据库4.1 相关网站4.2 产品对比4.3 接入工作 5. 对比总结5…

git使用-命令行+VS Code结合使用

一、Git常用命令 // 显示当分支的状态。它会列出已修改、已暂存和未跟踪的文件 git status// 列出本地仓库中所有的分支,其中会特殊显示当前所在分支 git branch// 在当前分支的基础上创建一个新的分支,并切换到这个新的分支上 git checkout -b 新分支…

问题:向上对齐对象的快捷键是: #学习方法#笔记

问题:向上对齐对象的快捷键是: A、T B、L C、R D、W 参考答案如图所示

做一只勤劳的小蜜蜂

机缘 成为创作者的初心,对我而言,是一个融合了个人兴趣、职业成长以及对知识传播热爱的复杂而纯粹的情感交织。回顾这段旅程的起点,几个核心驱动力始终引领着我前行: 1、记录与反思:在职业生涯的早期,我遇…

WordPress与 wp-cron.php

WordPress 傲居全球最流行的内容管理系统(CMS)之位,占据了互联网约43%的网站后台,这主要得益于其直观易用的用户界面以及丰富的扩展功能,特别是为新手用户提供了极大的便利。 然而,在畅享WordPress带来的便…

Leetcode 1302.层数最深子叶结点的和

大家好,今天我给大家分享一下我关于这个题的想法,我这个题过程比较复杂,但大家如果觉得好的话,就请给个免费的赞吧,谢谢了^ _ ^ 1.题目要求: 给你一棵二叉树的根节点 root ,请你返回 层数最深的叶子节点的…

Go语言并发编程-Context上下文

Context上下文 Context概述 Go 1.7 标准库引入 context,译作“上下文”,准确说它是 goroutine 的上下文,包含 goroutine 的运行状态、环境、现场等信息。 context 主要用来在 goroutine 之间传递上下文信息,包括:取…

准备跳槽了(仍然底层为主,ue独立游戏为辅)

思考再三,准备跳槽了。 一、跳槽原因: 今年经济形势非常不好。那我为什么还要跳槽呢?因为干不下去了。公司是末位淘汰制,而我绩效垫底了。给我的整改措施中,部门经理让我三个月搞定60个bug,我觉得简直是送…

python爬虫实现简单的代理ip池

python爬虫实现简单的代理ip池 我们在普通的爬虫过程中经常遇到一些网站对ip进行封锁的 下面演示一下普通的爬虫程序 使用requests.get爬取数据 这段代码是爬取豆瓣排行榜的数据,使用f12来查看请求的url和数据格式 代码 def requestData():# 爬取数据的urlur…

数学基础【俗说矩阵】:矩阵相乘

矩阵乘法 矩阵乘法推导过程 一、两个线性方程复合代入 二、X1和X2合并同类项 三、复合后方程组结果 四、线性方程组矩阵表示 五、线性方程组矩阵映射表示 复合映射表示 六、矩阵乘法导出 矩阵乘法法则 1、规则一推导过程 左取行,右取列,对应相乘后…

java中double类型1+1.82保留的很多小数如何处理

问题描述: Java处理Double类型数据相加时,出现11.822.8200000000000003并存入数据库的情况 问题原因: 在计算机中,浮点数(如1.82)通常用二进制形式表示,而这种表示方式可能会导致精度丢失&…

【中项】系统集成项目管理工程师-第2章 信息技术发展-2.1信息技术及其发展-2.1.4信息安全

前言:系统集成项目管理工程师专业,现分享一些教材知识点。觉得文章还不错的喜欢点赞收藏的同时帮忙点点关注。 软考同样是国家人社部和工信部组织的国家级考试,全称为“全国计算机与软件专业技术资格(水平)考试”&…

iOS 左滑返回事件的控制

0x00 视图结构 1-根视图 1.1-控制器A 1.1.1-控制器B 1.1.1.1-控制器C 0x01 控制 通过设置 self.navigationController.interactivePopGestureRecognizer.enabled 为 YES 或 NO 来控制当面界面,是否能左滑返回 在 控制器B 的生命周期方法内,设置属性 s…

「Vue组件化」封装i18n国际化

前言 在Vue应用中实现国际化(i18n),通常需要使用一些专门的库,比如vue-i18n。本文主要介绍自定义封装i18n,支持Vue、uniapp等版本。 设计思路 一、预期效果 二、核心代码 2.1 i18n.xlsx文件准备 2.2 脚本执行 根目录main.js根目录locali18n.xlsxnode main.jsmain.js 文件…

机器学习数据集的一致性表现在哪些方面-九五小庞

数据集的一致性是机器学习和数据分析领域中一个重要的概念,它主要体现在以下几个方面: 特征分布一致性 单变量分布:训练集和测试集中各个特征的分布情况应相似。例如,如果某一个数值特征在训练集中是正态分布,那么在…

【ARM】MDK-解决CMSIS_DAP.DLL missing报错

【更多软件使用问题请点击亿道电子官方网站】 1、 文档目标 记录解决CMSIS_DAP.DLL missing的报错情况,对应相关报错信息,供后续客户参考,快速解决客户问题。 2、 问题场景 客户进行硬件调试时,发现Target设置内有CMSIS_DAP.DL…

全时守护,无死角监测:重点海域渔港视频AI智能监管方案

一、方案背景 随着海洋经济的快速发展和海洋资源的日益紧缺,对重点海域渔港进行有效监控和管理显得尤为重要。视频监控作为一种高效、实时的管理手段,已成为渔港管理中不可或缺的一部分。当前,我国海域面积广阔,渔港众多&#xf…

uni-app学习HBuilderX学习-微信开发者工具配置

HBuilderX官网:简介 - HBuilderX 文档 (dcloud.net.cn)https://hx.dcloud.net.cn/ uni-app官网: uni-app官网 (dcloud.net.cn)https://uniapp.dcloud.net.cn/quickstart-hx.htmlHBuilder下载安装:打开官网 uni-app项目的微信开发者工具配置…

力扣LCR184.设计自助结算系统

力扣LCR184.设计自助结算系统 一个队列存所有value 一个数组模拟单调队列存区间最大值 const int N 100010;int a[N];class Checkout {queue<int> q;int hh0,tt-1;public:Checkout() {}int get_max() {if(hh > tt) return -1;return a[hh];}void add(int value) {…

在实际应用中,systemverilog相比vefilog2000有哪些重大的提升

SystemVerilog 相较于 Verilog-2000 有多项重大提升&#xff0c;这些提升使得 SystemVerilog 成为更强大的硬件描述和验证语言。以下是一些关键的改进&#xff1a; 数据类型扩展&#xff1a; SystemVerilog 引入了 logic 数据类型&#xff0c;可以替代 Verilog-2000 中的 wire …