#原创

Three.js可视化企业实战WEBGL课（新增Cesium+元宇宙）

课程介绍

课程来自于 【腾&讯课堂】Three.js可视化企业实战WEBGL课（新增Cesium+元宇宙）

本课程是一门非常实用的Three.js可视化企业实战WEBGL课，同时新增Cesium+元宇宙的内容。通过本课程的学习，您将能够掌握Three.js在企业实战中的应用，并了解Cesium和元宇宙的相关知识。

适用人群：

本课程适合那些对Three.js可视化技术感兴趣，希望在企业实战中应用WEBGL技术的学习者。无论您是初学者还是有一定基础的开发者，本课程都能帮助您提升技能，并将您的专业知识应用到实际项目中。

你将收获：

1. Three.js实战技能：通过本课程，您将学会如何使用Three.js进行实战开发，包括创建3D场景、添加模型和动画效果等。您将掌握Three.js的核心功能和常用技巧，为企业开发项目提供强大的可视化解决方案。

2. Cesium和元宇宙知识：本课程新增了Cesium和元宇宙的内容，您将了解Cesium的基本原理和使用方法，并深入探索元宇宙的概念和应用。这些知识将使您对前沿的WEBGL技术有更深入的了解，为您未来的项目发展提供更多可能性。

3. 实战经验和案例：本课程将通过实际案例和项目实践来帮助您巩固所学知识。您将有机会参与到真实的企业项目中，锻炼自己的开发能力，并从中获得宝贵的实战经验。这将为您今后在实际工作中应用WEBGL技术提供有力的支持。

无论您是想提升自己的技能，还是寻找新的职业发展方向，本课程都将是您的理想选择。现在就加入我们，开始您的Three.js可视化企业实战WEBGL之旅吧！！

文件目录

01. 认识three.js与开发环境搭建

01.课程介绍 .mp4

02.本地搭建threejs官方网站 .mp4

03.使用parcel搭建three.js开发环境 .mp4

04.关于运行搭建three出现的问题 .mp4

05.使用three.js渲染第一个场景和物体 .mp4

06.轨道控制器查看物体 .mp4

02 Three.js开发入门与调试设置

01.添加坐标轴辅助器(1) .mp4

02.设置物体移动 .mp4

03.物体的缩放与旋转 .mp4

04.应用requestAnimationFrame .mp4

05.通过Clock跟踪时间处理动画 .mp4

06.Gsap动画库基本使用与原理 .mp4

07.Gsap控制动画属性与方法 .mp4

08.根据尺寸变化实现自适应画面 .mp4

09.调用js接口控制画布全屏和退出全屏 .mp4

10.应用图形用户界面更改变量 .mp4

03 全面认识threejs物体

01.掌握几何体顶点_UV_法向属性 .mp4

02.BufferGeometry设置顶点创建矩形 .mp4

03.生成酷炫三角形科技物体 .mp4

04.常用网格几何体 .mp4

04 详解材质与纹理

01.初识材质与纹理 .mp4

02.详解纹理偏移_旋转_重复 .mp4

03.设置纹理显示算法与mipmap .mp4

04.透明材质与透明纹理 .mp4

05.环境遮挡贴图与强度 .mp4

05 详解PBR材质纹理

01.详解PBR物理渲染 .mp4

02.标准网格材质与光照物理效果 .mp4

03.置换贴图与顶点细分设置 .mp4

04,设置粗糙度与粗糙度贴图 .mp4

05.设置金属度与金属贴图 .mp4

06.法线贴图应用 .mp4

07.如何获取各种类型纹理贴图 .mp4

08.纹理加载进度情况 .mp4

09.详解环境贴图 .mp4

10.经纬线映射贴图与HDR .mp4

06 详解灯光与阴影

01.灯光与阴影的关系与设置 .mp4

02.平行关阴影属性与阴影相机原理 .mp4

03.详解聚光灯各种属性与应用 .mp4

04.详解点光源属性与应用 .mp4

07 精通粒子特效

