首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
剑指three-自学系列
小桥风满袖
创建于2025-04-20
订阅专栏
一个自学three.js的独行者
等 112 人订阅
共41篇文章
创建于2025-04-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Three.js-硬要自学系列21 (相机动画、旋转渲染、管道漫游)
本章主要学习知识点 学习如何操作摄像机运动 了解如何旋转相机进行渲染 了解管道漫游实现原理,并练习实操 相机动画 相机动画可以理解为「让3D场景的虚拟镜头动起来」,就像电影中的运镜效果。 通过移动摄像
Three.js-硬要自学系列20 (正投影相机、Canvas尺寸变化、包围盒、地图包围盒)
本章主要学习知识点 了解正投相机概念 掌握如何监听窗口变化而同步更新Canavs更新 学会为模型添加可视化包围盒 练习创建地图模型,并可视化包围盒 正投影相机 正投影相机(OrthographicCa
Three.js-硬要自学系列19 (曲线颜色渐变、渐变插值、查看设置gltf顶点、山脉高度可视化)
本章主要学习知识点 学习如何实现曲线颜色渐变 掌握利用插值实现颜色渐变 学会查看gltf顶点并设置其顶点 练习山脉高度可视化 曲线颜色渐变 「曲线颜色渐变」可以理解为让一条3D曲线从起点到终点呈现颜色
Three.js-硬要自学系列18 (模型边界线、几何体顶点颜色、网格模型颜色渐变)
本章主要学习知识点 了解模型边界线概念 学会生成模型边界线 学会为几何体顶点设置颜色 掌握为网格模型生成渐变颜色 模型边界线 「模型边界线」可以理解为为3D模型添加轮廓描边,就像用荧光笔勾出物体的边缘
Three.js-硬要自学系列17 (拉伸、扫描、多边形轮廓简介、轮廓圆弧、多边形内孔)
本章主要学习知识点 掌握如何拉伸二维平面为三维物体 掌握如何通过扫描生成物体 了解多边形轮廓概念 掌握如何实现多边形圆弧 掌握如何实现多边形内孔 拉伸 「拉伸」 功能可以理解为将二维图形「变厚」成三维
Three.js-硬要自学系列16 (贝塞尔曲线应用、组合曲线、路径管道、旋转成型、轮廓填充)
本章主要学习知识点 学习如何操作贝塞尔曲线控制点 掌握组合曲线CurvePath的使用 学习如何通过曲线路径创建管道 了解什么是旋转成型概念,并练习巩固 掌握如何通过轮廓填充一个面 贝塞尔曲线应用 通
Three.js-硬要自学系列15 (圆弧顶点、几何体方法、曲线简介、圆、椭圆、样条曲线、贝塞尔曲线)
本章主要学习知识点 学习如何生成圆弧 了解立方体和直线之间的关系 了解曲线的基本概念 使用曲线在场景中创建圆和椭圆 了解什么是样条曲线,并使用样条曲线绘制不同的线条 使用贝塞尔曲线创建线条 生成圆弧顶
Three.js-硬要自学系列14 (PBR材质、环境贴图、清漆层、物理材质透光率)
本章主要学习知识点 了解PBR材质概念 学会使用PBR材质 学会加载环境贴图,并将贴图材质应用到物体上 掌握创建物理材质,并学会如何添加清漆层 学会对物理材质设置透光率 PBR材质 PBR 材质(基于
Three.js-硬要自学系列13 (加载gltf外部模型、加载大模型)
本章主要学习知识点 学会在three.js中加载gltf模型 掌握使用DRACO解压大模型 加载gltf模型 导入GLTF加载器 加载模型 效果图 模型不显示,问题排查 检查文件路径是否正确。 确认添
Three.js-硬要自学系列12 (各种贴图的综合应用)
关于模型贴图,我觉得有必要拿出来单独练习巩固下 基础贴图(Diffuse Map) 作用:给模型「穿衣服」,定义表面颜色和图案。比如给木箱贴上木板纹理 凹凸贴图(Bump Map) 作用:用黑白图模拟
Three.js-硬要自学系列11 (纹理阵列、UV动画)
### 本章主要学习知识点 学习设置纹理阵列 实现纹理动画效果 纹理阵列 纹理阵列指的是将一张小图重复平铺在模型表面,就像贴瓷砖一样,通过重复排列小图来覆盖大面积的模型。 在Three.js 中,通过
Three.js-硬要自学系列10 (创建纹理贴图、自定义顶点UV坐标)
本章主要学习知识点 学习创建纹理并应用纹理 理解UV概念,以及学会如何自定义UV坐标 纹理texture 简单理解,纹理就是3D物体的皮肤,就像是给模型贴上一层图片,让它看起来更真实或更有细节。 可以
Three.js-硬要自学系列9 (Vector3与模型位置、遍历树结构,查询节点、移除隐藏模型对象)
本章主要学习知识点 了解three.js中的组对象group,并练习一些基本操作 练习遍历模型树结构、查询模型节点 了解本地坐标与世界坐标概念 练习修改模型相对于局部坐标原点的位置 练习移除隐藏模型对
Three.js-硬要自学系列8 (三维向量、欧拉与角度,模型材质颜色、克隆和复制)
本章主要学习知识点 了解三维向量概念,并实现使用向量归一化移动模型 了解欧拉对象 练习修改材质的颜色 掌握如何复制克隆模型 三维向量Vector3 三维向量Vector3有xyz三个分量,threej
Three.js-硬要自学系列7 (查看几何体顶点位置和索引、旋转,缩放,平移几何体)
本章主要学习知识点 学会如何查看几何体的顶点位置数据以及索引 设置几何体旋转、缩放、平移,以及居中模型 查看几何体顶点位置和索引 首先创建几个常见的几何体,方便我们进行查看 几何体的顶点数据存储在 p
Three.js-硬要自学系列6 (构建矩形平面、顶点索引、顶点法线数据)
本章主要学习知识点 学习通过顶点数据来构建一个矩形平面 使用BufferGeometry创建几何体,并设置顶点索引数据 学会设置顶点位置和法线数据,并利用顶点法向量辅助器观察法线 构建矩形平面 创建顶
Three.js-硬要自学系列5 (顶点位置数据和点模型、线模型、网格模型)
本章主要学习知识点 了解几何体的顶点位置数据,使用点模型标注顶点位置 使用线模型在场景中绘制线条 了解什么是网格模型,并呈现模型 顶点位置数据和点模型 数据特点 顺序性:顶点数据按顺序排列,每三个数值
Three.js-硬要自学系列4 (阵列立方体和相机适配、常见几何体、高光材质、lil-gui库)
本章学习任务 实现在场景中添加多个模型形成阵列排布,以及如何设置相机的位置,以便更方便的观察 练习three.js中常见的一些几何体 了解并运用高光材质phong 使用gui.js库更好的调试应用 阵
Three.js-硬要自学系列3 (平行光与环境光、动画渲染循环、stats状态查看器)
本篇中主要学习平行光与环境光点光源概念以及相应的辅助器的使用 平行光与环境光 在Three.js 中,平行光(DirectionalLight)和环境光(AmbientLight)是两种常用的光源类型
three.js-硬要自学系列2 (坐标系、光源对物体影响、相机控件运用)
上一篇中我创建了一个基本的3d场景,并让场景中的立方体进行了旋转 本节中我将学习使用三维坐标系辅助我观察物体在空间中的位置 三维坐标辅助器登场 three.js坐标轴颜色红R、绿G、蓝B分别对应坐标系
下一页