本套课程来自Three.js企业3D可视化实战项目WEBGL系统体系课程

本套课程文件总计24.7G，附课程相关资料

课程特色

01掌握前沿WEBGL和Three.js库技术，以及GPU着色器语言绘制渲染各种酷炫3D特效

02掌握3D物体动画，百万粒子特效，打造酷炫城市、园区、海洋、星系和产品展示

03本课程还将学习3D软件blender建模技术，完成整个智慧城市、园区、工厂等企业开发项目和对企业项目优化

你将获得

深入掌握WEBGL与Three.js库

掌握blender建模技术搭建真实城市

掌握企业级智慧城市项目开发

掌握企业级智慧园区和工厂项目开发

课程目录

• 01. 认识three.js与开发环境搭建
• 01.课程介绍
• 02.本地搭建threejs官方网站
• 03.使用parcel搭建three.js开发环境
• 04.关于运行搭建three出现的问题
• 05.使用three.js渲染第一个场景和物体
• 06.轨道控制器查看物体
• 02 Three.js开发入门与调试设置
• 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.给物体施加力
• 11 WEBGL与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.运用时间打造水底波浪动态渲染效果
• 19 HTML混合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元素与场景物体数据交互与特效展现
• 24 blender基础
• 01.blender下载与语言渲染设置
• 02.blender大纲选项开关与保存启动文件
• 03.界面布局与工具栏侧边栏
• 04.3d界面查看与相机视图
• 05.相机视图和透视与正交
• 06.局部视图与隐藏物体
• 07.添加与删除物体和添加物体的操作面板
• 08.ExtraObject插件添加额外石头物体
• 25 blender操作教学
• 01.物体选择
• 02.物体移动旋转缩放设置
• 03.变换坐标系与变换轴心
• 04.吸附功能使用
• 05.模式切换与物体吸附
• 06.物体合并与分离
• 07.设置物体的父级和子级
• 08.叠加层与快速收藏夹
• 09.各种视图着色预览使用
• 10.平滑与平直着色
• 26 blender建模
• 01.点线面基本操作
• 02.删除点线面基本操作
• 03.法向与法向翻转
• 04.挤出功能使用
• 05.倒角
• 06.环切与切割
• 07.多边形与旋转
• 08.光滑和随机以及滑移
• 09.推拉_球形化_隔离顶点
• 27 blender修改器使用
• 01.阵列修改器
• 02.倒角修改器
• 03.布尔修改器
• 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数据与应用
• 05.CZML时间动态图形场景
• 06.追踪航班跨洋飞行
• 07.3DTiles与性能监控
• 08.根据不同条件设置3D_tiles样式
• 09.3D_tiles高级样式设置与条件渲染
• 源码+课件 无解压密码