Three.js可视化企业实战WEBGL课（新增Cesium+元宇宙），网盘下载(32.35G)

01.认识three

01.课程介绍

02.本地搭建threejs官方网站

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

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

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

06.轨道控制器查看物体

02three

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

02.设置物体移动

03.物体的缩放与旋转

04.应用requestanimationframe

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

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

07.gsap控制动画属性与方法

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

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

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

03全面认识threejs物体

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

02.buffergeometry设置顶点创建矩形

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

04.常用网格几何体

04详解材质与纹理

01.初识材质与纹理

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

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

04.透明材质与透明纹理

05.环境遮挡贴图与强度

05详解pbr材质纹理

01.详解pbr物理渲染

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

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

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

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

06.法线贴图应用

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

08.纹理加载进度情况

09.详解环境贴图

10.经纬线映射贴图与hdr

06详解灯光与阴影

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

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

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

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

07精通粒子特效

01.初识points与点材质

02,深度解析点材质属性

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

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

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

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

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

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

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

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

09打造3d全屏滚动官网

01.设置页面结构与样式

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

03.设置第三屏特效

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

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

06.鼠标控制相机摇晃

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

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

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

02.使用物理引擎关联threejs物体

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

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

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

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

07.给物体施加力

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

01.渲染管线

02.细讲渲染流程

03.webgl绘制三角形

04.缩放矩阵与变量

05.着色器glsl基本规范

12入门着色器编程

01.初识着色器语言

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

03.认识着色器变量

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

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

13进阶着色器编程

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

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

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

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

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

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

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

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

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

03.设置sin与噪声参数

04.时间打造流动效果

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

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

07.打造沙滩_水池

15着色器设置点材质

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

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

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

04.points中生成不同点图案

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

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

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

16炫丽烟花交互项目案例

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

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

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

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

17使用着色器加工材质

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

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

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

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

18效果合成与后期处理

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

01.合成效果原理与设置

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

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

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

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

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

19html混合3d渲染

01.css2d渲染器基本使用

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

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

20曲线应用与轨迹运动

01.曲线使用与绘制流程

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

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

01.智慧城市和项目介绍

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

22智慧城市各类型特效

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

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

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

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

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

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

07.生成建筑线框特效

08.智慧城市光墙特效

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

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

23智慧城市大屏互动

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

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

03.设置pointer-events穿透事件

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

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

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

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

24blender基础

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

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

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

04.3d界面查看与相机视图

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

06.局部视图与隐藏物体

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

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

25blender操作教学

01.物体选择

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

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

04.吸附功能使用

05.模式切换与物体吸附

06.物体合并与分离

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

08.叠加层与快速收藏夹

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

10.平滑与平直着色

26blender建模

01.点线面基本操作

02.删除点线面基本操作

03.法向与法向翻转

04.挤出功能使用

05.倒角

06.环切与切割

07.多边形与旋转

08.光滑和随机以及滑移

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

27blender修改器使用

01.阵列修改器

02.倒角修改器(1)

02.倒角修改器

03.布尔修改器

04.镜像修改器(1)

04.镜像修改器

05.实体化修改器

06.表面细分修改器

07.字体添加

28材质与原理化bsdf

01.原理化bsdf

02.原理化bsdf各种属性使用

29智慧园建模

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

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

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

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

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

06.创建树

07.制作照亮路面的路灯

08.根据地图打造马路

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

30打造智慧园区

01.资产库打造智慧园区

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

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

04.模型优化与材质优化

05.如何优化导出模型

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

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

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

01.园区热气球动画

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

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

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

05.园区多相机视角切换

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

32骨骼动画

01.创建骨骼与顶点组

02.骨骼动画制作

03.人物的骨骼动画

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

33变形动画

01.变形动画原理与实现

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

34打造智慧工厂

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

02.平面上创建发光灯带

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

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

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

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

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

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

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

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

35物体发光效果

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

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

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

01.geojson与地图下载

02.通过geo数据生成3d地图[52it.cc海量资源]

03.与3d地图进行交互

04.通过geo生成3d线

37附赠扩展：cesium入门

01.打造第一个cesium应用

02.cesium基础设置

03.详讲viewer查看器

04.cesium天空盒

05.cesium自定义地图与地图叠加

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

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

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

02.相机的方向和位置

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

04.添加物体与3d建筑物

05.标签与广告牌

06.3d模型添加与设置

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

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

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

01.primitive创建图像物体

02.primitive多个实体与颜色修改

03.entity和primitive物体交互

04.entity材质

05.entity拆线材质设置

06.appearance外观与材质

07.primitive材质类型与设置

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

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

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

03.appearance编写着色器修改外观

04.编写自定义materialproperty材质

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

01.加载渲染geojson数据

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

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

04.初识czml数据与应用(1)

04.初识czml数据与应用

05.czml时间动态图形场景

06.追踪航班跨洋飞行

07.3dtiles与性能监控

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

09.3d_tiles高级样式设置与条件渲染

课程资料