【网易云课堂-老陈打码】Three.js可视化企业实战WEBGL课程（50章+资料）

前端开发

课程简介

这套课讲的是什么课程主体是 Three.js，但落点不在 API 逐个讲解，而在两个能直接对照的完整场景：一个是带语音交互的 AI 虚拟 3D 数字人，一个是全屏滚动式的品牌官网。50 章的量级意味着它不是几小时的概念速览，而是把建模加载、材质灯光、相机控制、动画驱动、后期处理到工程打包的链路都走了一遍。对已经能用 Vue/React 写业务页面、但一碰…

已有 12 人浏览发布 2026-07-07 更新 2026-09-20

这套课讲的是什么

课程主体是 Three.js，但落点不在 API 逐个讲解，而在两个能直接对照的完整场景：一个是带语音交互的 AI 虚拟 3D 数字人，一个是全屏滚动式的品牌官网。50 章的量级意味着它不是几小时的概念速览，而是把建模加载、材质灯光、相机控制、动画驱动、后期处理到工程打包的链路都走了一遍。对已经能用 Vue/React 写业务页面、但一碰到 3D 场景就不知道从哪里下手的开发者来说，这种"先有成品、再拆结构"的组织方式，比单纯看渲染原理更容易迁移到自己的项目里。

技术栈与依赖边界

核心依赖是 Three.js，配合 WebGL 渲染管线。数字人部分涉及 GLTF/GLB 模型加载、骨骼动画与混合器（AnimationMixer）控制、口型与表情的状态切换；语音链路则牵出流式录音、实时识别、大语言模型回复、音频流式合成与队列播放这一整条前后端协作流程。全屏滚动官网部分更偏工程侧，重点是滚动与相机运动的绑定、场景分段切换、性能与首屏加载的取舍。需要提前明确的是：3D 数字人章节里与模型推理、语音服务相关的接口，通常是需要你自行接入或替换的服务端能力，课程给出的是前端侧的对接结构与数据流，不是一套开箱即用的云端服务。

项目结构与可复用模块

把课程里的两个项目拆开看，能提炼出几类可复用度较高的部分：

场景初始化与渲染循环的封装，包括渲染器参数、响应式尺寸、帧率与销毁逻辑；
模型加载与资源管理，含加载进度、贴图与模型的缓存策略，避免重复请求；
相机与交互控制层，鼠标/滚轮/触摸的统一处理，以及和滚动容器的联动；
动画状态机，数字人的闲时动作与对话状态的平滑过渡、过渡时长与优先级处理；
音频与语音的数据流处理，流式分片、队列缓冲、播放与打断的控制；
组件化封装思路，把 3D 画布当作一个可插拔模块挂到现有前端框架里，而不是独立页面。

这些模块的价值在于结构，而不是代码本身。真正需要你动手的是把接口、模型地址、服务端返回格式替换成自己的，然后验证数据流是否还对得上。

怎么用这份资料

建议的顺序是：先跑通一个最简场景，确认渲染循环和资源加载没问题；再进入数字人章节，把模型加载、动画切换、语音数据流三个环节分别独立跑一遍，最后再串起来；全屏滚动官网部分可以当作工程实践来读，重点看滚动事件节流、场景切换时机、以及资源预加载怎么安排。视频之外，配套资料里的说明文档和工程文件建议同步打开，边看边对照源码改参数，比单纯看效果更有效。遇到模型加载失败、跨域、音频自动播放被拦截这类问题，基本都会在真实项目里复现，提前踩一遍没坏处。

适合谁，不适合谁

适合已经掌握 JavaScript 与主流前端框架、需要在自己的产品里加入 3D 展示或虚拟形象交互的开发者；也适合做可视化大屏、品牌官网这类对视觉表现有要求的项目。不适合完全没有前端基础、指望从零学起的人，也不适合只想了解 Three.js 概念、不打算实际动手的人。这门资料的定位是对照实践的工程参考，看完不等于会，改过、跑过、替换过接口，才算真的用上。

【网易云课堂-老陈打码】Three.js可视化企业实战WEBGL课程（50章+资料）

实战WebGL，打造3D数字人及全屏滚动官网

编辑点评

深入WebGL技术，实战项目丰富，适合有3D渲染需求的前端开发者。

⭐ 编辑推荐

本课程通过50章实战项目，深入讲解Three.js在3D数字人、全屏滚动官网等领域的应用。

✨ 课程亮点

✦实战项目丰富

✦深入讲解Three.js

✦适合前端开发者

课程目录

{50}--打造AI虚拟3D数字人7 集

{11}--打造3D全屏滚动官网8 集

{5}--纹理材质高级操作18 集

