threejs/webgl
关注
分享
扫一扫
文章平均质量分 77
学习webgl，threejs相关知识
jackletter
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
three.js 入门六：向geometry中传入自定义的attribute属性, 在shader中访问此属性
属性，那么我们可不可以写入其他任意属性呢？//共用一个shader材质。正常情况下，我们使用。原创 2025-02-13 18:13:30 · 1011 阅读 · 0 评论 -
three.js 入门五：buffergeometry的color属性
在使用 buffergeometry 创建几何体的时候可以为每个顶点定义一个color属性, 然后材质就可以启用使用此顶点渐变着色。完整的代码示例见上方下载。原创 2025-02-13 17:48:31 · 316 阅读 · 0 评论 -
three.js 入门四：THREE.BoxGeometry 解析
就是一个面有4个点, 假设长宽深的segments都是1的话(默认是1), 那么每个。BoxGeometry在创建的时候, 内部划分成了6个。代码在上方下载链接。原创 2024-03-14 19:33:11 · 8169 阅读 · 0 评论 -
three.js 入门三：buffergeometry贴图属性（position、index和uvs）
threejs中如何在buffergeometry中贴图原创 2023-12-08 11:54:31 · 10488 阅读 · 0 评论 -
three.js入门二：相机的zoom参数
透视相机或正交相机都有一个zoom参数，它可以用来将相机排到的内容在canvas上缩放显示。原创 2023-07-26 10:30:31 · 12330 阅读 · 0 评论 -
three.js入门一：入门demo讲解
环境：threejs：129vscodewindowedge关于threejs：开源web3d引擎github：https://github.com/mrdoob/three.js/官网：https://threejs.org/中文教程：http://www.yanhuangxueyuan.com/WebGL/1. 入门Demo<!DOCTYPE html><html lang="en"><head> <meta cha原创 2022-01-20 14:52:41 · 2822 阅读 · 0 评论 -
图形学基础：二维三维刚体的移动、缩放和旋转矩阵
注意：绕某轴旋转则眼睛看向某轴的负方向，逆时针为正，顺时针为负（和左右手坐标系没关系）。(2,0) 先平移 (0,2) 再旋转90°应该为: (-2,2)点(2,1,2) 在x,y,z轴上分别移动 x,y,z距离。点 (2,1,2) 在x,y,z轴上分别缩放x,y,z倍。θ 表示点绕过原点的 x, y, z 轴旋转θ°。x,y,z分别表示点在x,y,z轴缩放的倍数。x，y分表表示在x轴，y轴上移动的距离。x，y分别表示在x轴，y轴缩放的倍数。点 (2,1) 绕原点旋转90°。θ 表示点绕原点旋转θ°。原创 2024-04-10 11:46:55 · 7836 阅读 · 0 评论