【threejs教程】让你的场景及物体拥有质感:聊聊threejs中的基础网络材质!

简介: 【8月更文挑战第5天】threejs中的基础网络材质教程

简介

本系列教程需要具备threejs的基础入门知识,了场景、几何体、相机等基础概念。
学习本教程之前,建议学习【透视相机】的基础知识,

根据threejs前置知识,我们可以实现一个如下的3D效果

示例代码中,我们使用MeshBasicMaterial创建了一个基础网络材质。现在,我们介绍一下它的一些基本特性,方便我们更好的学习材质与贴图

基础网络材质的一些特性

API:https://threejs.org/docs/#api/zh/materials/MeshBasicMaterial
image.png
这种材质是一个以简单着色(平面或线框)方式来绘制几何体的材质。

光照的影响

它不受光照的影响。ambient light表示光照,我们调整光照颜色,它的颜色不会发生变化。
GIF 2023-11-17 17-11-19.gif

雾的影响

这材质受到雾的颜色影响
GIF 2023-11-17 17-13-17.gif

共有属性Material

THREE.Material代表所有材质的共有属性,这些属性的具体信息可以在Material材质文档中找到
image.pngimage.png

透明度transparentGIF 2023-11-17 17-19-58.gif

depthTest表示是否开启深度检测。如果为否,则表示在渲染过程中,远处的点不会被近处遮挡。
depthWrite表示是否允许向深度缓冲区写入数据。如果为否,该物体的深度信息不会影响其他物体的渲染。
GIF 2023-11-17 17-25-15.gifalphaTest是用来控制透明度的。它默认值为0,如果设置不透明度(opacity)低于此值,则不会渲染材质。GIF 2023-11-17 17-28-17.gif

显示与隐藏visible

GIF 2023-11-17 17-30-27.gif

颜色color

GIF 2023-11-17 17-31-25.gif

线框wireframe

GIF 2023-11-17 17-32-55.gif

顶点颜色vertexColor

英/ˈvɜːteks/美/ˈvɜːrteks/
用的很少,了解即可
GIF 2023-11-17 17-34-57.gif

环境贴图envMaps

envMap,全称environment map,字面意思是“环境图”。代表周围环境对物体渲染的影响,可以设置反射和折射。
GIF 2023-11-17 17-36-54.gif
当物体表面结合反射lvreflectivity和折射率refractionRatio时,环境对物体的影响非常明显
GIF 2023-11-17 17-50-54.gif

贴图map

可以给物体表面添加一个材质颜色,比如砖块
GIF 2023-11-17 17-43-19.gif

相关文章
|
23天前
|
安全 网络协议 算法
Nmap网络扫描工具详细使用教程
Nmap 是一款强大的网络发现与安全审计工具,具备主机发现、端口扫描、服务识别、操作系统检测及脚本扩展等功能。它支持多种扫描技术,如 SYN 扫描、ARP 扫描和全端口扫描,并可通过内置脚本(NSE)进行漏洞检测与服务深度枚举。Nmap 还提供防火墙规避与流量伪装能力,适用于网络管理、渗透测试和安全研究。
253 1
|
3月前
|
JSON 监控 API
在线网络PING接口检测服务器连通状态免费API教程
接口盒子提供免费PING检测API,可测试域名或IP的连通性与响应速度,支持指定地域节点,适用于服务器运维和网络监控。
|
6月前
|
数据采集 存储 监控
Python 原生爬虫教程:网络爬虫的基本概念和认知
网络爬虫是一种自动抓取互联网信息的程序,广泛应用于搜索引擎、数据采集、新闻聚合和价格监控等领域。其工作流程包括 URL 调度、HTTP 请求、页面下载、解析、数据存储及新 URL 发现。Python 因其丰富的库(如 requests、BeautifulSoup、Scrapy)和简洁语法成为爬虫开发的首选语言。然而,在使用爬虫时需注意法律与道德问题,例如遵守 robots.txt 规则、控制请求频率以及合法使用数据,以确保爬虫技术健康有序发展。
783 31
|
6月前
|
域名解析 API PHP
VM虚拟机全版本网盘+免费本地网络穿透端口映射实时同步动态家庭IP教程
本文介绍了如何通过网络穿透技术让公网直接访问家庭电脑,充分发挥本地硬件性能。相比第三方服务受限于转发带宽,此方法利用自家宽带实现更高效率。文章详细讲解了端口映射教程,包括不同网络环境(仅光猫、光猫+路由器)下的设置步骤,并提供实时同步动态IP的两种方案:自建服务器或使用三方API接口。最后附上VM虚拟机全版本下载链接,便于用户在穿透后将服务运行于虚拟环境中,提升安全性与适用性。
|
自动驾驶 物联网 5G
深入探索5G网络中的网络切片技术及其应用场景
深入探索5G网络中的网络切片技术及其应用场景
3139 3
|
7月前
|
安全 自动驾驶 物联网
新四化驱动,如何构建智能汽车的“全场景”可进化互联网络?
在智能化、电动化、网联化、共享化的时代浪潮中,汽车正从单纯的 “机械产品” 进化为先进的 “移动智能终端”。在软件定义汽车(SDV)的崭新时代,每一次 OTA 升级的顺利完成、每一秒自动驾驶的精准决策、每一帧车载娱乐交互的流畅呈现,都离不开一张实时响应、全域覆盖、安全可靠的广域网络。
|
7月前
|
监控 算法 安全
公司电脑网络监控场景下 Python 广度优先搜索算法的深度剖析
在数字化办公时代,公司电脑网络监控至关重要。广度优先搜索(BFS)算法在构建网络拓扑、检测安全威胁和优化资源分配方面发挥重要作用。通过Python代码示例展示其应用流程,助力企业提升网络安全与效率。未来,更多创新算法将融入该领域,保障企业数字化发展。
161 10
|
8月前
|
监控 Linux PHP
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
204 20
|
9月前
|
前端开发 小程序 Java
uniapp-网络数据请求全教程
这篇文档介绍了如何在uni-app项目中使用第三方包发起网络请求
590 3
|
11月前
|
存储 数据可视化 API
重磅干货,免费三方网络验证[用户系统+CDK]全套API接口分享教程。
本套网络验证系统提供全面的API接口,支持用户注册、登录、数据查询与修改、留言板管理等功能,适用于不想自建用户系统的APP开发者。系统还包含CDK管理功能,如生成、使用、查询和删除CDK等。支持高自定义性,包括20个自定义字段,满足不同需求。详细接口参数及示例请参考官方文档。