{5}--纹理材质高级操作资料.zip [1.8 MB]
[5.14]--裁剪平面对物体裁剪.mp4 [98.3 MB]
[5.8]--threejs中使用KTX2_DDS_TGA纹理.mp4 [73.5 MB]
[5.10]--高动态范围图片EXR_TIF_PNG加载使用.mp4 [27.0 MB]
[5.6]--jpg_png_webp_dds_ktx_hdr_exr格式纹理.mp4 [132.9 MB]
[5.13]--透明冰块_透明液体_透明杯子多个透明物体混和渲染.mp4 [204.2 MB]
[5.4]--mipmap解决摩尔纹条纹.mp4 [120.5 MB]
[5.5]--各项异性anisotropy解决倾斜模糊问题.mp4 [28.9 MB]
[5.3]--纹理映射之放大过滤和缩小过滤.mp4 [67.8 MB]
[5.2]--纹理纵向翻转与预乘alpha生成颜色.mp4 [37.5 MB]
[5.9]--设置高动态范围全景背景色调映射和色调曝光.mp4 [49.3 MB]
[5.17]--模板渲染实现金属剖切面.mp4 [79.3 MB]
[5.15]--剪裁场景-1个物体同时渲染多种材质效果.mp4 [73.3 MB]
[5.12]--材质混合模式详解.mp4 [111.5 MB]
[5.1]--纹理重复_缩放_旋转_位移操作.mp4 [49.8 MB]
[5.16]--妯℃澘娓叉煋.mp4 [67.0 MB]
[5.7]--使用NVIDIA_Texture_Tools软件导出优化压缩.mp4 [115.2 MB]
[5.11]--材质深度模式_深度测试_深度写入_渲染顺序详解.mp4 [159.5 MB]

{48}--粒子动画框架11 集

{9}--精通粒子特效9 集

{9}--精通粒子特效必看.png [493.5 KB]
[8.6]--运用数学知识打造复杂形状臂旋星系02.mp4 [29.1 MB]
[8.4]--通过封装与相机裁剪实现漫天飞舞的雪花.mp4 [165.0 MB]
[8.7]--运用数学知识打造复杂形状臂旋星系03.mp4 [104.5 MB]
[8.5]--运用数学知识打造复杂形状臂旋星系01.mp4 [86.2 MB]
[8.1]--初识Points与点材质.mp4 [70.7 MB]
[8.3]--应用顶点着色打造绚丽多彩的星空.mp4 [77.4 MB]
[8.8]--运用颜色收敛方法设置星系臂旋渐变.mp4 [59.3 MB]
[8.2]--深度解析点材质属性.mp4 [75.8 MB]

{46}--WebGPU与WGSL入门与原理-（可跳，学下一章）11 集

{46}--WebGPU与WGSL入门与原理-（可跳，学下一章）文档.png [493.5 KB]
[45.6]--WEBGPU多重采样与抗锯齿.mp4 [34.7 MB]
[45.8]--WGSL属性_uniform_顶点与片元传递数据方式.mp4 [47.0 MB]
[45.4]--WGSL变量类型与指定.mp4 [24.2 MB]
[45.11]--WEBGPU视频纹理.mp4 [39.2 MB]
[45.7]--立方体数据创建与缓冲区写入数据.mp4 [53.6 MB]
[45.3]--WEBGPU的基本配置详解.mp4 [36.8 MB]
[45.1]--认识WEBGPU.mp4 [34.3 MB]
[45.10]--WEBGPU纹理采样.mp4 [52.1 MB]
[45.9]--WEBGPU实现多彩旋转立方体.mp4 [139.1 MB]
[45.2]--WEBGPU绘制三角形.mp4 [153.6 MB]

{37}--海景酒店日夜交替全景展示5 集

{37}--海景酒店日夜交替全景展示资料.zip [1.8 MB]
[36.3]--太阳照射镜头的光晕效果.mp4 [86.6 MB]
[36.2]--太阳升起与降落.mp4 [127.5 MB]
[36.4]--夜景LED酒店外墙光幕效果.mp4 [145.9 MB]
[36.1]--着色器实现海景酒店日夜切换效果实现.mp4 [226.7 MB]

{8}--3D动画系统详解7 集

{8}--3D动画系统详解资料.zip [1.8 MB]
02 three设置keyframme关键帧实现动画.mp4 [90.0 MB]
04 布尔关键帧动画实现闪烁的星球.mp4 [114.6 MB]
03 四元数与欧拉角转换设置关键帧动画.mp4 [180.4 MB]
05 颜色关键帧动画实现各种颜色属性动画.mp4 [93.2 MB]
08 人物多动作丝滑切换.mp4 [198.1 MB]
01 动画原理与应用.mp4 [194.2 MB]

{24}--智慧城市22 集

