【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

相关文章
|
3月前
|
自动驾驶 物联网 5G
深入探索5G网络中的网络切片技术及其应用场景
深入探索5G网络中的网络切片技术及其应用场景
1080 3
|
5月前
|
SQL 安全 算法
爆赞!终于有大佬把网络安全零基础入门教程给讲明白了!
网络安全的一个通用定义指网络信息系统的硬件、软件及其系统中的数据受到保护,不因偶然的或者恶意的破坏、更改、泄露,系统能连续、可靠、正常地运行,服务不中断。网络安全简单的说是在网络环境下能够识别和消除不安全因素的能力。 网络安全在不同环境和应用中有不同的解释,例如系统运行的安全、系统信息内容的安全、信息通信与传播的安全等。 网络安全的主体是保护网络上的数据和通信的安全,数据安全性是指软硬件保护措施,用来阻止对数据进行非授权的泄漏、转移、修改和破坏等,通信安全性是通信保护措施,要求在通信中采用保密安全性、传输安全性、辐射安全性等措施。
|
2月前
|
机器学习/深度学习 自然语言处理 自动驾驶
神经网络有哪些应用场景呢
【10月更文挑战第14天】神经网络有哪些应用场景呢
|
2月前
|
弹性计算 Kubernetes 网络协议
阿里云弹性网络接口技术的容器网络基础教程
阿里云弹性网络接口技术的容器网络基础教程
阿里云弹性网络接口技术的容器网络基础教程
|
5月前
|
存储 缓存 网络协议
网络编程初学者必备:从零开始的详细教程与资源汇总
网络编程初学者必备:从零开始的详细教程与资源汇总
|
2月前
|
Java Linux
【网络】高并发场景处理:线程池和IO多路复用
【网络】高并发场景处理:线程池和IO多路复用
47 2
|
3月前
|
网络协议 开发者 Python
网络编程小白秒变大咖!Python Socket基础与进阶教程,轻松上手无压力!
在网络技术飞速发展的今天,掌握网络编程已成为开发者的重要技能。本文以Python为工具,带你从Socket编程基础逐步深入至进阶领域。首先介绍Socket的概念及TCP/UDP协议,接着演示如何用Python创建、绑定、监听Socket,实现数据收发;最后通过构建简单的聊天服务器,巩固所学知识。让初学者也能迅速上手,成为网络编程高手。
77 1
|
2月前
|
机器学习/深度学习 自然语言处理 算法
神经网络算法以及应用场景和基本语法
神经网络算法以及应用场景和基本语法
45 0
|
4月前
|
负载均衡 安全 网络虚拟化
CCE集群VPC网络模式下几种访问场景
【8月更文挑战第13天】在CCE(Cloud Container Engine)集群的VPC网络模式下,支持多样化的访问场景:容器应用可直接利用VPC访问外部资源;通过ELB负载均衡或VPN/专线配置,实现外部网络对容器应用的安全访问;容器间通过内部IP或服务发现机制相互通信;跨VPC访问则可通过VPC对等连接或云连接服务实现。这些方案确保了应用内外部通信的安全与高效。
114 3
|
4月前
|
SQL 运维 安全
GitHub爆赞的Web安全防护指南,网络安全零基础入门必备教程!
web安全现在占据了企业信息安全的很大一部分比重,每个企业都有对外发布的很多业务系统,如何保障web业务安全也是一项信息安全的重要内容。 然而Web 安全是一个实践性很强的领域,需要通过大量的练习来建立对漏洞的直观认识,并积累解决问题的经验。 Web安全与防护技术是当前安全界关注的热点,今天给小伙伴们分享的这份手册尝试针对各类漏洞的攻防技术进行体系化整理,从漏洞的原理到整体攻防技术演进过程进行详细讲解,从而形成对漏洞和web安全的体系化的认识。