课程
如何的学习WEB可视化3D技术与课程内容演示
新增打造开放世界课程项目预览
threejs结合vue进行开发
本地部署threejs官网文档与案例
threejs结合React进行开发
threejs第一个3d页面
gsap控制网页切屏文字动画
设置滚动条隐藏的方式
设置三屏特效
设置页面结构与样式
切屏触发当前屏幕物体特效
鼠标控制相机摇晃特效
同步屏幕滚动与相机位置
基础材质_贴图_高光_透明_环境_光照_环境遮蔽
几何体划分顶点组设置不同材质
响应式画布与全屏控制.
应用lil-GUI调试开发3D效果
物体的缩放与旋转
threejs常见几何体
补间动画Tween应用
几何体_顶点_索引_面之BufferGeometry
贴图的加载与环境遮蔽贴图强度设置
加载gltf模型和加载压缩过的模型
透明度贴图_环境贴图加载与高光贴图配合使用
场景的线型雾和指数雾
物体位移与父子元素
光线投射实现3d场景交互事件
坐标辅助器与轨道控制器
纹理的颜色空间
清除物体_几何体_材质_纹理保证性能和内存不泄漏
Matcap材质原理与应用
StandardMaterial精讲与凹凸_置换_环境遮蔽_法向_粗糙度等贴图
巧用物理发光属性打造逼真IPHONE产品
透明物体的通透性_厚度_衰减颜色_衰减距离效果
透明物体的折射率和反射率
修改模型光泽效果打造逼真室内场景
布料和织物材料光泽效果
phong材质实现玻璃水晶效果
物理材质设置超逼真宝石戒指
Lambert材质与各种贴图应用
肥皂泡、油滴、蝴蝶翅膀等薄膜的虹彩效应
phong材质镜面高光材质应用
了解MeshPhysicalMaterial物理网格材质应用与物理效果
限制控制器位移-旋转角度避免3d场景穿帮
巧用编辑器设置材质效果导出物体
清漆效果与清漆粗糙度_清漆法向_清漆相关贴图
通过封装与相机裁剪实现漫天飞舞的雪花
运用数学知识打造复杂形状臂旋星系02
初识Points与点材质
应用顶点着色打造绚丽多彩的星空
运用数学知识打造复杂形状臂旋星系03
运用颜色收敛方法设置星系臂旋渐变
运用数学知识打造复杂形状臂旋星系01
深度解析点材质属性
精讲投射光线实现3维物体交互
全面讲解UV与应用
获取多个物体包围盒
几何体顶点转化_顶点位移_旋转_缩放
几何体居中与获取几何体中心
法向量属性应用与法向量辅助器
包围盒使用与世界矩阵转换
边缘几何体与线框几何体
Gsap动画库基本使用与原理
Gsap控制动画属性与方法
大场景动态级联阴影设置
聚光灯各属性详解
阴影作用透明度纹理与阴影常见问题
灯光与阴影详解
点光源各属性详解
直线光与阴影详细设置
设置固定不动的地面与小球碰撞
立方体相互碰撞后旋转效果
关联材质设置摩擦与弹性系数
使用物理引擎关联Threejs物体
认识物理引擎与cannon安装
监听碰撞事件和控制碰撞音效
给物体施加作用力
着色器插件安装与文件导入开发
认识rawShaderMaterial与attribute_uniform_varying变量
控制顶点位置打造波浪形状
初识着色器语言
unform传递时间变量打造动画与通过uv采样纹理
shader着色器打造漫天飞舞孔明灯2
着色器编写各类型图案2
着色器编写各种类型图案
shader着色器编写高级图案
shader着色器编写高级图案2
shader着色器打造漫天飞舞孔明灯1
使用官方提供的水模型
设置水流和波纹方向与速度
打造沙滩_水池
烟雾水效果介绍与代码准备
sin函数与噪声函数混合
设置sin与噪声参数
时间打造流动效果
点着色器图形设置原理
着色器设置点材质基本设置
使用纹理设置点着色器材质
根据视图Position设置点图案远近大小
着色器设置顶点旋转打造臂旋星系
Points中生成不同点图案
着色器设置顶点颜色打造渐变星系
合成效果原理与设置
运用时间打造水底波浪动态渲染效果
使用shaderPass实现自定义合成效果
实现抗锯齿_点效果_发光_屏幕闪动等特效
使用法向纹理合成特色渲染镜头
three框架材质原理与应用
修改物理光照材质制作人物被打效果01
修改物理光照材质制作人物被打效果03
修改物理光照材质制作人物被打效果02
点着色器设置炫丽烟花项目案例02
点着色器设置炫丽烟花项目案例03
点着色器设置炫丽烟花项目案例01
CSS渲染器基本使用
使用射线碰撞来检测标签显示隐藏
添加多个元素标签跟随物体移动
曲线使用与绘制流程
让物体与相机沿着曲线轨迹运动
edgeGeometry生成建筑线框特效
添加智慧城市天空盒子和设置抗锯齿效果
项目基础代码结构分解
从下向上扫描城市特效
利用tube特性生成带纹理图案飞线
封装3D警告标识与点击提示事件
生成城市建筑模型
飞线方案2-着色器绘制酷炫飞线
直线光带掠过城市效果
函数翻折实现彗星型飞线动画
Vue创建智慧城市项目并配置glsl写法支持
智慧城市光墙特效
智慧城市和项目介绍
城市模型科技感渐变效果
智慧城市雷达扫描特效
多层着色器特效合并与城市光圈扩散效果
智慧城市动态数字面板动画
智慧城市大屏样式与结构
大屏HTML元素与场景物体数据交互与特效展现
城市事件列表动态生成雷达-飞线-光墙
置Pointer-events穿透事件
通过接口生成城市事件列表
原理化BSDF
使用纹理贴图创建大厦
通过现实照片打造摩天大楼
制作园区树木
使用image插件快速搭建房子
物体设置2种材质打造大厦屋顶
使用建筑生成插件快速生成建筑
制作照亮路面的路灯
根据地图打造马路
原理化BSDF各种属性使用
根据地图创建多边形建筑
布尔修改器
字体3D添加与中文字体
镜像修改器
实体化修改器
倒角修改器
阵列修改器
表面细分修改器
平滑与平直着色
物体选择
物体合并与分离
模式切换与物体吸附
叠加层与快速收藏夹
吸附功能使用
各种视图着色预览使用
变换坐标系与变换轴心点
物体移动旋转缩放设置方式
设置物体的父级和子级
3d界面查看与相机视图
ExtraObject插件添加额外石头物体
界面布局与工具栏侧边栏
相机视图和透视与正交
blender下载与语言渲染设置
局部视图与隐藏物体
blender大纲选项开关与保存启动文件
添加与删除物体和添加物体的操作面板
draco解压模型与场景摄像设置
模型优化与材质优化
优化模型渲染逼近真实物理展示效果
设置大屏控制物体运动模式
设置园区汽车运行轨迹与动画
园区热气球动画
设置单一物体热气球多种动画
园区多相机视角切换
如何优化导出模型
自定义园区观览模式-轨道-飞行模式-第一人称
沃罗诺伊纹理种出随机草地
资产库打造智慧园区
烘焙计算好光照阴影的纹理
环切与切割
多边形与旋转
挤出功能使用
倒角
删除点线面基本操作
点线面基本操作
法向与法向翻转
光滑和随机以及滑移
推拉_球形化_隔离顶点
楼层结构与房间用3D科幻悬浮框标注
大屏控制各楼层展开显示
根据户型图搭建户型结构墙体
战斗机产品打散变形与组装恢复动画特效
厂房楼层材质光效优化与模型加载
根据需要微调科幻标注的位置
平面上创建发光灯带
分层设置物体发光特效
设置单个物体轮廓发光
产品爆炸破碎特效与产品爆炸恢复效果
递归复原复杂模型生成战斗机粒子特效
将产品物体变成粒子特效
缩放矩阵与uniform变量和varying变量
WEBGL绘制三角形
渲染管线
着色器glsl基本规范
细讲渲染流程
骨骼动画制作
人物的骨骼动画
如何切换控制器聚焦位置与拉近视角
创建骨骼与顶点组
与3D地图进行交互
GEOJSON与地图下载
通过GEO数据生成3D地图
通过GEO生成地图3D线
3D模型添加与设置
多边形_体积折线_矩形_椭球体设置
打造第一个cesium应用
详讲viewer查看器
添加物体与3D建筑物
Cesium自定义地图与地图叠加
相机的方向和位置
cesium天空盒
坐标系与坐标系数值转换
添加地形与添加自定义地形
标签与广告牌
椭圆_走廊_圆柱体添加与设置
Cesium基础设置
相机动画与相机动态交互
Appearance外观与材质
加载渲染GEOJSON数据
3D_tiles高级样式设置与条件渲染
Primitive创建图像物体
entity材质使用materialProperty
entity折线材质设置
初识CZML数据与应用
追踪航班跨洋飞行
Appearance编写着色器修改外观
根据不同条件设置3D_tiles样式
自定义GEOJSON生成物体的样式
3DTiles与性能监控
primitive材质类型与设置
cesium着色器自带函数与变量
与entity和primitive物体交互
CZML时间动态图形场景
Primitive多个实体与颜色修改
编写自定义MaterialProperty材质
fabric自定义着色器设置材质
KML数据生成3D地理标记
实现花苗生长到花开效果
变形动画原理与实现
扩展提升实现科技展览馆
VR全景看房原理与实现
全景看房场景房间切换
房间切换之地图动画
全局加载进度管理实现页面loading
进阶项目_户型墙体根据顶点数据自动生成
进阶项目_户型数据生成地面
进阶项目_全景图映射到对应的地面和天花板
进阶项目_切换房间查看全景效果
编写着色器实现建筑物渐变特效
粒子实现广州塔小蛮腰烟花特效
色器实现五彩斑斓雷达特效
地理小工具生成道路汽车行驶轨迹线
项目介绍
指南罗盘与比例尺
修改着色器实现酷炫地图颜色
六边形光波扩散特效
制作获取地图经纬度插件
编写着色器实现滚动光环特效
实现酷炫光锥动画
着色器实现科技感流光飞线特效
着色器编写流光四溢轨迹线
着色器编写区域光墙
纹理采样设置酷炫轨迹飞线
人物动作控制
自定义酷炫3D动效文字框
根据速度流畅切换走路与跑步动作
视频纹理与canvas动态结合打造酷炫3D文字界面
通过着色器修改水面材质源码实现海洋效果
元宇宙项目搭建与准备
元宇宙场景人物控制与物理碰撞
threejs合并物体工具提升渲染性能
人物抵达光阵或位置触发自定义事件
真实动态映射环境物体纹理
项目结构与代码编写模式
粒子群优化渲染体积云
镜面反射与原理
场景动态云雾制作
canvas纹理创建场景聊天框
元宇宙碰撞检测实现
加载元宇宙场景与灯光
场景火焰实时跟着音乐律动与音乐距离衰减
控制物体运动与阻尼
大场景渲染大量相同物体的实例化网格
视频纹理实现场景位置目标光阵效果
相机跟随任务运动与跳跃实现
alpha贴图与视频纹理
LOD多细节分层次优化场景模型展示
LOD不同精细模型制作
巧用空对象完成相机左右跟随人物
人物前后视角切换
修改开源着色器网站shaderToy开源代码编写酷炫篝火
元宇宙项目物理环境
视觉投影修改UV实现酷炫流光光阵特效
让人物爬坡爬楼梯原理
真实物理材质与新增彩虹折射效果
运用叉积控制左右水平运动
canvas绘制纹理生成动态3d文字
场景多个位置生源音效
着色器实现海景酒店日夜切换效果实现
太阳升起与降落
太阳照射镜头的光晕效果
夜景LED酒店外墙光幕效果
3D条形图
3D扇形图
3D折线图
搭建3D坐标轴
输入管理与角色动作状态和动画
触发机制与注册世界更新表
场景光阵交互完成传送角色-收看攒劲节目-情景切换
课程项目介绍
物理世界初始化与输入管理模块
场景渲染的执行流程
更新世界的执行流程
项目目录和模块介绍
给场景加载模型和各类型碰撞体
角色状态更新
适配移动端touch事件控制角色移动
天空模块和物理世界
初始化开放世界
加载默认场景和总是重生交通工具
更新物理世界和界限判断与角色重生
AI操控比赛竞速
封装移动端手指点地移动操作
场景初始化与场景空对象解析
更换模型和动画
角色初始化
添加关卡触发点
人物角色进入车辆过程
加载管理和UI界面管理
React-three-fiber库的安装与使用
纹理材质应用
模型加载与背景设置
useThree与事件交互
React-three-fiber控制器的使用
useFrame设置动画
React基础开发threejs方式
3D水晶文字和软阴影
后期环境光遮蔽处理
飞机场馆展示案例
多后期效果合成1个通道综合运用
普通阴影-接触阴影-级联阴影-烘焙阴影-PCSS阴影优缺点
屏幕空间反射
提升渲染效果具体细节实现流程
发光和轮廓混合交互特效
发光辉光的注意事项与处理
enhance-shader-lighting-gui调节设置
光线效果增强与调整
IFC模型与GLTF转换导入与导出
IBM的Revit模型与IFC模型
光线增强与后处理抗锯齿设置
div与threejs场景完美融合解决方案
物理引擎的用途和基本使用
实现多个形状组合物体
流体模拟
弹性与接触材质详解
监听碰撞事件和获取碰撞信息
使用距离约束实现布料模拟
模拟拥有悬架的车辆
添加PointToPointConstraint物体约束实现门帘效果
物体休眠与休眠事件
添加DistanceConstraint按距离约束物体运动
铰链关节约束与应用
碰撞与碰撞组
Trimesh实现复杂模型的物理碰撞模拟
添加LockConstraint物体约束
物理引擎基础碰撞讲解
使用弹簧约束2个物体运动
实现模拟驾驶刚体车辆
多种方式给物体施加作用力
控制车辆行进_转弯_漂移
材质与摩擦系数设置
物理破坏效果约束失效案例
环境纹理加载与视频纹理
组件通讯实现文字跟随3D元素
加载模型与播放动画
动画和关键帧的编写
材质_灯光_阴影
AR混合现实开发
资源加载与纹理
三维空间坐标转为屏幕坐标
动态加载纹理
事件交互
微信小程序3DXR开发第一个案例
逃离行为
追击行为
候鸟集群聚散效果
搜索目标前进与抵达目标
点击前往并且避开障碍物
限制路径与模型载入跟随
robot机器人导航巡视城市
导航网格实现避障寻路
使用yuka实现路径跟随
偏移追击实现群体跟随
封装自定义更新小车
多物体多材质烘焙到1张贴图
threejs程序材质节点实现珠光漆材质
操控机器人
threejs材质节点开发
创建展馆碰撞体
threejs高阶材质节点各函数讲解
法向_粗糙度_AO各种物理材质纹理贴图烘焙
threejs程序节点实现碳纤维材质
threejs程序化节点材质
sketchup草图大师模型转blender模型优化
threejs程序节点噪声函数材质应用
虚拟按键操控机器人
科技馆物理世界搭建
展馆材质物理程序节点设置
WebGPU-环境贴图
Threejs应用WebGPU渲染的第一个场景
WEBGPU车机系统视频展示
汽车展示与交互功能
WebGPU程序化节点材质基础节点
节点材质的纹理与透明度节点
WebGPU粒子节点材质与随机数节点
WebGPU程序节点材质时间节点控制动画
汽车加载与阴影纹理程序节点设置
WebGPU灯光与阴影
控制车门开启关闭
WebGPU程序节点打造粒子烟雾特效
WEBGPU汽车展馆搭建
WebGPU封装自定义程序化节点函数
WebGPU着色器函数编写
WEBGPU车身材质效果优化设置
认识WEBGPU
WGSL常用语法
WGSL属性_uniform_顶点与片元传递数据方式
WEBGPU多重采样与抗锯齿
WEBGPU绘制三角形
WEBGPU实现多彩旋转立方体
立方体数据创建与缓冲区写入数据
WEBGPU的基本配置详解
WEBGPU纹理采样
WGSL变量类型与指定
WEBGPU视频纹理
jpg_png_webp_dds_ktx_hdr_exr格式纹理贴图
纹理映射之放大过滤和缩小过滤
使用NVIDIA_Texture_Tools软件导出优化压缩
threejs中使用KTX2_DDS_TGA纹理
纹理重复_缩放_旋转_位移操作
设置高动态范围全景背景色调映射和色调曝光
mipmap解决摩尔纹条纹
纹理纵向翻转与预乘alpha生成颜色
高动态范围图片EXR_TIF_PNG加载使用
各项异性anisotropy解决倾斜模糊问题
材质深度模式_深度测试_深度写入_渲染顺序详解
透明冰块_透明液体_透明杯子多个透明物体混和渲染
裁剪平面对物体裁剪
材质混合模式详解
模板渲染
剪裁场景-1个物体同时渲染多种材质效果
模板渲染实现金属剖切面
家居列表与控制物体切换
基础设置与物体添加列表
变换控制器按照本地与世界坐标控制
固定缩放位移旋转的比例
使用变换控制器操作物体
变换控制器对物体位移_旋转_缩放技巧
吸附地面与室内灯光开关
threejs设置keyframe关键帧实现动画
人物多动作丝滑切换
numberkeyframe数值动画
四元数与欧拉角转换设置关键帧动画
颜色关键帧动画实现各种材质颜色属性动画
mixer混合器详解
布尔关键帧动画实现闪烁的星球
动画原理与应用
给粒子加重力和碰撞效果
动画帧的技能粒子特效
超酷炫纹理粒子特效
quarks创建粒子动画特效
粒子动画系统配置详解
粒子系统自定义几何体形状和材质
控制粒子生命周期行为
噪声函数与网格创建区域不规则运动
各种形状粒子动画
模型创建漫天飞舞的树叶
参数化曲面的几何图形生成河道动态指示线
3D金属文字面板模块封装
镜像加超酷炫着色器材质打造魔幻空间
天空云彩与城市建筑光影效果
科技城项目介绍与环境搭建
明珠塔酷炫雷达扫描特效
时空穿梭圆环特效
主副高反差场景切换聚焦单一建筑
时空穿梭边缘激光扫射灼烧特效
城市波光粼粼的河道方案
threejs项目结构设置与模块初始化
天空盒完美投影到地面的解决方案
空间魔术式切换物体
噪声云雾激光扩散特效
3D数字人闲时和聊天实时切换
流式实时录音实时识别音频
大语言模型根据流式回复音频内容
实时录音获取音量效果
队列音频流式生成与返回
完整版聊天界面与数字人结合
鼠标与海量粒子模型的交互
让海量粒子随机不规则运动
超酷炫粒子官网特效-页面文字动效
背景随机粒子类封装与实现
依据模型随机生成模型表面粒子
设置海量随机粒子的大小
滚轮切换粒子爆炸聚合
通过随机顶点取出纹理uv颜色
实现根据需求提示词生成模型图片
threejs编辑器添加AI生成模型面板
解决threejs编辑器输入框BUG
threejs编辑器AI生成模型功能演示
应用混元3D模型根据图片生成场景模型加入编辑器
threejs编辑器初始配置
了解AI智能体和认识Trae与安装
让AI遵循你定义的规则和项目规则
Trae如何解决大模型API繁忙和修改
AI智能体自动分解编程任务自主控制浏览器查找信息_自动迭代编程
Trae智能体开发应用的基本功能教学
AI回退代码和提新需求处理操作
让AI聚焦具体代码、文件、文件夹和公司专属知识库文档
让AI应用MCP根据对应版本文档准确生成代码