{24}--智慧城市说明.zip [1.8 MB]
[23.19]--智慧城市动态数字面板动画.mp4 [264.3 MB]
[23.17]--智慧城市大屏样式与结构.mp4 [235.1 MB]
[23.5]--城市模型科技感渐变效果.mp4 [155.5 MB]
[23.10]--飞线方案2-着色器绘制酷炫飞线.mp4 [207.3 MB]
[23.15]--封装3D警告标识与点击提示事件.mp4 [232.5 MB]
[23.21]--城市事件列表动态生成雷达-飞线-光墙.mp4 [503.1 MB]
[23.7]--直线光带掠过城市效果.mp4 [116.6 MB]
[23.13]--智慧城市光墙特效.mp4 [264.2 MB]
[23.16]--添加智慧城市天空盒子和设置抗锯齿效果.mp4 [119.0 MB]
[23.9]--利用tube特性生成带纹理图案飞线.mp4 [159.3 MB]
[23.22]--大屏HTML元素与场景物体数据交互与特效展现.mp4 [311.2 MB]
[23.4]--生成城市建筑模型.mp4 [153.8 MB]
[23.6]--多层着色器特效合并与城市光圈扩散效果.mp4 [209.7 MB]
[23.14]--智慧城市雷达扫描特效.mp4 [256.6 MB]
[23.1]--智慧城市和项目介绍.mp4 [503.4 MB]
[23.20]--通过接口生成城市事件列表.mp4 [178.0 MB]
[23.2]--Vue创建智慧城市项目并配置glsl写法支持.mp4 [67.8 MB]
[23.8]--从下向上扫描城市特效.mp4 [53.6 MB]
[23.12]--edgeGeometry生成建筑线框特效.mp4 [135.1 MB]
[23.11]--函数翻折实现彗星型飞线动画.mp4 [94.5 MB]
[23.3]--项目基础代码结构分解.mp4 [268.4 MB]

{17}--炫丽烟花交互项目案例3 集

[16.1]--点着色器设置炫丽烟花项目案例01.mp4 [446.7 MB]
[16.3]--点着色器设置炫丽烟花项目案例03.mp4 [482.3 MB]
[16.2]--点着色器设置炫丽烟花项目案例02.mp4 [387.4 MB]

{12}--应用物理引擎设置物体相互作用7 集

[11.2]--使用物理引擎关联Threejs物体.mp4 [122.2 MB]
[11.3]--设置固定不动的地面与小球碰撞.mp4 [31.6 MB]
[11.7]--给物体施加作用力.mp4 [20.0 MB]
[11.1]--认识物理引擎与cannon安装.mp4 [63.8 MB]
[11.6]--立方体相互碰撞后旋转效果.mp4 [22.8 MB]
[11.5]--关联材质设置摩擦与弹性系数.mp4 [36.8 MB]
[11.4]--监听碰撞事件和控制碰撞音效.mp4 [42.6 MB]

{3}--03-Geometry进阶详解7 集

{39}--可视化物理模拟仿真21 集

[38.20]--模拟拥有悬架的车辆.mp4 [118.6 MB]
[38.1]--物理引擎的用途和基本使用.mp4 [59.1 MB]
[38.13]--添加DistanceConstraint按距离约束物体运动.mp4 [40.3 MB]
[38.4]--弹性与接触材质详解.mp4 [75.5 MB]
[38.15]--使用弹簧约束2个物体运动.mp4 [42.8 MB]
[38.9]--Trimesh实现复杂模型的物理碰撞模拟.mp4 [62.9 MB]
[38.6]--监听碰撞事件和获取碰撞信息.mp4 [46.4 MB]
[38.11]--添加LockConstraint物体约束.mp4 [39.2 MB]
[38.21]--控制车辆行进_转弯_漂移.mp4 [35.6 MB]
[38.19]--实现模拟驾驶刚体车辆.mp4 [168.0 MB]
[38.17]--铰链关节约束与应用.mp4 [83.1 MB]
[38.14]--使用距离约束实现布料模拟.mp4 [78.9 MB]
[38.16]--物理破坏效果约束失效案例.mp4 [56.5 MB]
[38.18]--娴佷綋妯℃嫙.mp4 [62.7 MB]
[38.2]--物理引擎基础碰撞讲解.mp4 [53.4 MB]
[38.12]--添加PointToPointConstraint物体约束实现门帘.mp4 [70.5 MB]
[38.7]--物体休眠与休眠事件.mp4 [45.7 MB]
[38.8]--实现多个形状组合物体.mp4 [50.0 MB]
[38.10]--多种方式给物体施加作用力.mp4 [63.3 MB]
[38.5]--碰撞与碰撞组.mp4 [81.2 MB]
[38.3]--材质与摩擦系数设置.mp4 [55.6 MB]

{16}--着色器设置点材质7 集

[15.3]--使用纹理设置点着色器材质.mp4 [41.5 MB]
[15.7]--着色器设置顶点颜色打造渐变星系.mp4 [33.1 MB]
[15.4]--Points中生成不同点图案.mp4 [121.5 MB]
[15.2]--点着色器图形设置原理.mp4 [35.5 MB]
[15.6]--着色器设置顶点旋转打造臂旋星系.mp4 [36.4 MB]
[15.5]--根据视图Position设置点图案远近大小.mp4 [26.3 MB]
[15.1]--着色器设置点材质基本设置.mp4 [114.4 MB]

{26}--blender操作教学9 集

{2}--Three.js开发入门与调试设置15 集

