three.js

three.js

文章 389 浏览 2.2k

Three.js 可视化平移、旋转三维模型

对于一些三维建模软件,通过鼠标事件选中一个三维模型会显示一个三维坐标轴,通过鼠标拖拽坐标轴可以平移该三维模型。 使用鼠标拖动三维模型,本质上…

瑾兮 2021-11-18 13:13:29 1914 0 0

Three.js 自定义着色器程序 ShaderMaterial

自定义 three.js 着色器程序需要用到着色器语言 GLSL ES 和相关的 WebGL API,因此在学习本节课之前最好具有一定 WebGL 基础。 着色器程序至少包含顶…

想挽留 2021-11-18 13:07:55 1461 0 0

Three.js 模型标签

在很多的实际的项目中,你可能需要给一个 Three.js 的模型添加标签,标签可以通过一个包含文字图形信息的 HTML 元素或者一个 three.js 的精灵模型来表…

虐人心 2021-11-17 13:16:11 1471 0 0

Three.js 着色器之模型矩阵、视图矩阵、投影矩阵

本节课讲解如何通过 ShaderMaterial 编写顶点矩阵变换的代码,Three.js 的渲染器解析场景和相机参数进行渲染的时候,会从模型对象获得几何体顶点对应…

晚风撩人 2021-11-17 13:13:47 1514 0 0

Three.js 欧拉对象 Euler 和四元数 Quaternion

欧拉对象和四元数主要用来表达对象的旋转信息。关键词:欧拉 Euler、四元数 Quaternion、矩阵 Matrix4 欧拉对象 Euler 构造函数:Euler(x,y,z,order) …

晚风撩人 2021-11-08 19:40:28 1294 0 0

Three.js 旋转矩阵、平移矩阵、缩放矩阵

在 WebGL 中对一个对象进行平移、旋转或缩放本质就是对对象的顶点坐标进行平移、旋转、缩放矩阵变换。 关键词 在学习本节课之前最好对旋转、平移、缩…

虐人心 2021-11-08 19:32:44 1746 0 0

Three.js 着色器 UV 动画

UV 动画的实现方式,一种是通过 Texture 偏移属性 offset 实现 UV 动画,另一种方式是通过着色器代码的方式实现UV动画。 Texture 偏移属性 offset 实…

泛泛之交 2021-11-02 12:51:11 1545 0 0

Three.js 如何学习 WebGL 和 Three.js

当你开始思考你应该如何学习 WebGL 和 Three.js 的时候,相信你至少对相关的关键词了解过了,希望通过 WebGL 或 Three.js 实现你想要的 Web3D 功能,…

偏爱自由 2021-11-02 12:48:10 1379 0 0

Gio.js 基于 Three.js 的 web3D 地球数据可视化的开源组件库

Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者,可以快速地以申明的方式创建自定义的Web3D数据可…

JSmiles 2021-10-31 02:43:49 1934 0 0

Three.js 几何计算 Line3、Triangle、Ray、Plane

Threejs 封装了一些和几何计算相关的 API,比如线段 Line3、三角形 Triangle、射线 Ray、平面 Plane。 线段 Line3 通过起始点定义一条线段。 // 创建…

灵芸 2021-10-29 12:34:52 1481 0 0

Three.js 矩阵 Matrix4

如果你有线性代数的基础,自然对象矩阵并不陌生,如果对大学所学的线性代数具体知识已经忘记了也没有关系,Three.js的矩阵库对常见的矩阵运算都进行了…

虐人心 2021-10-29 12:33:22 1621 0 0

three.js 材质 material

材质 为了渲染出不同的效果three.js提供了多种材质对象,点、线、面(网格)三种渲染模式都有自己对应的材质模型,在第二章点线面课程中已经简单介绍过…

泛泛之交 2021-10-27 23:03:44 1518 0 0

Three.js 向量 Vector3

为了让大家深入了解 Three.js 的 Math 模块 API,本节课对向量内容展开讲解。 几维向量就有几个分量,二维向量 Vector2 有x和y两个分量,也就是 Vecto…

甜柠檬 2021-10-27 22:53:28 2002 0 0

Three.js 次时代和 PBR(MeshPhongMaterial 和 MeshStandardMaterial)

本文涉及到的关键词有高光网格材质 MeshPhongMaterial、标准网格材质MeshStandardMaterial、物理网格材质MeshPhysicalMaterial、次时代、PBR,如果你…

浮生未歇 2021-10-25 12:41:37 1550 0 0

three.js-master 目录结构

为了方便大家学习,准备对 Three.js 工程目录进行简单介绍。如果能很好的利用 three.js-master 文件下的资源,对于 Threejs 学习和 Web3D 项目的开发…

晚风撩人 2021-10-25 12:40:00 1329 0 0
更多

推荐作者

qq_aHcEbj

文章 0 评论 0

寄与心

文章 0 评论 0

13545243122

文章 0 评论 0

流星番茄

文章 0 评论 0

春庭雪

文章 0 评论 0

潮男不是我

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文