01.初识Points与点材质 .mp4

02,深度解析点材质属性 .mp4

03.应用顶点着色打造绚丽多彩的星空 .mp4

04.通过封装与相机裁剪实现漫天飞舞的雪花 .mp4

05.运用数学知识打造复杂形状臂旋星系01 .mp4

06.运用数学知识打造复杂形状臂旋星系02 .mp4

07.运用数学知识打造复杂形状臂旋星系03 .mp4

08.运用颜色收敛方法设置星系臂旋渐变 .mp4

08 详解光线投射与物体交互

01.精讲投射光线实现3维物体交互 .mp4

09 打造3D全屏滚动官网

01.设置页面结构与样式 .mp4

02.同步屏幕滚动与相机位置 .mp4

03.设置第三屏特效 .mp4

04.切屏时候触发当屏物体特效 .mp4

05,gsap控制网页切屏文字动画 .mp4

06.鼠标控制相机摇晃 .mp4

07.设置滚动条隐藏的方式 .mp4

10 应用物理引擎设置物体相互作用

01.认识物理引擎与cannon安装 .mp4

02.使用物理引擎关联Threejs物体 .mp4

03.设置固定不动的地面与小球碰撞 .mp4

04.监听碰撞事件和控制碰撞音效 .mp4

05.关联材质设置摩擦与弹性系数 .mp4

06.立方体相互碰撞后旋转效果 .mp4

07.给物体施加力 .mp4

11 WEBGL与GPU渲染原理（难点）后期再消化亦可

01.渲染管线 .mp4

02.细讲渲染流程 .mp4

03.WEBGL绘制三角形 .mp4

04.缩放矩阵与变量 .mp4

05.着色器glsl基本规范 .mp4

12 入门着色器编程

01.初识着色器语言 .mp4

02.着色器插件安装与文件导入开发 .mp4

03.认识着色器变量 .mp4

04.控制顶点位置打造波浪形状 .mp4

05.传递变量打造动画与uv采样纹理 .mp4

13 进阶着色器编程

01.着色器编写各类型图案 .mp4

02.着色器编写各类型图案2 .mp4

03.shader着色器编写高级图案 .mp4

04.shader着色器编写高级图案2 .mp4

05.shader着色器打造漫天飞舞孔明灯1 .mp4

06.shader着色器打造漫天飞舞孔明灯2 .mp4

14 着色器打造烟雾水云效果

01.烟雾水效果介绍与代码准备 .mp4

02.sin函数与噪声函数混合 .mp4

03.设置sin与噪声参数 .mp4

04.时间打造流动效果 .mp4

05.设置水流和波纹方向与速度 .mp4

06.使用官方提供的水模型 .mp4

07.打造沙滩_水池 .mp4

15 着色器设置点材质

01.着色器设置点材质基本设置 .mp4

02.点着色器图形设置原理 .mp4

03.使用纹理设置点着色器材质 .mp4

04.Points中生成不同点图案 .mp4

05.根据视图Position设置点图案大小 .mp4

06.着色器设置顶点旋转打造臂旋星系 .mp4

07.着色器设置顶点颜色打造渐变星系 .mp4

16 炫丽烟花交互项目案例

01.点着色器设置炫丽烟花项目案例01 .mp4

02.点着色器设置炫丽烟花项目案例02 .mp4

03.点着色器设置炫丽烟花项目案例03 .mp4

03.点着色器设置炫丽烟花项目案例03(1) .mp4

17 使用着色器加工材质

01.three框架材质原理与应用 .mp4

02.修改物理光照材质制作人物被打效果01 .mp4

03.修改物理光照材质制作人物被打效果02 .mp4

04.修改物理光照材质制作人物被打效果03 .mp4

18 效果合成与后期处理

01.合成效果原理与设置 .mp4

01.合成效果原理与设置(1) .mp4

02.抗锯齿_点效果_发光_屏幕闪动等特效(1) .mp4

02.抗锯齿_点效果_发光_屏幕闪动等特效 .mp4