[2.16]--补间动画Tween应用.mp4 [93.6 MB]
[2.10]--贴图的加载与环境遮蔽贴图强度设置.mp4 [33.9 MB]
[2.6]--几何体_顶点_索引_面之BufferGeometry.mp4 [70.3 MB]
[2.5]--应用lil-GUI调试开发3D效果.mp4 [68.2 MB]
[2.14]--加载gltf模型和加载压缩过的模型.mp4 [70.8 MB]
[2.1]--坐标辅助器与轨道控制器.mp4 [42.6 MB]
[2.11]--透明度贴图_环境贴图加载与高光贴图配合使用.mp4 [77.0 MB]
[2.13]--场景的线型雾和指数雾.mp4 [43.1 MB]
[2.3]--物体的缩放与旋转.mp4 [41.0 MB]
[2.15]--光线投射实现3d场景交互事件.mp4 [102.5 MB]
[2.2]--物体位移与父子元素.mp4 [35.7 MB]
[2.9]--基础材质_贴图_高光_透明_环境_光照_环境遮蔽.mp4 [102.0 MB]
[2.12]--纹理的颜色空间.mp4 [33.0 MB]
[2.4]--响应式画布与全屏控制..mp4 [30.3 MB]
[2.7]--几何体划分顶点组设置不同材质.mp4 [34.2 MB]

{30}--打造智慧园区13 集

[29.2]--沃罗诺伊纹理种出随机草地.mp4 [59.6 MB]
[29.4]--模型优化与材质优化.mp4 [131.7 MB]
[29.13]--自定义园区观览模式-轨道-飞行模式-第一人称.mp4 [280.3 MB]
[29.12]--园区多相机视角切换.mp4 [296.2 MB]
[29.1]--资产库打造智慧园区.mp4 [54.5 MB]
[29.7]--优化模型渲染逼近真实物理展示效果.mp4 [96.7 MB]
[29.5]--如何优化导出模型.mp4 [43.9 MB]
[29.8]--园区热气球动画.mp4 [162.1 MB]
[29.3]--烘焙计算好光照阴影的纹理.mp4 [93.6 MB]
[29.11]--设置园区汽车运行轨迹与动画.mp4 [304.5 MB]
[29.6]--draco解压模型与场景摄像设置.mp4 [69.0 MB]
[29.10]--设置大屏控制物体运动模式.mp4 [110.2 MB]
[29.9]--设置单一物体热气球多种动画.mp4 [93.0 MB]

{33}--地理数据生成3D物体与地图3 集

[32.3]--与3D地图进行交互.mp4 [36.1 MB]
[32.2]--通过GEO数据生成3D地图.mp4 [98.6 MB]
[32.4]--通过GEO生成地图3D线.mp4 [34.9 MB]

{10}--详解光线投射与物体交互1 集

[9.1]--精讲投射光线实现3维物体交互.mp4 [241.6 MB]

{35}--附赠扩展：Cesium智慧广州项目实战15 集

{15}--着色器打造烟雾水云效果7 集

{7}--操控物体实现家居编辑器7 集

{27}--blender建模7 集

{40}--AI寻路避障自动导航11 集

{14}--精通着色器编程（难点）10 集

[13.6]--着色器编写各种类型图案.mp4 [220.9 MB]
[13.11]--shader着色器打造漫天飞舞孔明灯2.mp4 [284.1 MB]
[13.2]--着色器插件安装与文件导入开发.mp4 [27.9 MB]
[13.4]--控制顶点位置打造波浪形状.mp4 [66.1 MB]
[13.10]--shader着色器打造漫天飞舞孔明灯1.mp4 [446.0 MB]
[13.9]--shader着色器编写高级图案2.mp4 [315.9 MB]
[13.5]--unform传递时间变量打造动画与通过uv采样纹理.mp4 [40.5 MB]
[13.1]--初识着色器语言.mp4 [49.1 MB]
[13.7]--着色器编写各类型图案2.mp4 [276.1 MB]
[13.8]--shader着色器编写高级图案.mp4 [217.6 MB]

{6}--详解灯光与阴影8 集

{28}--blender修改器使用3 集

[27.6]--表面细分修改器.mp4 [20.9 MB]
[27.7]--字体3D添加与中文字体.mp4 [47.1 MB]
[27.5]--实体化修改器.mp4 [22.4 MB]

{23}--全景看房与科技展馆9 集

[22.4]--全局加载进度管理实现页面loading.mp4 [54.2 MB]
[22.5]--扩展提升实现科技展览馆.mp4 [49.4 MB]
[22.3]--房间切换之地图动画.mp4 [52.9 MB]
[22.8]--进阶项目_户型墙体根据顶点数据自动生成.mp4 [208.6 MB]
[22.1]--VR全景看房原理与实现.mp4 [139.9 MB]
[22.9]--进阶项目_切换房间查看全景效果.mp4 [64.4 MB]
[22.6]--进阶项目_户型数据生成地面.mp4 [183.1 MB]
[22.7]--进阶项目_全景图映射到对应的地面和天花板.mp4 [155.7 MB]
[22.2]--全景看房场景房间切换.mp4 [228.3 MB]

{41}--WEB端打造开放虚拟世界22 集

