Three.js可视化企业实战WEBGL课-2024年50章(源码+素材+课件)

zjy_dmz

课程详情:
《Three.js可视化企业实战WEBGL课》是一门全面深入的课程，涵盖从Three.js基础到高级应用的多个方面。课程内容包括开发环境搭建、几何体与材质详解、灯光与阴影、动画系统、粒子特效、着色器编程、物理引擎、AI寻路、元宇宙构建等。通过多个实战项目（如智慧城市、智慧园区、元宇宙虚拟世界等），学员能够掌握3D可视化开发的核心技能，并应用于企业级项目中。课程还涉及Blender建模、Cesium地理数据可视化、WebGPU等前沿技术，适合有一定前端基础的开发者深入学习。

课程目录:
└─Three.js可视化企业实战WEBGL课-2024年50章(源码+素材+课件)
    ├─视频
    │  ├─{1}--认识three.js与开发环境搭建
    │  │      [1.1]--如何的学习WEB可视化3D技术与课程内容演示.mp4
    │  │      [1.2]--新增打造开放世界课程项目预览.mp4
    │  │      [1.3]--本地部署threejs官网文档与案例.mp4
    │  │      [1.4]--threejs第一个3d页面.mp4
    │  │      [1.5]--threejs结合vue进行开发.mp4
    │  │      [1.6]--threejs结合React进行开发.mp4
    │  │      
    │  ├─{2}--Three.js开发入门与调试设置
    │  │      [2.10]--贴图的加载与环境遮蔽贴图强度设置.mp4
    │  │      [2.11]--透明度贴图_环境贴图加载与高光贴图配合使用.mp4
    │  │      [2.12]--纹理的颜色空间.mp4
    │  │      [2.13]--场景的线型雾和指数雾.mp4
    │  │      [2.14]--加载gltf模型和加载压缩过的模型.mp4
    │  │      [2.15]--光线投射实现3d场景交互事件.mp4
    │  │      [2.16]--补间动画Tween应用.mp4
    │  │      [2.1]--坐标辅助器与轨道控制器.mp4
    │  │      [2.2]--物体位移与父子元素.mp4
    │  │      [2.3]--物体的缩放与旋转.mp4
    │  │      [2.4]--响应式画布与全屏控制..mp4
    │  │      [2.5]--应用lil-GUI调试开发3D效果.mp4
    │  │      [2.6]--几何体_顶点_索引_面之BufferGeometry.mp4
    │  │      [2.7]--几何体划分顶点组设置不同材质.mp4
    │  │      [2.8]--threejs常见几何体.mp4
    │  │      [2.9]--基础材质_贴图_高光_透明_环境_光照_环境遮蔽.mp4
    │  │      
    │  ├─{3}--03-Geometry进阶详解
    │  │      [3.1]--全面讲解UV与应用.mp4
    │  │      [3.2]--法向量属性应用与法向量辅助器.mp4
    │  │      [3.3]--几何体顶点转化_顶点位移_旋转_缩放.mp4
    │  │      [3.4]--包围盒使用与世界矩阵转换.mp4
    │  │      [3.5]--几何体居中与获取几何体中心.mp4
    │  │      [3.6]--获取多个物体包围盒.mp4
    │  │      [3.7]--边缘几何体与线框几何体.mp4
    │  │      
    │  ├─{4}--详解材质与纹理
    │  │      [4.10]--布料和织物材料光泽效果.mp4
    │  │      [4.11]--肥皂泡、油滴、蝴蝶翅膀等薄膜的虹彩效应.mp4
    │  │      [4.12]--清除物体_几何体_材质_纹理保证性能和内存不泄漏.mp4
    │  │      [4.13]--物理材质设置超逼真宝石戒指.mp4
    │  │      [4.14]--巧用编辑器设置材质效果导出物体.mp4
    │  │      [4.15]--巧用物理发光属性打造逼真IPHONE产品.mp4
    │  │      [4.16]--修改模型光泽效果打造逼真室内场景.mp4
    │  │      [4.17]--限制控制器位移-旋转角度避免3d场景穿帮.mp4
    │  │      [4.1]--Matcap材质原理与应用.mp4
    │  │      [4.2]--Lambert材质与各种贴图应用.mp4
    │  │      [4.3]--phong材质镜面高光材质应用.mp4
    │  │      [4.4]--phong材质实现玻璃水晶效果.mp4
    │  │      [4.5]--StandardMaterial精讲与凹凸_置换_环境遮蔽_法向.mp4
    │  │      [4.6]--了解MeshPhysicalMaterial物理网格材质应用与物.mp4
    │  │      [4.7]--透明物体的通透性_厚度_衰减颜色_衰减距离效果.mp4
    │  │      [4.8]--透明物体的折射率和反射率.mp4
    │  │      [4.9]--清漆效果与清漆粗糙度_清漆法向_清漆相关贴图.mp4
    │  │   
    │  ├─{5}--纹理材质高级操作
    │  │      [5.10]--高动态范围图片EXR_TIF_PNG加载使用.mp4
    │  │      [5.11]--材质深度模式_深度测试_深度写入_渲染顺序详解.mp4
    │  │      [5.12]--材质混合模式详解.mp4
    │  │      [5.13]--透明冰块_透明液体_透明杯子多个透明物体混和渲染.mp4
    │  │      [5.14]--裁剪平面对物体裁剪.mp4
    │  │      [5.15]--剪裁场景-1个物体同时渲染多种材质效果.mp4
    │  │      [5.16]--模板渲染.mp4
    │  │      [5.17]--模板渲染实现金属剖切面.mp4
    │  │      [5.1]--纹理重复_缩放_旋转_位移操作.mp4
    │  │      [5.2]--纹理纵向翻转与预乘alpha生成颜色.mp4
    │  │      [5.3]--纹理映射之放大过滤和缩小过滤.mp4
    │  │      [5.4]--mipmap解决摩尔纹条纹.mp4
    │  │      [5.5]--各项异性anisotropy解决倾斜模糊问题.mp4
    │  │      [5.6]--jpg_png_webp_dds_ktx_hdr_exr格式纹理.mp4
    │  │      [5.7]--使用NVIDIA_Texture_Tools软件导出优化压缩.mp4
    │  │      [5.8]--threejs中使用KTX2_DDS_TGA纹理.mp4
    │  │      [5.9]--设置高动态范围全景背景色调映射和色调曝光.mp4
    │  │      
    │  ├─{6}--详解灯光与阴影
    │  │      [6.1]--Gsap动画库基本使用与原理.mp4
    │  │      [6.2]--Gsap控制动画属性与方法.mp4
    │  │      [6.3]--灯光与阴影详解.mp4
    │  │      [6.4]--直线光与阴影详细设置.mp4
    │  │      [6.5]--聚光灯各属性详解.mp4
    │  │      [6.6]--点光源各属性详解.mp4
    │  │      [6.7]--阴影作用透明度纹理与阴影常见问题.mp4
    │  │      [6.8]--大场景动态级联阴影设置.mp4
    │  │      
    │  ├─{7}--操控物体实现家居编辑器
    │  │      [7.1]--基础设置与物体添加列表.mp4
    │  │      [7.2]--使用变换控制器操作物体.mp4
    │  │      [7.3]--家居列表与控制物体切换.mp4
    │  │      [7.4]--变换控制器对物体位移_旋转_缩放技巧.mp4
    │  │      [7.5]--变换控制器按照本地与世界坐标控制.mp4
    │  │      [7.6]--固定缩放位移旋转的比例.mp4
    │  │      [7.7]--吸附地面与室内灯光开关.mp4
    │  │      
    │  ├─{8}--3D动画系统详解
    │  │      01 动画原理与应用.mp4
    │  │      02 three设置keyframme关键帧实现动画.mp4
    │  │      03 四元数与欧拉角转换设置关键帧动画.mp4
    │  │      04 布尔关键帧动画实现闪烁的星球.mp4
    │  │      05 颜色关键帧动画实现各种颜色属性动画.mp4
    │  │      06 numberkeyframe数值动画.mp4
    │  │      07 mixer混合器详解.mp4
    │  │      08 人物多动作丝滑切换.mp4
    │  │      20240325_121954.mp4
    │  │      
    │  ├─{9}--精通粒子特效
    │  │      [8.1]--初识Points与点材质.mp4
    │  │      [8.2]--深度解析点材质属性.mp4
    │  │      [8.3]--应用顶点着色打造绚丽多彩的星空.mp4
    │  │      [8.4]--通过封装与相机裁剪实现漫天飞舞的雪花.mp4
    │  │      [8.5]--运用数学知识打造复杂形状臂旋星系01.mp4
    │  │      [8.6]--运用数学知识打造复杂形状臂旋星系02.mp4
    │  │      [8.7]--运用数学知识打造复杂形状臂旋星系03.mp4
    │  │      [8.8]--运用颜色收敛方法设置星系臂旋渐变.mp4
    │  │
    │  ├─{10}--详解光线投射与物体交互
    │  │      [9.1]--精讲投射光线实现3维物体交互.mp4
    │  │      
    │  ├─{11}--打造3D全屏滚动官网
    │  │      [10.1]--设置页面结构与样式.mp4
    │  │      [10.2]--同步屏幕滚动与相机位置.mp4
    │  │      [10.3]--设置三屏特效.mp4
    │  │      [10.4]--切屏触发当前屏幕物体特效.mp4
    │  │      [10.5]--gsap控制网页切屏文字动画.mp4
    │  │      [10.6]--鼠标控制相机摇晃特效.mp4
    │  │      [10.7]--设置滚动条隐藏的方式.mp4
    │  │      
    │  ├─{12}--应用物理引擎设置物体相互作用
    │  │      [11.1]--认识物理引擎与cannon安装.mp4
    │  │      [11.2]--使用物理引擎关联Threejs物体.mp4
    │  │      [11.3]--设置固定不动的地面与小球碰撞.mp4
    │  │      [11.4]--监听碰撞事件和控制碰撞音效.mp4
    │  │      [11.5]--关联材质设置摩擦与弹性系数.mp4
    │  │      [11.6]--立方体相互碰撞后旋转效果.mp4
    │  │      [11.7]--给物体施加作用力.mp4
    │  │      
    │  ├─{13}--WEBGL与GPU渲染原理（难点）后期再消化亦可
    │  │      [12.1]--渲染管线.mp4
    │  │      [12.2]--细讲渲染流程.mp4
    │  │      [12.3]--WEBGL绘制三角形.mp4
    │  │      [12.4]--缩放矩阵与uniform变量和varying变量.mp4
    │  │      [12.5]--着色器glsl基本规范.mp4
    │  │      
    │  ├─{14}--精通着色器编程（难点）
    │  │      [13.10]--shader着色器打造漫天飞舞孔明灯1.mp4
    │  │      [13.11]--shader着色器打造漫天飞舞孔明灯2.mp4
    │  │      [13.1]--初识着色器语言.mp4
    │  │      [13.2]--着色器插件安装与文件导入开发.mp4
    │  │      [13.3]--认识rawShaderMaterial与attribute_un.mp4
    │  │      [13.4]--控制顶点位置打造波浪形状.mp4
    │  │      [13.5]--unform传递时间变量打造动画与通过uv采样纹理.mp4
    │  │      [13.6]--着色器编写各种类型图案.mp4
    │  │      [13.7]--着色器编写各类型图案2.mp4
    │  │      [13.8]--shader着色器编写高级图案.mp4
    │  │      [13.9]--shader着色器编写高级图案2.mp4
    │  │      
    │  ├─{15}--着色器打造烟雾水云效果
    │  │      [14.1]--烟雾水效果介绍与代码准备.mp4
    │  │      [14.2]--sin函数与噪声函数混合.mp4
    │  │      [14.3]--设置sin与噪声参数.mp4
    │  │      [14.4]--时间打造流动效果.mp4
    │  │      [14.5]--设置水流和波纹方向与速度.mp4
    │  │      [14.6]--使用官方提供的水模型.mp4
    │  │      [14.7]--打造沙滩_水池.mp4
    │  │      
    │  ├─{16}--着色器设置点材质
    │  │      [15.1]--着色器设置点材质基本设置.mp4
    │  │      [15.2]--点着色器图形设置原理.mp4
    │  │      [15.3]--使用纹理设置点着色器材质.mp4
    │  │      [15.4]--Points中生成不同点图案.mp4
    │  │      [15.5]--根据视图Position设置点图案远近大小.mp4
    │  │      [15.6]--着色器设置顶点旋转打造臂旋星系.mp4
    │  │      [15.7]--着色器设置顶点颜色打造渐变星系.mp4
    │  │      
    │  ├─{17}--炫丽烟花交互项目案例
    │  │      [16.1]--点着色器设置炫丽烟花项目案例01.mp4
    │  │      [16.2]--点着色器设置炫丽烟花项目案例02.mp4
    │  │      [16.3]--点着色器设置炫丽烟花项目案例03.mp4
    │  │      
    │  ├─{18}--使用着色器加工材质
    │  │      [17.1]--three框架材质原理与应用.mp4
    │  │      [17.2]--修改物理光照材质制作人物被打效果01.mp4
    │  │      [17.3]--修改物理光照材质制作人物被打效果02.mp4
    │  │      [17.4]--修改物理光照材质制作人物被打效果03.mp4
    │  │      
    │  ├─{19}--效果合成与后期处理
    │  │      [18.1]--合成效果原理与设置.mp4
    │  │      [18.2]--实现抗锯齿_点效果_发光_屏幕闪动等特效.mp4
    │  │      [18.3]--使用shaderPass实现自定义合成效果.mp4
    │  │      [18.4]--使用法向纹理合成特色渲染镜头.mp4
    │  │      [18.5]--运用时间打造水底波浪动态渲染效果.mp4
    │  │         
    │  ├─{20}--HTML混合3D渲染
    │  │      [19.1]--CSS渲染器基本使用.mp4
    │  │      [19.2]--添加多个元素标签跟随物体移动.mp4
    │  │      [19.3]--使用射线碰撞来检测标签显示隐藏.mp4
    │  │      
    │  ├─{21}--曲线应用与轨迹运动
    │  │      [20.1]--曲线使用与绘制流程.mp4
    │  │      [20.2]--让物体与相机沿着曲线轨迹运动.mp4
    │  │      
    │  ├─{22}--变形动画
    │  │      [21.1]--变形动画原理与实现.mp4
    │  │      [21.2]--实现花苗生长到花开效果.mp4
    │  │      
    │  ├─{23}--全景看房与科技展馆
    │  │      [22.1]--VR全景看房原理与实现.mp4
    │  │      [22.2]--全景看房场景房间切换.mp4
    │  │      [22.3]--房间切换之地图动画.mp4
    │  │      [22.4]--全局加载进度管理实现页面loading.mp4
    │  │      [22.5]--扩展提升实现科技展览馆.mp4
    │  │      [22.6]--进阶项目_户型数据生成地面.mp4
    │  │      [22.7]--进阶项目_全景图映射到对应的地面和天花板.mp4
    │  │      [22.8]--进阶项目_户型墙体根据顶点数据自动生成.mp4
    │  │      [22.9]--进阶项目_切换房间查看全景效果.mp4
    │  │      
    │  ├─{24}--智慧城市
    │  │      [23.10]--飞线方案2-着色器绘制酷炫飞线.mp4
    │  │      [23.11]--函数翻折实现彗星型飞线动画.mp4
    │  │      [23.12]--edgeGeometry生成建筑线框特效.mp4
    │  │      [23.13]--智慧城市光墙特效.mp4
    │  │      [23.14]--智慧城市雷达扫描特效.mp4
    │  │      [23.15]--封装3D警告标识与点击提示事件.mp4
    │  │      [23.16]--添加智慧城市天空盒子和设置抗锯齿效果.mp4
    │  │      [23.17]--智慧城市大屏样式与结构.mp4
    │  │      [23.18]--置Pointer-events穿透事件.mp4
    │  │      [23.19]--智慧城市动态数字面板动画.mp4
    │  │      [23.1]--智慧城市和项目介绍.mp4
    │  │      [23.20]--通过接口生成城市事件列表.mp4
    │  │      [23.21]--城市事件列表动态生成雷达-飞线-光墙.mp4
    │  │      [23.22]--大屏HTML元素与场景物体数据交互与特效展现.mp4
    │  │      [23.2]--Vue创建智慧城市项目并配置glsl写法支持.mp4
    │  │      [23.3]--项目基础代码结构分解.mp4
    │  │      [23.4]--生成城市建筑模型.mp4
    │  │      [23.5]--城市模型科技感渐变效果.mp4
    │  │      [23.6]--多层着色器特效合并与城市光圈扩散效果.mp4
    │  │      [23.7]--直线光带掠过城市效果.mp4
    │  │      [23.8]--从下向上扫描城市特效.mp4
    │  │      [23.9]--利用tube特性生成带纹理图案飞线.mp4
    │  │      
    │  ├─{25}--blender基础
    │  │      [24.1]--blender下载与语言渲染设置.mp4
    │  │      [24.2]--blender大纲选项开关与保存启动文件.mp4
    │  │      [24.3]--界面布局与工具栏侧边栏.mp4
    │  │      [24.4]--3d界面查看与相机视图.mp4
    │  │      [24.5]--相机视图和透视与正交.mp4
    │  │      [24.6]--局部视图与隐藏物体.mp4
    │  │      [24.7]--添加与删除物体和添加物体的操作面板.mp4
    │  │      [24.8]--ExtraObject插件添加额外石头物体.mp4
    │  │      
    │  ├─{26}--blender操作教学
    │  │      [25.10]--各种视图着色预览使用.mp4
    │  │      [25.1]--物体选择.mp4
    │  │      [25.2]--物体移动旋转缩放设置方式.mp4
    │  │      [25.3]--变换坐标系与变换轴心点.mp4
    │  │      [25.4]--吸附功能使用.mp4
    │  │      [25.5]--模式切换与物体吸附.mp4
    │  │      [25.6]--物体合并与分离.mp4
    │  │      [25.7]--设置物体的父级和子级.mp4
    │  │      [25.8]--叠加层与快速收藏夹.mp4
    │  │      [25.9]--平滑与平直着色.mp4
    │  │      
    │  ├─{27}--blender建模
    │  │      [26.1]--点线面基本操作.mp4
    │  │      [26.2]--删除点线面基本操作.mp4
    │  │      [26.3]--法向与法向翻转.mp4
    │  │      [26.4]--挤出功能使用.mp4
    │  │      [26.5]--倒角.mp4
    │  │      [26.6]--环切与切割.mp4
    │  │      [26.7]--多边形与旋转.mp4
    │  │      [26.8]--光滑和随机以及滑移.mp4
    │  │      [26.9]--推拉_球形化_隔离顶点.mp4
    │  │      
    │  ├─{28}--blender修改器使用
    │  │      [27.1]--阵列修改器.mp4
    │  │      [27.2]--倒角修改器.mp4
    │  │      [27.3]--布尔修改器.mp4
    │  │      [27.4]--镜像修改器.mp4
    │  │      [27.5]--实体化修改器.mp4
    │  │      [27.6]--表面细分修改器.mp4
    │  │      [27.7]--字体3D添加与中文字体.mp4
    │  │      
    │  ├─{29}--材质与智慧园区物体实现
    │  │      [28.10]--根据地图打造马路.mp4
    │  │      [28.11]--根据地图创建多边形建筑.mp4
    │  │      [28.1]--原理化BSDF.mp4
    │  │      [28.2]--原理化BSDF各种属性使用.mp4
    │  │      [28.3]--使用纹理贴图创建大厦.mp4
    │  │      [28.4]--物体设置2种材质打造大厦屋顶.mp4
    │  │      [28.5]--使用image插件快速搭建房子.mp4
    │  │      [28.6]--通过现实照片打造摩天大楼.mp4
    │  │      [28.7]--使用建筑生成插件快速生成建筑.mp4
    │  │      [28.8]--制作园区树木.mp4
    │  │      [28.9]--制作照亮路面的路灯.mp4
    │  │      
    │  ├─{30}--打造智慧园区
    │  │      [29.10]--设置大屏控制物体运动模式.mp4
    │  │      [29.11]--设置园区汽车运行轨迹与动画.mp4
    │  │      [29.12]--园区多相机视角切换.mp4
    │  │      [29.13]--自定义园区观览模式-轨道-飞行模式-第一人称.mp4
    │  │      [29.1]--资产库打造智慧园区.mp4
    │  │      [29.2]--沃罗诺伊纹理种出随机草地.mp4
    │  │      [29.3]--烘焙计算好光照阴影的纹理.mp4
    │  │      [29.4]--模型优化与材质优化.mp4
    │  │      [29.5]--如何优化导出模型.mp4
    │  │      [29.6]--draco解压模型与场景摄像设置.mp4
    │  │      [29.7]--优化模型渲染逼近真实物理展示效果.mp4
    │  │      [29.8]--园区热气球动画.mp4
    │  │      [29.9]--设置单一物体热气球多种动画.mp4
    │  │      
    │  ├─{31}--骨骼动画
    │  │      [30.1]--创建骨骼与顶点组.mp4
    │  │      [30.2]--骨骼动画制作.mp4
    │  │      [30.3]--人物的骨骼动画.mp4
    │  │      [30.4]--如何切换控制器聚焦位置与拉近视角.mp4
    │  │      
    │  ├─{32}--打造智慧工厂
    │  │      [31.10]--产品爆炸破碎特效与产品爆炸恢复效果.mp4
    │  │      [31.11]--设置单个物体轮廓发光.mp4
    │  │      [31.12]--分层设置物体发光特效.mp4
    │  │      [31.1]--根据户型图搭建户型结构墙体.mp4
    │  │      [31.2]--平面上创建发光灯带.mp4
    │  │      [31.3]--厂房楼层材质光效优化与模型加载.mp4
    │  │      [31.4]--楼层结构与房间用3D科幻悬浮框标注.mp4
    │  │      [31.5]--根据需要微调科幻标注的位置.mp4
    │  │      [31.6]--大屏控制各楼层展开显示.mp4
    │  │      [31.7]--战斗机产品打散变形与组装恢复动画特效.mp4
    │  │      [31.8]--将产品物体变成粒子特效.mp4
    │  │      [31.9]--递归复原复杂模型生成战斗机粒子特效.mp4
    │  │      
    │  ├─{33}--地理数据生成3D物体与地图
    │  │      [32.1]--GEOJSON与地图下载.mp4
    │  │      [32.2]--通过GEO数据生成3D地图.mp4
    │  │      [32.3]--与3D地图进行交互.mp4
    │  │      [32.4]--通过GEO生成地图3D线.mp4
    │  │      
    │  ├─{34}--附赠扩展：Cesium入门到精通
    │  │      [33.10]--添加物体与3D建筑物.mp4
    │  │      [33.11]--标签与广告牌.mp4
    │  │      [33.12]--3D模型添加与设置.mp4
    │  │      [33.13]--椭圆_走廊_圆柱体添加与设置.mp4
    │  │      [33.14]--多边形_体积折线_矩形_椭球体设置.mp4
    │  │      [33.15]--Primitive创建图像物体.mp4
    │  │      [33.16]--Primitive多个实体与颜色修改.mp4
    │  │      [33.17]--与entity和primitive物体交互.mp4
    │  │      [33.18]--entity材质使用materialProperty.mp4
    │  │      [33.19]--entity折线材质设置.mp4
    │  │      [33.1]--打造第一个cesium应用.mp4
    │  │      [33.20]--Appearance外观与材质.mp4
    │  │      [33.21]--primitive材质类型与设置.mp4
    │  │      [33.22]--fabric自定义着色器设置材质.mp4
    │  │      [33.23]--cesium着色器自带函数与变量.mp4
    │  │      [33.24]--Appearance编写着色器修改外观.mp4
    │  │      [33.25]--编写自定义MaterialProperty材质.mp4
    │  │      [33.26]--加载渲染GEOJSON数据.mp4
    │  │      [33.27]--自定义GEOJSON生成物体的样式.mp4
    │  │      [33.28]--KML数据生成3D地理标记.mp4
    │  │      [33.29]--初识CZML数据与应用.mp4
    │  │      [33.2]--Cesium基础设置.mp4
    │  │      [33.30]--CZML时间动态图形场景.mp4
    │  │      [33.31]--追踪航班跨洋飞行.mp4
    │  │      [33.32]--3DTiles与性能监控.mp4
    │  │      [33.33]--根据不同条件设置3D_tiles样式.mp4
    │  │      [33.34]--3D_tiles高级样式设置与条件渲染.mp4
    │  │      [33.34]--3D_tiles高级样式设置与条件渲染.vip
    │  │      [33.3]--详讲viewer查看器.mp4
    │  │      [33.4]--cesium天空盒.mp4
    │  │      [33.5]--Cesium自定义地图与地图叠加.mp4
    │  │      [33.6]--添加地形与添加自定义地形.mp4
    │  │      [33.7]--坐标系与坐标系数值转换.mp4
    │  │      [33.8]--相机的方向和位置.mp4
    │  │      [33.9]--相机动画与相机动态交互.mp4
    │  │      
    │  ├─{35}--附赠扩展：Cesium智慧广州项目实战
    │  │      [34.10]--着色器编写流光四溢轨迹线.mp4
    │  │      [34.11]--纹理采样设置酷炫轨迹飞线.mp4
    │  │      [34.12]--色器实现五彩斑斓雷达特效.mp4
    │  │      [34.13]--六边形光波扩散特效.mp4
    │  │      [34.14]--着色器编写区域光墙.mp4
    │  │      [34.15]--粒子实现广州塔小蛮腰烟花特效.mp4
    │  │      [34.1]--项目介绍.mp4
    │  │      [34.2]--制作获取地图经纬度插件.mp4
    │  │      [34.3]--指南罗盘与比例尺.mp4
    │  │      [34.4]--修改着色器实现酷炫地图颜色.mp4
    │  │      [34.5]--编写着色器实现建筑物渐变特效.mp4
    │  │      [34.6]--编写着色器实现滚动光环特效.mp4
    │  │      [34.7]--实现酷炫光锥动画.mp4
    │  │      [34.8]--着色器实现科技感流光飞线特效.mp4
    │  │      [34.9]--地理小工具生成道路汽车行驶轨迹线.mp4
    │  │      
    │  ├─{36}--打造元宇宙虚拟世界
    │  │      [35.10]--人物前后视角切换.mp4
    │  │      [35.11]--人物动作控制.mp4
    │  │      [35.12]--根据速度流畅切换走路与跑步动作.mp4
    │  │      [35.13]--大场景渲染大量相同物体的实例化网格.mp4
    │  │      [35.14]--threejs合并物体工具提升渲染性能.mp4
    │  │      [35.15]--真实物理材质与新增彩虹折射效果.mp4
    │  │      [35.16]--真实动态映射环境物体纹理.mp4
    │  │      [35.17]--镜面反射与原理.mp4
    │  │      [35.18]--canvas绘制纹理生成动态3d文字.mp4
    │  │      [35.19]--alpha贴图与视频纹理.mp4
    │  │      [35.1]--元宇宙项目搭建与准备.mp4
    │  │      [35.20]--视频纹理与canvas动态结合打造酷炫3D文字界面.mp4
    │  │      [35.21]--LOD不同精细模型制作.mp4
    │  │      [35.22]--场景多个位置生源音效.mp4
    │  │      [35.23]--项目结构与代码编写模式.mp4
    │  │      [35.24]--场景动态云雾制作.mp4
    │  │      [35.25]--粒子群优化渲染体积云.mp4
    │  │      [35.26]--通过着色器修改水面材质源码实现海洋效果.mp4
    │  │      [35.27]--加载元宇宙场景与灯光.mp4
    │  │      [35.28]--元宇宙场景人物控制与物理碰撞.mp4
    │  │      [35.29]--视频纹理实现场景位置目标光阵效果.mp4
    │  │      [35.2]--元宇宙项目物理环境.mp4
    │  │      [35.30]--视觉投影修改UV实现酷炫流光光阵特效.mp4
    │  │      [35.31]--人物抵达光阵或位置触发自定义事件.mp4
    │  │      [35.32]--canvas纹理创建场景聊天框.mp4
    │  │      [35.33]--自定义酷炫3D动效文字框.mp4
    │  │      [35.34]--修改开源着色器网站shaderToy开源代码编写酷炫篝火.mp4
    │  │      [35.35]--场景火焰实时跟着音乐律动与音乐距离衰减.mp4
    │  │      [35.3]--元宇宙碰撞检测实现.mp4
    │  │      [35.4]--控制物体运动与阻尼.mp4
    │  │      [35.5]--运用叉积控制左右水平运动.mp4
    │  │      [35.6]--相机跟随任务运动与跳跃实现.mp4
    │  │      [35.7]--让人物爬坡爬楼梯原理.mp4
    │  │      [35.8]--LOD多细节分层次优化场景模型展示.mp4
    │  │      [35.9]--巧用空对象完成相机左右跟随人物.mp4
    │  │      
    │  ├─{37}--海景酒店日夜交替全景展示
    │  │      [36.1]--着色器实现海景酒店日夜切换效果实现.mp4
    │  │      [36.2]--太阳升起与降落.mp4
    │  │      [36.3]--太阳照射镜头的光晕效果.mp4
    │  │      [36.4]--夜景LED酒店外墙光幕效果.mp4
    │  │      
    │  ├─{38}--3D图表
    │  │      [37.1]--搭建3D坐标轴.mp4
    │  │      [37.2]--3D条形图.mp4
    │  │      [37.3]--3D扇形图.mp4
    │  │      [37.4]--3D折线图.mp4
    │  │      
    │  ├─{39}--可视化物理模拟仿真
    │  │      [38.10]--多种方式给物体施加作用力.mp4
    │  │      [38.11]--添加LockConstraint物体约束.mp4
    │  │      [38.12]--添加PointToPointConstraint物体约束实现门帘.mp4
    │  │      [38.13]--添加DistanceConstraint按距离约束物体运动.mp4
    │  │      [38.14]--使用距离约束实现布料模拟.mp4
    │  │      [38.15]--使用弹簧约束2个物体运动.mp4
    │  │      [38.16]--物理破坏效果约束失效案例.mp4
    │  │      [38.17]--铰链关节约束与应用.mp4
    │  │      [38.18]--流体模拟.mp4
    │  │      [38.19]--实现模拟驾驶刚体车辆.mp4
    │  │      [38.1]--物理引擎的用途和基本使用.mp4
    │  │      [38.20]--模拟拥有悬架的车辆.mp4
    │  │      [38.21]--控制车辆行进_转弯_漂移.mp4
    │  │      [38.2]--物理引擎基础碰撞讲解.mp4
    │  │      [38.3]--材质与摩擦系数设置.mp4
    │  │      [38.4]--弹性与接触材质详解.mp4
    │  │      [38.5]--碰撞与碰撞组.mp4
    │  │      [38.6]--监听碰撞事件和获取碰撞信息.mp4
    │  │      [38.7]--物体休眠与休眠事件.mp4
    │  │      [38.8]--实现多个形状组合物体.mp4
    │  │      [38.9]--Trimesh实现复杂模型的物理碰撞模拟.mp4
    │  │      
    │  ├─{40}--AI寻路避障自动导航
    │  │      [39.10]--封装自定义更新小车.mp4
    │  │      [39.11]--robot机器人导航巡视城市.mp4
    │  │      [39.1]--使用yuka实现路径跟随.mp4
    │  │      [39.2]--限制路径与模型载入跟随.mp4
    │  │      [39.3]--搜索目标前进与抵达目标.mp4
    │  │      [39.4]--点击前往并且避开障碍物.mp4
    │  │      [39.5]--逃离行为.mp4
    │  │      [39.6]--追击行为.mp4
    │  │      [39.7]--偏移追击实现群体跟随.mp4
    │  │      [39.8]--候鸟集群聚散效果.mp4
    │  │      [39.9]--导航网格实现避障寻路.mp4
    │  │      
    │  ├─{41}--WEB端打造开放虚拟世界
    │  │      [40.10]--场景渲染的执行流程.mp4
    │  │      [40.11]--更新世界的执行流程.mp4
    │  │      [40.12]--更新物理世界和界限判断与角色重生.mp4
    │  │      [40.13]--角色初始化.mp4
    │  │      [40.14]--角色状态更新.mp4
    │  │      [40.15]--输入管理与角色动作状态和动画.mp4
    │  │      [40.16]--更换模型和动画.mp4
    │  │      [40.17]--添加关卡触发点.mp4
    │  │      [40.18]--触发机制与注册世界更新表.mp4
    │  │      [40.19]--人物角色进入车辆过程.mp4
    │  │      [40.1]--课程项目介绍.mp4
    │  │      [40.20]--AI操控比赛竞速.mp4
    │  │      [40.21]--封装移动端手指点地移动操作.mp4
    │  │      [40.22]--适配移动端touch事件控制角色移动.mp4
    │  │      [40.23]--场景光阵交互完成传送角色-收看攒劲节目-情景切换.mp4
    │  │      [40.2]--项目目录和模块介绍.mp4
    │  │      [40.3]--初始化开放世界.mp4
    │  │      [40.4]--物理世界初始化与输入管理模块.mp4
    │  │      [40.5]--天空模块和物理世界.mp4
    │  │      [40.6]--加载管理和UI界面管理.mp4
    │  │      [40.7]--给场景加载模型和各类型碰撞体.mp4
    │  │      [40.8]--场景初始化与场景空对象解析.mp4
    │  │      [40.9]--加载默认场景和总是重生交通工具.mp4
    │  │      
    │  ├─{42}--React-Three-Fiber库使用详解
    │  │      [41.1]--React基础开发threejs方式.mp4
    │  │      [41.2]--React-three-fiber库的安装与使用.mp4
    │  │      [41.3]--React-three-fiber控制器的使用.mp4
    │  │      [41.4]--useFrame设置动画.mp4
    │  │      [41.5]--useThree与事件交互.mp4
    │  │      [41.6]--模型加载与背景设置.mp4
    │  │      [41.7]--纹理材质应用.mp4
    │  │      [41.8]--3D水晶文字和软阴影.mp4
    │  │      
    │  ├─{43}--项目效果提升与高级操作
    │  │      [42.10]--enhance-shader-lighting-gui调节设置.mp4
    │  │      [42.11]--光线增强与后处理抗锯齿设置.mp4
    │  │      [42.12]--IBM的Revit模型与IFC模型.mp4
    │  │      [42.13]--IFC模型与GLTF转换导入与导出.mp4
    │  │      [42.1]--飞机场馆展示案例.mp4
    │  │      [42.2]--普通阴影-接触阴影-级联阴影-烘焙阴影-PCSS阴影优缺点.mp4
    │  │      [42.3]--屏幕空间反射.mp4
    │  │      [42.4]--后期环境光遮蔽处理.mp4
    │  │      [42.5]--提升渲染效果具体细节实现流程.mp4
    │  │      [42.6]--多后期效果合成1个通道综合运用.mp4
    │  │      [42.7]--发光和轮廓混合交互特效.mp4
    │  │      [42.8]--发光辉光的注意事项与处理.mp4
    │  │      [42.9]--光线效果增强与调整.mp4
    │  │      
    │  ├─{44}--小程序3D_XR应用开发
    │  │      [43.10]--组件通讯实现文字跟随3D元素.mp4
    │  │      [43.11]--AR混合现实开发.mp4
    │  │      [43.1]--微信小程序3DXR开发第一个案例.mp4
    │  │      [43.2]--材质_灯光_阴影.mp4
    │  │      [43.3]--资源加载与纹理.mp4
    │  │      [43.4]--动态加载纹理.mp4
    │  │      [43.5]--环境纹理加载与视频纹理.mp4
    │  │      [43.6]--动画和关键帧的编写.mp4
    │  │      [43.7]--加载模型与播放动画.mp4
    │  │      [43.8]--事件交互.mp4
    │  │      [43.9]--三维空间坐标转为屏幕坐标.mp4
    │  │      
    │  ├─{45}--程序化节点材质打造逼真科技展馆
    │  │      [44.10]--科技馆物理世界搭建.mp4
    │  │      [44.11]--操控机器人.mp4
    │  │      [44.12]--虚拟按键操控机器人.mp4
    │  │      [44.13]--创建展馆碰撞体.mp4
    │  │      [44.14]--展馆材质物理程序节点设置.mp4
    │  │      [44.1]--多物体多材质烘焙到1张贴图.mp4
    │  │      [44.2]--法向_粗糙度_AO各种物理材质纹理贴图烘焙.mp4
    │  │      [44.3]--sketchup草图大师模型转blender模型优化.mp4
    │  │      [44.4]--threejs程序化节点材质.mp4
    │  │      [44.5]--threejs高阶材质节点各函数讲解.mp4
    │  │      [44.6]--threejs材质节点开发.mp4
    │  │      [44.7]--threejs程序材质节点实现珠光漆材质.mp4
    │  │      [44.8]--threejs程序节点实现碳纤维材质.mp4
    │  │      [44.9]--threejs程序节点噪声函数材质应用.mp4
    │  │      
    │  ├─{46}--WebGPU与WGSL入门与原理-（可跳，学下一章）
    │  │      [45.10]--WEBGPU纹理采样.mp4
    │  │      [45.11]--WEBGPU视频纹理.mp4
    │  │      [45.1]--认识WEBGPU.mp4
    │  │      [45.2]--WEBGPU绘制三角形.mp4
    │  │      [45.3]--WEBGPU的基本配置详解.mp4
    │  │      [45.4]--WGSL变量类型与指定.mp4
    │  │      [45.5]--WGSL常用语法.mp4
    │  │      [45.6]--WEBGPU多重采样与抗锯齿.mp4
    │  │      [45.7]--立方体数据创建与缓冲区写入数据.mp4
    │  │      [45.8]--WGSL属性_uniform_顶点与片元传递数据方式.mp4
    │  │      [45.9]--WEBGPU实现多彩旋转立方体.mp4
    │  │      
    │  ├─{47}--THREEjs应用WEBGPU与最新程序化节点开发
    │  │      [46.10]--WebGPU程序节点打造粒子烟雾特效.mp4
    │  │      [46.11]--WEBGPU汽车展馆搭建.mp4
    │  │      [46.12]--汽车加载与阴影纹理程序节点设置.mp4
    │  │      [46.13]--WEBGPU车身材质效果优化设置.mp4
    │  │      [46.14]--WEBGPU车机系统视频展示.mp4
    │  │      [46.15]--汽车展示与交互功能.mp4
    │  │      [46.16]--控制车门开启关闭.mp4
    │  │      [46.1]--Threejs应用WebGPU渲染的第一个场景.mp4
    │  │      [46.2]--WebGPU-环境贴图.mp4
    │  │      [46.3]--WebGPU程序化节点材质基础节点.mp4
    │  │      [46.4]--节点材质的纹理与透明度节点.mp4
    │  │      [46.5]--WebGPU封装自定义程序化节点函数.mp4
    │  │      [46.6]--WebGPU着色器函数编写.mp4
    │  │      [46.7]--WebGPU程序节点材质时间节点控制动画.mp4
    │  │      [46.8]--WebGPU灯光与阴影.mp4
    │  │      [46.9]--WebGPU粒子节点材质与随机数节点.mp4
    │  │      
    │  ├─{48}--粒子动画框架
    │  │      01 quarks创建粒子动画.mp4
    │  │      02 粒子动画系统配置详解.mp4
    │  │      03 各种粒子动画.mp4
    │  │      04 粒子系统自定义几何.mp4
    │  │      05 控制粒子生命周期行为.mp4
    │  │      06 模型创建漫天飞舞的树叶.mp4
    │  │      07 噪声函数与网格创建.mp4
    │  │      08 给粒子加重力和碰撞效果.mp4
    │  │      09 动画帧的技能粒子特效.mp4
    │  │      10 超炫纹理粒子特效.mp4
    │  │      20240322_131744.mp4
    │  │      
    │  ├─{49}--全新智慧科技城
    │  │      [49.10]--空间魔术式切换物体.mp4
    │  │      [49.11]--时空穿梭圆环特效.mp4
    │  │      [49.12]--时空穿梭边缘激光扫射灼烧特效.mp4
    │  │      [49.13]--噪声云雾激光扩散特效.mp4
    │  │      [49.14]--镜像加超酷炫着色器材质打造魔幻空间.mp4
    │  │      [49.1]--科技城项目介绍与环境搭建.mp4
    │  │      [49.2]--threejs项目结构设置与模块初始化.mp4
    │  │      [49.3]--天空盒完美投影到地面的解决方案.mp4
    │  │      [49.4]--城市波光粼粼的河道方案.mp4
    │  │      [49.5]--天空云彩与城市建筑光影效果.mp4
    │  │      [49.6]--3D金属文字面板模块封装.mp4
    │  │      [49.7]--参数化曲面的几何图形生成河道动态指示线.mp4
    │  │      [49.8]--明珠塔酷炫雷达扫描特效.mp4
    │  │      [49.9]--主副高反差场景切换聚焦单一建筑.mp4
    │  │        
    │  ├─{50}--打造AI虚拟3D数字人
    │  │      [50.1]--3D数字人闲时和聊天实时切换.mp4
    │  │      [50.2]--实时录音获取音量效果.mp4
    │  │      [50.3]--流式实时录音实时识别音频.mp4
    │  │      [50.4]--大语言模型根据流式回复音频内容.mp4
    │  │      [50.5]--队列音频流式生成与返回.mp4
    │  │      [50.6]--完整版聊天界面与数字人结合.mp4
    │  │      
    │         
    └─资料
        ├─上课素材和资产库
        │      19-智慧园区.zip
        │      city.zip
        │      The Witcher 3.rar
        │      【公开课23】800+的Blender材质库，你值得拥有！.zip
        │      人物.rar
        │      室内资产库.rar
        │      床.zip
        │      智慧城市案例素材.zip
        │      
        ├─源码+课件
        │  └─源码+课件
        │      │  01环境搭建与threejs开发初识.rar
        │      │  02-threejs开发快速入门.rar
        │      │  02-threejs开发快速入门.zip
        │      │  03-Geometry进阶.zip
        │      │  04-材质进阶.zip
        │      │  05-纹理材质高级操作.zip
        │      │  06-灯光与阴影.zip
        │      │  07-操控物体制作家具编辑器.zip
        │      │  08-动画（23年12月新增）.zip
        │      │  09-精通粒子特效.zip
        │      │  10-详解光线投射与物体交互.zip
        │      │  11-打造3D全屏滚动官网.zip
        │      │  12-应用物理引擎设置物体相互作用.zip
        │      │  13-WEBGL与GPU渲染原理.zip
        │      │  14-精通着色器编程.rar
        │      │  15-着色器打造烟雾水云效果.zip
        │      │  16-shader_粒子效果.zip
        │      │  1600张史诗级HDR贴图来了！让你的作品更逼真.txt
        │      │  17-firework_烟花实战案例.zip
        │      │  18-着色器加工材质.zip
        │      │  19-效果合成.zip
        │      │  20-CSS渲染器.zip
        │      │  21-曲线应用.zip
        │      │  22-变形动画.zip
        │      │  23-全景看房与科技展馆.rar
        │      │  24-智慧城市.zip
        │      │  25-29-blender.zip
        │      │  30-智慧园区.zip
        │      │  31-骨骼动画.zip
        │      │  32-打造智慧工厂.rar
        │      │  33-3d地图.rar
        │      │  34-cesium入门到精通.rar
        │      │  35-cesium智慧城市.rar
        │      │  36-打造元宇宙.rar
        │      │  37-海景度假酒店日夜更替.zip
        │      │  38-3D酷炫图表.zip
        │      │  39-cannon-es物理引擎系统教程代码.zip
        │      │  40-yuka自动导航避障AI库课程代码资料.zip
        │      │  41-打造开放世界.rar
        │      │  42-react-three-fiber.rar
        │      │  43-项目效果提升.rar
        │      │  44-微信小程序3DXR开发-代码.zip
        │      │  45-程序化材质和科技展馆.rar
        │      │  46-webgpu.rar
        │      │  47-THREEjs应用WEBGPU与最新程序化节点开发.rar
        │      │  48-粒子动画系统（24年1月新增）.zip
        │      │  49-全新智慧科技城.rar
        │      │  50-AI实时3D数字人.zip
        │      │  threejs上课素材和资产库链接.txt
        │      │  课件地址.txt
        │      │  
        │      └─软件
        │              ImageViewer3_6.7z
        │              NVIDIA_Texture_Tools_2021.2.0.exe
        │              
        └─讲义
                讲义.txt

游客，如果您要查看本帖隐藏内容请回复

sonyyuna

感谢楼主的分享。

sxx111

感谢分享。。

sakura_dmz

啥也不说了，感谢楼主分享哇！

lsx4715126

感谢分享。。

zyx15035020734

感谢分享

jzyangbb

RE: Three.js可视化企业实战WEBGL课-2024年50章(源码+素材+课件) [修改]

slothSid

厉害超级厉害楼主加油加油加油加油

coderwan

qqqqqqqqqqqqqqq

taipingyang2021

hree.js可视化企业实战WEBGL课-2024年50章(源码+素材+课件)