03.使用shaderPass实现自定义合成效果 .mp4

04.使用法向纹理合成特色渲染镜头 .mp4

05.运用时间打造水底波浪动态渲染效果 .mp4

19 HTML混合3D渲染

01.CSS2D渲染器基本使用 .mp4

02.添加多个元素标签跟随物体移动 .mp4

03.使用射线碰撞来检测标签显示隐藏 .mp4

20 曲线应用与轨迹运动

01.曲线使用与绘制流程 .mp4

02.让物体与相机沿着曲线轨迹运动 .mp4

21 智慧城市项目准备与模型生成

01.智慧城市和项目介绍 .mp4

02.创建智慧城市项目并配置glsl写法支持 .mp4

22 智慧城市各类型特效

01.多层着色器特效合并与城市光圈扩散效果01 .mp4

02.直线光带掠过城市效果01 .mp4

03.从下向上扫描城市特效 .mp4

04.利用tube特性生成带纹理图案飞线 .mp4

05.飞线方案2-着色器绘制酷炫飞线 .mp4

06.函数翻折实现彗星型飞线动画 .mp4

07.生成建筑线框特效 .mp4

08.智慧城市光墙特效 .mp4

09.智慧城市雷达扫描特效 .mp4

10.封装3D警告标识与点击提示事件 .mp4

23 智慧城市大屏互动

01.添加智慧城市天空盒子和设置抗锯齿效果 .mp4

02.智慧城市大屏样式与结构 .mp4

03.设置Pointer-events穿透事件 .mp4

04.智慧城市动态数字面板动画 .mp4

05.通过接口生成城市事件列表 .mp4

06.城市事件列表动态生成雷达-飞线-光墙 .mp4

07.大屏HTML元素与场景物体数据交互与特效展现 .mp4

24 blender基础

01.blender下载与语言渲染设置 .mp4

02.blender大纲选项开关与保存启动文件 .mp4

03.界面布局与工具栏侧边栏 .mp4

04.3d界面查看与相机视图 .mp4

05.相机视图和透视与正交 .mp4

06.局部视图与隐藏物体 .mp4

07.添加与删除物体和添加物体的操作面板 .mp4

08.ExtraObject插件添加额外石头物体 .mp4

25 blender操作教学

01.物体选择 .mp4

02.物体移动旋转缩放设置 .mp4

03.变换坐标系与变换轴心 .mp4

04.吸附功能使用 .mp4

05.模式切换与物体吸附 .mp4

06.物体合并与分离 .mp4

07.设置物体的父级和子级 .mp4

08.叠加层与快速收藏夹 .mp4

09.各种视图着色预览使用 .mp4

10.平滑与平直着色 .mp4

26 blender建模

01.点线面基本操作 .mp4

02.删除点线面基本操作 .mp4

03.法向与法向翻转 .mp4

04.挤出功能使用 .mp4

05.倒角 .mp4

06.环切与切割 .mp4

07.多边形与旋转 .mp4

08.光滑和随机以及滑移 .mp4

09.推拉_球形化_隔离顶点 .mp4

27 blender修改器使用

01.阵列修改器 .mp4

02.倒角修改器 .mp4

03.布尔修改器 .mp4

04.镜像修改器 .mp4

05.实体化修改器 .mp4

06.表面细分修改器 .mp4

07.字体添加 .mp4

28 材质与原理化BSDF

01.原理化BSDF .mp4

02.原理化BSDF各种属性使用 .mp4

29 智慧园建模

01.使用纹理贴图创建大厦 .mp4

02.物体设置2种材质打造大厦屋顶 .mp4

03.使用image插件快速搭建房子 .mp4

04.通过现实照片打造摩天大楼 .mp4

05.使用建筑生成插件快速生成建筑 .mp4

06.创建树 .mp4

07.制作照亮路面的路灯 .mp4

08.根据地图打造马路 .mp4

09.根据地图创建多边形建筑 .mp4

30 打造智慧园区

01.资产库打造智慧园区 .mp4