[40.5]--天空模块和物理世界.mp4 [131.4 MB]
[40.19]--人物角色进入车辆过程.mp4 [110.4 MB]
[40.22]--适配移动端touch事件控制角色移动.mp4 [164.9 MB]
[40.2]--项目目录和模块介绍.mp4 [125.5 MB]
[40.11]--更新世界的执行流程.mp4 [75.4 MB]
[40.18]--触发机制与注册世界更新表.mp4 [95.1 MB]
[40.17]--添加关卡触发点.mp4 [345.2 MB]
[40.3]--初始化开放世界.mp4 [143.2 MB]
[40.6]--加载管理和UI界面管理.mp4 [114.0 MB]
[40.10]--场景渲染的执行流程.mp4 [86.3 MB]
[40.9]--加载默认场景和总是重生交通工具.mp4 [103.6 MB]
[40.12]--更新物理世界和界限判断与角色重生.mp4 [81.2 MB]
[40.4]--物理世界初始化与输入管理模块.mp4 [53.3 MB]
[40.21]--封装移动端手指点地移动操作.mp4 [254.2 MB]
[40.23]--场景光阵交互完成传送角色-收看攒劲节目-情景切换.mp4 [181.8 MB]
[40.14]--角色状态更新.mp4 [111.7 MB]
[40.20]--AI操控比赛竞速.mp4 [72.6 MB]
[40.16]--更换模型和动画.mp4 [205.2 MB]
[40.15]--输入管理与角色动作状态和动画.mp4 [115.7 MB]
[40.8]--场景初始化与场景空对象解析.mp4 [154.1 MB]
[40.1]--课程项目介绍.mp4 [72.5 MB]
[40.7]--给场景加载模型和各类型碰撞体.mp4 [329.0 MB]

{19}--效果合成与后期处理5 集

[18.1]--合成效果原理与设置.mp4 [185.7 MB]
[18.2]--实现抗锯齿_点效果_发光_屏幕闪动等特效.mp4 [239.2 MB]
[18.4]--使用法向纹理合成特色渲染镜头.mp4 [93.7 MB]
[18.5]--运用时间打造水底波浪动态渲染效果.mp4 [54.1 MB]
[18.3]--使用shaderPass实现自定义合成效果.mp4 [104.3 MB]

{47}--THREEjs应用WEBGPU与最新程序化节点开发16 集

[46.9]--WebGPU粒子节点材质与随机数节点.mp4 [114.5 MB]
[46.3]--WebGPU程序化节点材质基础节点.mp4 [66.4 MB]
[46.8]--WebGPU灯光与阴影.mp4 [85.9 MB]
[46.14]--WEBGPU车机系统视频展示.mp4 [114.3 MB]
[46.16]--控制车门开启关闭.mp4 [38.0 MB]
[46.1]--Threejs应用WebGPU渲染的第一个场景.mp4 [42.4 MB]
[46.5]--WebGPU封装自定义程序化节点函数.mp4 [123.2 MB]
[46.12]--汽车加载与阴影纹理程序节点设置.mp4 [95.8 MB]
[46.6]--WebGPU着色器函数编写.mp4 [86.4 MB]
[46.11]--WEBGPU汽车展馆搭建.mp4 [184.9 MB]
[46.7]--WebGPU程序节点材质时间节点控制动画.mp4 [97.9 MB]
[46.13]--WEBGPU车身材质效果优化设置.mp4 [103.9 MB]
[46.10]--WebGPU程序节点打造粒子烟雾特效.mp4 [170.5 MB]
[46.4]--节点材质的纹理与透明度节点.mp4 [50.7 MB]
[46.2]--WebGPU-环境贴图.mp4 [32.9 MB]
[46.15]--汽车展示与交互功能.mp4 [193.8 MB]

{44}--小程序3D_XR应用开发11 集

{25}--blender基础8 集

[24.1]--blender下载与语言渲染设置.mp4 [19.3 MB]
[24.5]--相机视图和透视与正交.mp4 [41.0 MB]
[24.3]--界面布局与工具栏侧边栏.mp4 [28.1 MB]
[24.8]--ExtraObject插件添加额外石头物体.mp4 [12.8 MB]
[24.6]--局部视图与隐藏物体.mp4 [28.5 MB]
[24.2]--blender大纲选项开关与保存启动文件.mp4 [36.8 MB]
[24.7]--添加与删除物体和添加物体的操作面板.mp4 [31.6 MB]
[24.4]--3d界面查看与相机视图.mp4 [61.4 MB]

{4}--详解材质与纹理17 集

[4.1]--Matcap材质原理与应用.mp4 [106.3 MB]
[4.16]--修改模型光泽效果打造逼真室内场景.mp4 [235.0 MB]
[4.11]--肥皂泡、油滴、蝴蝶翅膀等薄膜的虹彩效应.mp4 [103.8 MB]
[4.17]--限制控制器位移-旋转角度避免3d场景穿帮.mp4 [178.3 MB]
[4.9]--清漆效果与清漆粗糙度_清漆法向_清漆相关贴图.mp4 [123.6 MB]
[4.8]--透明物体的折射率和反射率.mp4 [5.0 MB]
[4.10]--布料和织物材料光泽效果.mp4 [52.9 MB]
[4.4]--phong材质实现玻璃水晶效果.mp4 [49.5 MB]
[4.6]--了解MeshPhysicalMaterial物理网格材质应用与物.mp4 [107.4 MB]
[4.12]--清除物体_几何体_材质_纹理保证性能和内存不泄漏.mp4 [108.0 MB]
[4.5]--StandardMaterial精讲与凹凸_置换_环境遮蔽_法向.mp4 [178.1 MB]
[4.3]--phong材质镜面高光材质应用.mp4 [136.2 MB]
[4.15]--巧用物理发光属性打造逼真IPHONE产品.mp4 [33.4 MB]
[4.2]--Lambert材质与各种贴图应用.mp4 [116.4 MB]
[4.14]--巧用编辑器设置材质效果导出物体.mp4 [58.8 MB]
[4.13]--物理材质设置超逼真宝石戒指.mp4 [121.3 MB]
[4.7]--透明物体的通透性_厚度_衰减颜色_衰减距离效果.mp4 [133.3 MB]

{32}--打造智慧工厂12 集

[31.1]--根据户型图搭建户型结构墙体.mp4 [192.9 MB]
[31.5]--根据需要微调科幻标注的位置.mp4 [44.0 MB]
[31.10]--产品爆炸破碎特效与产品爆炸恢复效果.mp4 [173.8 MB]
[31.6]--大屏控制各楼层展开显示.mp4 [549.2 MB]
[31.11]--设置单个物体轮廓发光.mp4 [183.8 MB]
[31.3]--厂房楼层材质光效优化与模型加载.mp4 [304.5 MB]
[31.2]--平面上创建发光灯带.mp4 [134.8 MB]
[31.8]--将产品物体变成粒子特效.mp4 [181.5 MB]
[31.9]--递归复原复杂模型生成战斗机粒子特效.mp4 [78.6 MB]
[31.4]--楼层结构与房间用3D科幻悬浮框标注.mp4 [249.8 MB]
[31.12]--分层设置物体发光特效.mp4 [79.4 MB]
[31.7]--战斗机产品打散变形与组装恢复动画特效.mp4 [426.6 MB]

{21}--曲线应用与轨迹运动2 集

[20.2]--让物体与相机沿着曲线轨迹运动.mp4 [51.5 MB]
[20.1]--曲线使用与绘制流程.mp4 [68.2 MB]

{31}--骨骼动画4 集

[30.2]--骨骼动画制作.mp4 [87.0 MB]
[30.4]--如何切换控制器聚焦位置与拉近视角.mp4 [73.9 MB]
[30.3]--人物的骨骼动画.mp4 [155.8 MB]
[30.1]--创建骨骼与顶点组.mp4 [110.0 MB]

{36}--打造元宇宙虚拟世界35 集

{42}--React-Three-Fiber库使用详解7 集

[41.3]--React-three-fiber控制器的使用.mp4 [49.2 MB]
[41.8]--3D水晶文字和软阴影.mp4 [154.5 MB]
[41.7]--纹理材质应用.mp4 [42.1 MB]
[41.6]--模型加载与背景设置.mp4 [52.5 MB]
[41.4]--useFrame璁剧疆鍔ㄧ敾.mp4 [26.1 MB]
[41.2]--React-three-fiber库的安装与使用.mp4 [52.4 MB]
[41.1]--React基础开发threejs方式.mp4 [56.2 MB]

{43}--项目效果提升与高级操作13 集

[42.9]--光线效果增强与调整.mp4 [191.6 MB]
[42.10]--enhance-shader-lighting-gui璋冭妭璁剧疆.mp4 [89.7 MB]
[42.12]--IBM的Revit模型与IFC模型.mp4 [117.6 MB]
[42.1]--飞机场馆展示案例.mp4 [157.5 MB]
[42.13]--IFC模型与GLTF转换导入与导出.mp4 [133.3 MB]
[42.7]--发光和轮廓混合交互特效.mp4 [101.8 MB]
[42.5]--提升渲染效果具体细节实现流程.mp4 [223.9 MB]
[42.4]--后期环境光遮蔽处理.mp4 [75.0 MB]
[42.2]--普通阴影-接触阴影-级联阴影-烘焙阴影-PCSS阴影优缺点.mp4 [159.4 MB]
[42.11]--光线增强与后处理抗锯齿设置.mp4 [60.9 MB]
[42.8]--发光辉光的注意事项与处理.mp4 [69.7 MB]
[42.6]--多后期效果合成1个通道综合运用.mp4 [320.4 MB]
[42.3]--屏幕空间反射.mp4 [461.7 MB]

{1}--认识three.js与开发环境搭建5 集

[1.2]--新增打造开放世界课程项目预览.mp4 [95.6 MB]
[1.1]--如何的学习WEB可视化3D技术与课程内容演示.mp4 [238.0 MB]
[1.6]--threejs结合React进行开发.mp4 [39.6 MB]
[1.5]--threejs结合vue进行开发.mp4 [24.3 MB]
[1.3]--本地部署threejs官网文档与案例.mp4 [56.2 MB]

{34}--附赠扩展：Cesium入门到精通31 集