02.沃罗诺伊纹理种出随机草地 .mp4

03.烘焙计算好光照阴影的纹理 .mp4

04.模型优化与材质优化 .mp4

05.如何优化导出模型 .mp4

06.draco解压模型与场景摄像基础设置 .mp4

07.优化模型渲染逼近真实物理展示效果 .mp4

31 智慧园区动画与多种游览模式

01.园区热气球动画 .mp4

02.设置单一物体热气球多种动画 .mp4

03.设置大屏控制物体运动模式 .mp4

04.设置园区汽车运行轨迹与动画 .mp4

05.园区多相机视角切换 .mp4

06.观览模式之轨道观览-飞行模式-第一人称模式 .mp4

32 骨骼动画

01.创建骨骼与顶点组 .mp4

02.骨骼动画制作 .mp4

03.人物的骨骼动画 .mp4

04.如何切换控制器聚焦位置与拉近视角 .mp4

33 变形动画

01.变形动画原理与实现 .mp4

02.实现花苗生长到花开效果 .mp4

34 打造智慧工厂

01.根据户型图搭建户型结构墙体 .mp4

02.平面上创建发光灯带 .mp4

03.厂房楼层材质光效优化与模型加载 .mp4

04.楼层结构与房间用3D科幻悬浮框标注 .mp4

05根据需要微调科幻标注的位置 .mp4

06.大屏控制各楼层展开显示 .mp4

07.战斗机产品打散变形与组装恢复动画特效 .mp4

08.将产品物体变成粒子特效 .mp4

09.递归复原复杂模型生成战斗机粒子特效 .mp4

10.产品爆炸破碎特效与产品爆炸恢复效果 .mp4

35 物体发光效果

01.根据需要设置单个物体轮廓发光 .mp4

02.分层设置物体发光特效 .mp4

36 地理数据生成3D物体与地图

01.GEOJSON与地图下载 .mp4

02.通过GEO数据生成3D地图【www.52download.cn 】 .mp4

03.与3D地图进行交互 .mp4

04.通过GEO生成3D线 .mp4

37 附赠扩展：cesium入门

01.打造第一个cesium应用 .mp4

02.Cesium基础设置 .mp4

03.详讲viewer查看器 .mp4

04.cesium天空盒 .mp4

05.Cesium自定义地图与地图叠加 .mp4

06.添加地形与添加自定义地形 .mp4

38 附赠扩展：cesium场景与物体

01.坐标系与坐标系数值转换 .mp4

02.相机的方向和位置 .mp4

03.相机动画与相机动态交互 .mp4

04.添加物体与3D建筑物 .mp4

05.标签与广告牌 .mp4

06.3D模型添加与设置 .mp4

07.椭圆_走廊_圆柱体添加与设置 .mp4

08.多边形_体积拆线_矩形_椭球体设置 .mp4

39 附赠扩展：cesium精通物体材质与外观

01.Primitive创建图像物体 .mp4

02.Primitive多个实体与颜色修改 .mp4

03.entity和Primitive物体交互 .mp4

04.entity材质 .mp4

05.entity拆线材质设置 .mp4

06.Appearance外观与材质 .mp4

07.primitive材质类型与设置 .mp4

40 附赠扩展：cesium高级技巧-着色器编写材质与外观

01.fabric自定义着色器设置材质 .mp4

02.cesium着色器自带函数与变量 .mp4

03.Appearance编写着色器修改外观 .mp4

04.编写自定义MaterialProperty材质 .mp4

41 附赠扩展：cesium应用各类型地理数据

01.加载渲染GEOJSON数据 .mp4

02.自定义GEOJSON生成物体的样式 .mp4

03.kml数据生成全球科学研究所地理标记 .mp4

04.初识CZML数据与应用 .mp4

05.CZML时间动态图形场景 .mp4

06.追踪航班跨洋飞行 .mp4

07.3DTiles与性能监控 .mp4

08.根据不同条件设置3D_tiles样式 .mp4

09.3D_tiles高级样式设置与条件渲染 .mp4