[33.9]--相机动画与相机动态交互.mp4 [168.3 MB]
[33.17]--与entity和primitive物体交互.mp4 [95.5 MB]
[33.19]--entity折线材质设置.mp4 [127.2 MB]
[33.7]--坐标系与坐标系数值转换.mp4 [56.7 MB]
[33.27]--自定义GEOJSON生成物体的样式.mp4 [145.2 MB]
[33.32]--3DTiles与性能监控.mp4 [320.8 MB]
[33.28]--KML数据生成3D地理标记.mp4 [192.4 MB]
[33.16]--Primitive多个实体与颜色修改.mp4 [59.9 MB]
[33.31]--追踪航班跨洋飞行.mp4 [247.0 MB]
[33.13]--椭圆_走廊_圆柱体添加与设置.mp4 [95.1 MB]
[33.30]--CZML时间动态图形场景.mp4 [44.2 MB]
[33.14]--多边形_体积折线_矩形_椭球体设置.mp4 [106.7 MB]
[33.1]--打造第一个cesium应用.mp4 [78.0 MB]
[33.33]--根据不同条件设置3D_tiles样式.mp4 [254.5 MB]
[33.21]--primitive材质类型与设置.mp4 [139.1 MB]
[33.15]--Primitive创建图像物体.mp4 [92.8 MB]
[33.10]--添加物体与3D建筑物.mp4 [189.5 MB]
[33.8]--相机的方向和位置.mp4 [113.3 MB]
[33.25]--编写自定义MaterialProperty材质.mp4 [111.3 MB]
[33.12]--3D模型添加与设置.mp4 [141.4 MB]
[33.6]--添加地形与添加自定义地形.mp4 [209.9 MB]
[33.5]--Cesium自定义地图与地图叠加.mp4 [97.5 MB]
[33.23]--cesium着色器自带函数与变量.mp4 [78.5 MB]
[33.11]--标签与广告牌.mp4 [90.3 MB]
[33.24]--Appearance编写着色器修改外观.mp4 [60.7 MB]
[33.26]--加载渲染GEOJSON数据.mp4 [64.7 MB]
[33.34]--3D_tiles高级样式设置与条件渲染.mp4 [208.7 MB]
[33.2]--Cesium基础设置.mp4 [122.1 MB]
[33.18]--entity材质使用materialProperty.mp4 [99.5 MB]
[33.29]--初识CZML数据与应用.mp4 [116.0 MB]
[33.22]--fabric自定义着色器设置材质.mp4 [86.8 MB]

{29}--材质与智慧园区物体实现11 集

{45}--程序化节点材质打造逼真科技展馆13 集

[44.1]--多物体多材质烘焙到1张贴图.mp4 [77.7 MB]
[44.8]--threejs程序节点实现碳纤维材质.mp4 [123.2 MB]
[44.9]--threejs程序节点噪声函数材质应用.mp4 [167.8 MB]
[44.7]--threejs程序材质节点实现珠光漆材质.mp4 [183.4 MB]
[44.13]--创建展馆碰撞体.mp4 [90.4 MB]
[44.3]--sketchup草图大师模型转blender模型优化.mp4 [268.4 MB]
[44.12]--虚拟按键操控机器人.mp4 [90.3 MB]
[44.10]--科技馆物理世界搭建.mp4 [186.8 MB]
[44.5]--threejs高阶材质节点各函数讲解.mp4 [82.7 MB]
[44.4]--threejs程序化节点材质.mp4 [146.2 MB]
[44.2]--法向_粗糙度_AO各种物理材质纹理贴图烘焙.mp4 [50.3 MB]
[44.6]--threejs材质节点开发.mp4 [152.2 MB]
[44.14]--展馆材质物理程序节点设置.mp4 [234.1 MB]

{49}--全新智慧科技城14 集

[49.9]--主副高反差场景切换聚焦单一建筑.mp4 [139.6 MB]
[49.10]--空间魔术式切换物体.mp4 [77.9 MB]
[49.8]--明珠塔酷炫雷达扫描特效.mp4 [63.2 MB]
[49.12]--时空穿梭边缘激光扫射灼烧特效.mp4 [84.5 MB]
[49.7]--参数化曲面的几何图形生成河道动态指示线.mp4 [177.1 MB]
[49.11]--时空穿梭圆环特效.mp4 [201.0 MB]
[49.6]--3D金属文字面板模块封装.mp4 [83.8 MB]
[49.3]--天空盒完美投影到地面的解决方案.mp4 [94.5 MB]
[49.13]--噪声云雾激光扩散特效.mp4 [178.5 MB]
[49.1]--科技城项目介绍与环境搭建.mp4 [79.4 MB]
[49.5]--天空云彩与城市建筑光影效果.mp4 [92.9 MB]
[49.14]--镜像加超酷炫着色器材质打造魔幻空间.mp4 [158.6 MB]
[49.4]--城市波光粼粼的河道方案.mp4 [51.4 MB]
[49.2]--threejs项目结构设置与模块初始化.mp4 [85.9 MB]

{20}--HTML混合3D渲染3 集

[19.2]--添加多个元素标签跟随物体移动.mp4 [42.1 MB]
[19.3]--使用射线碰撞来检测标签显示隐藏.mp4 [139.5 MB]
[19.1]--CSS渲染器基本使用.mp4 [116.5 MB]

{22}--变形动画2 集

[21.1]--变形动画原理与实现.mp4 [148.5 MB]
[21.2]--实现花苗生长到花开效果.mp4 [239.4 MB]

{18}--使用着色器加工材质4 集

[17.1]--three框架材质原理与应用.mp4 [76.5 MB]
[17.2]--修改物理光照材质制作人物被打效果01.mp4 [76.6 MB]
[17.3]--修改物理光照材质制作人物被打效果02.mp4 [100.5 MB]
[17.4]--修改物理光照材质制作人物被打效果03.mp4 [159.7 MB]

{13}--WEBGL与GPU渲染原理（难点）后期再消化亦可5 集

[12.3]--WEBGL绘制三角形.mp4 [105.5 MB]
[12.1]--娓叉煋绠＄嚎.mp4 [28.0 MB]
[12.4]--缩放矩阵与uniform变量和varying变量.mp4 [77.3 MB]
[12.2]--细讲渲染流程.mp4 [83.7 MB]
[12.5]--着色器glsl基本规范.mp4 [29.2 MB]

1600张史诗级HDR贴图来了！让你的作品更逼真！！22 条

自然.zip [2.8 GB]
影棚.zip [1.3 GB]
村庄.zip [765.8 MB]
城市.zip [2.8 GB]
道路.zip [1.3 GB]
树林.zip [1.5 GB]
天空.zip [3.5 GB]
黄昏.zip [441.9 MB]
夜景.zip [1.9 GB]
室内.zip [3.5 GB]
其他.zip [523.2 MB]
海水.zip [1.5 GB]
雪.zip [307.0 MB]
环境.zip [190.2 MB]
智慧城市案例素材.zip [610.7 MB]
city.zip [1.8 GB]
室内资产库.rar [622.0 MB]
人物.rar [211.4 MB]
19-智慧园区.zip [60.5 MB]
【公开课23】800+的Blender材质库，你值得拥有！.zip [119.1 MB]
The Witcher 3.rar [4.0 GB]
床.zip [337.7 MB]

讲义1 条

讲义.txt [255.0 B]

软件49 条

NVIDIA_Texture_Tools_2021.2.0.exe [29.1 MB]
ImageViewer3_6.7z [83.9 MB]
50-AI实时3D数字人.zip [2.9 GB]
22-变形动画.zip [66.6 MB]
23-全景看房与科技展馆.rar [238.0 MB]
40-yuka自动导航避障AI库课程代码资料.zip [20.8 MB]
35-cesium智慧城市.rar [308.9 MB]
21-曲线应用.zip [7.9 MB]
02-threejs开发快速入门.zip [57.5 MB]
02-threejs开发快速入门.rar [54.2 MB]
12-应用物理引擎设置物体相互作用.zip [1.6 MB]
48-粒子动画系统（24年1月新增）.zip [83.5 MB]
05-纹理材质高级操作.zip [262.4 MB]
课件地址.txt [91.0 B]
09-精通粒子特效.zip [50.1 MB]
37-海景度假酒店日夜更替.zip [287.7 MB]
11-打造3D全屏滚动官网.zip [1.2 MB]
44-微信小程序3DXR开发-代码.zip [25.3 KB]
08-动画（23年12月新增）.zip [81.4 MB]
19-效果合成.zip [52.3 MB]
30-智慧园区.zip [98.2 MB]
32-打造智慧工厂.rar [86.1 MB]
07-操控物体制作家具编辑器.zip [45.2 MB]
47-THREEjs应用WEBGPU与最新程序化节点开发.rar [244.2 MB]
38-3D酷炫图表.zip [45.5 MB]
42-react-three-fiber.rar [68.1 MB]
03-Geometry进阶.zip [57.6 MB]
18-着色器加工材质.zip [49.7 MB]
43-项目效果提升.rar [301.0 MB]
14-精通着色器编程.rar [8.8 MB]
24-智慧城市.zip [8.8 MB]
20-CSS渲染器.zip [7.9 MB]
45-程序化材质和科技展馆.rar [133.3 MB]
41-打造开放世界.rar [699.8 MB]
36-打造元宇宙.rar [2.2 GB]
01环境搭建与threejs开发初识.rar [324.2 MB]
25-29-blender.zip [266.0 MB]
34-cesium入门到精通.rar [134.5 MB]
04-材质进阶.zip [434.5 MB]
17-firework_烟花实战案例.zip [16.0 MB]
10-详解光线投射与物体交互.zip [1.1 MB]
33-3d地图.rar [13.7 MB]
46-webgpu.rar [6.3 MB]
16-shader_粒子效果.zip [2.1 MB]
15-着色器打造烟雾水云效果.zip [17.4 MB]
31-骨骼动画.zip [19.7 MB]
13-WEBGL与GPU渲染原理.zip [3.6 KB]
06-灯光与阴影.zip [262.4 MB]
39-cannon-es物理引擎系统教程代码.zip [8.1 MB]

适合人群

前端开发者
3D渲染爱好者
WebGL初学者

🎯 学习收获

掌握Three.js核心技术
学会3D数字人制作
实现全屏滚动官网

🎉 祝您学习愉快！