Three.js可视化企业实战WEBGL课2022
Three.js可视化企业实战WEBGL课
├──01. 认识three.js与开发环境搭建
| ├──01.课程介绍 .mp4115.55M
| ├──02.本地搭建threejs官方网站 .mp455.87M
| ├──03.使用parcel搭建three.js开发环境 .mp499.04M
| ├──04.关于运行搭建three出现的问题 .mp451.79M
| ├──05.使用three.js渲染第一个场景和物体 .mp4181.88M
| └──06.轨道控制器查看物体 .mp432.42M
├──02 Three.js开发入门与调试设置
| ├──01.添加坐标轴辅助器(1) .mp417.10M
| ├──02.设置物体移动 .mp423.72M
| ├──03.物体的缩放与旋转 .mp429.31M
| ├──04.应用requestAnimationFrame .mp422.85M
| ├──05.通过Clock跟踪时间处理动画 .mp432.93M
| ├──06.Gsap动画库基本使用与原理 .mp443.24M
| ├──07.Gsap控制动画属性与方法 .mp432.93M
| ├──08.根据尺寸变化实现自适应画面 .mp444.58M
| ├──09.调用js接口控制画布全屏和退出全屏 .mp433.33M
| └──10.应用图形用户界面更改变量 .mp477.35M
├──03 全面认识threejs物体
| ├──01.掌握几何体顶点_UV_法向属性 .mp443.81M
| ├──02.BufferGeometry设置顶点创建矩形 .mp439.69M
| ├──03.生成酷炫三角形科技物体 .mp444.80M
| └──04.常用网格几何体 .mp445.23M
├──04 详解材质与纹理
| ├──01.初识材质与纹理 .mp440.17M
| ├──02.详解纹理偏移_旋转_重复 .mp454.54M
| ├──03.设置纹理显示算法与mipmap .mp443.30M
| ├──04.透明材质与透明纹理 .mp437.07M
| └──05.环境遮挡贴图与强度 .mp436.28M
├──05 详解PBR材质纹理
| ├──01.详解PBR物理渲染 .mp441.41M
| ├──02.标准网格材质与光照物理效果.mp442.89M
| ├──03.置换贴图与顶点细分设置 .mp439.24M
| ├──04,设置粗糙度与粗糙度贴图 .mp425.49M
| ├──05.设置金属度与金属贴图 .mp421.45M
| ├──06.法线贴图应用 .mp416.36M
| ├──07.如何获取各种类型纹理贴图 .mp431.80M
| ├──08.纹理加载进度情况 .mp485.82M
| ├──09.详解环境贴图 .mp455.29M
| └──10.经纬线映射贴图与HDR .mp466.25M
├──06 详解灯光与阴影
| ├──01.灯光与阴影的关系与设置 .mp466.10M
| ├──02.平行关阴影属性与阴影相机原理 .mp437.19M
| ├──03.详解聚光灯各种属性与应用 .mp467.75M
| └──04.详解点光源属性与应用 .mp469.83M
├──07 精通粒子特效
| ├──01.初识Points与点材质 .mp453.39M
| ├──02,深度解析点材质属性 .mp453.41M
| ├──03.应用顶点着色打造绚丽多彩的星空 .mp456.83M
| ├──04.通过封装与相机裁剪实现漫天飞舞的雪花 .mp494.96M
| ├──05.运用数学知识打造复杂形状臂旋星系01 .mp481.88M
| ├──06.运用数学知识打造复杂形状臂旋星系02 .mp429.79M
| ├──07.运用数学知识打造复杂形状臂旋星系03 .mp471.02M
| └──08.运用颜色收敛方法设置星系臂旋渐变 .mp445.48M
├──08 详解光线投射与物体交互
| └──01.精讲投射光线实现3维物体交互 .mp4147.11M
├──09 打造3D全屏滚动官网
| ├──01.设置页面结构与样式 .mp4130.41M
| ├──02.同步屏幕滚动与相机位置 .mp4165.38M
| ├──03.设置第三屏特效 .mp471.48M
| ├──04.切屏时候触发当屏物体特效 .mp4114.32M
| ├──05,gsap控制网页切屏文字动画 .mp432.15M
| ├──06.鼠标控制相机摇晃 .mp482.93M
| └──07.设置滚动条隐藏的方式 .mp411.07M
├──10 应用物理引擎设置物体相互作用
| ├──01.认识物理引擎与cannon安装 .mp449.52M
| ├──02.使用物理引擎关联Threejs物体 .mp4105.82M
| ├──03.设置固定不动的地面与小球碰撞 .mp429.96M
| ├──04.监听碰撞事件和控制碰撞音效 .mp439.89M
| ├──05.关联材质设置摩擦与弹性系数 .mp435.15M
| ├──06.立方体相互碰撞后旋转效果 .mp477.98M
| └──07.给物体施加力 .mp417.35M
├──11 WEBGL与GPU渲染原理（难点）后期再消化亦可
| ├──01.渲染管线 .mp423.02M
| ├──02.细讲渲染流程 .mp454.66M
| ├──03.WEBGL绘制三角形 .mp4101.55M
| ├──04.缩放矩阵与变量 .mp473.24M
| └──05.着色器glsl基本规范 .mp423.84M
├──12 入门着色器编程
| ├──01.初识着色器语言 .mp447.88M
| ├──02.着色器插件安装与文件导入开发 .mp429.95M
| ├──03.认识着色器变量 .mp460.98M
| ├──04.控制顶点位置打造波浪形状 .mp462.59M
| └──05.传递变量打造动画与uv采样纹理 .mp438.77M
├──13 进阶着色器编程
| ├──01.着色器编写各类型图案 .mp4202.96M
| ├──02.着色器编写各类型图案2 .mp4215.72M
| ├──03.shader着色器编写高级图案 .mp4188.09M
| ├──04.shader着色器编写高级图案2 .mp4208.79M
| ├──05.shader着色器打造漫天飞舞孔明灯1 .mp4317.59M
| └──06.shader着色器打造漫天飞舞孔明灯2 .mp4211.96M
├──14 着色器打造烟雾水云效果
| ├──01.烟雾水效果介绍与代码准备 .mp448.28M
| ├──02.sin函数与噪声函数混合 .mp493.25M
| ├──03.设置sin与噪声参数 .mp454.93M
| ├──04.时间打造流动效果 .mp445.75M
| ├──05.设置水流和波纹方向与速度 .mp4118.98M
| ├──06.使用官方提供的水模型 .mp460.59M
| └──07.打造沙滩_水池 .mp4150.62M
├──15 着色器设置点材质
| ├──01.着色器设置点材质基本设置 .mp478.88M
| ├──02.点着色器图形设置原理 .mp433.48M
| ├──03.使用纹理设置点着色器材质 .mp435.83M
| ├──04.Points中生成不同点图案 .mp494.99M
| ├──05.根据视图Position设置点图案大小 .mp419.00M
| ├──06.着色器设置顶点旋转打造臂旋星系 .mp427.18M
| └──07.着色器设置顶点颜色打造渐变星系 .mp419.77M
├──16 炫丽烟花交互项目案例
| ├──01.点着色器设置炫丽烟花项目案例01 .mp4301.94M
| ├──02.点着色器设置炫丽烟花项目案例02 .mp4291.25M
| ├──03.点着色器设置炫丽烟花项目案例03(1) .mp4314.79M
| └──03.点着色器设置炫丽烟花项目案例03 .mp4314.79M
├──17 使用着色器加工材质
| ├──01.three框架材质原理与应用 .mp461.81M
| ├──02.修改物理光照材质制作人物被打效果01 .mp463.55M
| ├──03.修改物理光照材质制作人物被打效果02 .mp471.99M
| └──04.修改物理光照材质制作人物被打效果03 .mp4107.54M
├──18 效果合成与后期处理
| ├──01.合成效果原理与设置(1) .mp494.68M
| ├──01.合成效果原理与设置 .mp494.68M
| ├──02.抗锯齿_点效果_发光_屏幕闪动等特效(1) .mp4126.89M
| ├──02.抗锯齿_点效果_发光_屏幕闪动等特效 .mp4126.89M
| ├──03.使用shaderPass实现自定义合成效果 .mp490.32M
| ├──04.使用法向纹理合成特色渲染镜头 .mp472.90M
| └──05.运用时间打造水底波浪动态渲染效果 .mp440.20M
├──19 HTML混合3D渲染
| ├──01.CSS2D渲染器基本使用 .mp482.72M
| ├──02.添加多个元素标签跟随物体移动 .mp431.28M
| └──03.使用射线碰撞来检测标签显示隐藏 .mp4104.82M
├──20 曲线应用与轨迹运动
| ├──01.曲线使用与绘制流程 .mp449.79M
| └──02.让物体与相机沿着曲线轨迹运动 .mp436.13M
├──21 智慧城市项目准备与模型生成
| ├──01.智慧城市和项目介绍 .mp4266.82M
| └──02.创建智慧城市项目并配置glsl写法支持 .mp4103.31M
├──22 智慧城市各类型特效
| ├──01.多层着色器特效合并与城市光圈扩散效果01 .mp4159.55M
| ├──02.直线光带掠过城市效果01 .mp474.45M
| ├──03.从下向上扫描城市特效 .mp430.58M
| ├──04.利用tube特性生成带纹理图案飞线 .mp4109.15M
| ├──05.飞线方案2-着色器绘制酷炫飞线 .mp4137.62M
| ├──06.函数翻折实现彗星型飞线动画 .mp468.35M
| ├──07.生成建筑线框特效 .mp478.58M
| ├──08.智慧城市光墙特效 .mp4136.18M
| ├──09.智慧城市雷达扫描特效 .mp4134.88M
| └──10.封装3D警告标识与点击提示事件 .mp4124.48M
├──23 智慧城市大屏互动
| ├──01.添加智慧城市天空盒子和设置抗锯齿效果 .mp449.67M
| ├──02.智慧城市大屏样式与结构 .mp4115.03M
| ├──03.设置Pointer-events穿透事件 .mp427.97M
| ├──04.智慧城市动态数字面板动画 .mp4166.90M
| ├──05.通过接口生成城市事件列表 .mp4160.71M
| ├──06.城市事件列表动态生成雷达-飞线-光墙 .mp4504.54M
| └──07.大屏HTML元素与场景物体数据交互与特效展现 .mp4333.84M
├──24 blender基础
| ├──01.blender下载与语言渲染设置 .mp418.70M
| ├──02.blender大纲选项开关与保存启动文件 .mp442.73M
| ├──03.界面布局与工具栏侧边栏 .mp438.73M
| ├──04.3d界面查看与相机视图 .mp441.42M
| ├──05.相机视图和透视与正交 .mp437.57M
| ├──06.局部视图与隐藏物体 .mp436.74M
| ├──07.添加与删除物体和添加物体的操作面板 .mp431.84M
| └──08.ExtraObject插件添加额外石头物体 .mp413.88M
├──25 blender操作教学
| ├──01.物体选择 .mp429.02M
| ├──02.物体移动旋转缩放设置 .mp461.03M
| ├──03.变换坐标系与变换轴心 .mp458.83M
| ├──04.吸附功能使用 .mp435.07M
| ├──05.模式切换与物体吸附 .mp438.32M
| ├──06.物体合并与分离 .mp432.87M
| ├──07.设置物体的父级和子级 .mp426.03M
| ├──08.叠加层与快速收藏夹 .mp425.69M
| ├──09.各种视图着色预览使用 .mp459.07M
| └──10.平滑与平直着色 .mp429.21M
├──26 blender建模
| ├──01.点线面基本操作 .mp458.63M
| ├──02.删除点线面基本操作 .mp442.64M
| ├──03.法向与法向翻转 .mp436.62M
| ├──04.挤出功能使用 .mp471.56M
| ├──05.倒角 .mp444.32M
| ├──06.环切与切割 .mp463.61M
| ├──07.多边形与旋转 .mp437.30M
| ├──08.光滑和随机以及滑移 .mp436.63M
| └──09.推拉_球形化_隔离顶点 .mp437.77M
├──27 blender修改器使用
| ├──01.阵列修改器 .mp450.27M
| ├──02.倒角修改器 .mp448.33M
| ├──03.布尔修改器 .mp427.24M
| ├──04.镜像修改器 .mp429.18M
| ├──05.实体化修改器 .mp419.89M
| ├──06.表面细分修改器 .mp420.34M
| └──07.字体添加 .mp451.62M
├──28 材质与原理化BSDF
| ├──01.原理化BSDF .mp452.31M
| └──02.原理化BSDF各种属性使用 .mp489.83M
├──29 智慧园建模
| ├──01.使用纹理贴图创建大厦 .mp471.48M
| ├──02.物体设置2种材质打造大厦屋顶 .mp473.18M
| ├──03.使用image插件快速搭建房子 .mp4189.32M
| ├──04.通过现实照片打造摩天大楼 .mp4178.43M
| ├──05.使用建筑生成插件快速生成建筑 .mp458.10M
| ├──06.创建树 .mp451.99M
| ├──07.制作照亮路面的路灯 .mp4118.98M
| ├──08.根据地图打造马路 .mp480.66M
| └──09.根据地图创建多边形建筑 .mp442.54M
├──30 打造智慧园区
| ├──01.资产库打造智慧园区 .mp459.82M
| ├──02.沃罗诺伊纹理种出随机草地 .mp446.61M
| ├──03.烘焙计算好光照阴影的纹理 .mp4104.88M
| ├──04.模型优化与材质优化 .mp4127.38M
| ├──05.如何优化导出模型 .mp451.89M
| ├──06.draco解压模型与场景摄像基础设置 .mp4131.43M
| └──07.优化模型渲染逼近真实物理展示效果 .mp480.61M
├──31 智慧园区动画与多种游览模式
| ├──01.园区热气球动画 .mp4182.98M
| ├──02.设置单一物体热气球多种动画 .mp492.34M
| ├──03.设置大屏控制物体运动模式 .mp4136.16M
| ├──04.设置园区汽车运行轨迹与动画 .mp4289.48M
| ├──05.园区多相机视角切换 .mp4301.68M
| └──06.观览模式之轨道观览-飞行模式-第一人称模式 .mp4250.90M
├──32 骨骼动画
| ├──01.创建骨骼与顶点组 .mp4108.67M
| ├──02.骨骼动画制作 .mp4100.85M
| ├──03.人物的骨骼动画 .mp4159.70M
| └──04.如何切换控制器聚焦位置与拉近视角 .mp452.86M
├──33 变形动画
| ├──01.变形动画原理与实现 .mp4182.09M
| └──02.实现花苗生长到花开效果 .mp4342.32M
├──34 打造智慧工厂
| ├──01.根据户型图搭建户型结构墙体 .mp4166.84M
| ├──02.平面上创建发光灯带 .mp4113.76M
| ├──03.厂房楼层材质光效优化与模型加载 .mp4251.69M
| ├──04.楼层结构与房间用3D科幻悬浮框标注 .mp4312.28M
| ├──05根据需要微调科幻标注的位置 .mp435.68M
| ├──06.大屏控制各楼层展开显示 .mp4547.56M
| ├──07.战斗机产品打散变形与组装恢复动画特效 .mp4468.57M
| ├──08.将产品物体变成粒子特效 .mp488.68M
| ├──09.递归复原复杂模型生成战斗机粒子特效 .mp4221.73M
| └──10.产品爆炸破碎特效与产品爆炸恢复效果 .mp4267.54M
├──35 物体发光效果
| ├──01.根据需要设置单个物体轮廓发光 .mp4218.65M
| └──02.分层设置物体发光特效 .mp4130.10M
├──36 地理数据生成3D物体与地图
| ├──01.GEOJSON与地图下载 .mp460.67M
| ├──02.通过GEO数据生成3D地图 .mp4181.87M
| ├──03.与3D地图进行交互 .mp481.74M
| └──04.通过GEO生成3D线 .mp457.65M
├──37 附赠扩展：cesium入门
| ├──01.打造第一个cesium应用 .mp4120.70M
| ├──02.Cesium基础设置 .mp4124.21M
| ├──03.详讲viewer查看器 .mp498.90M
| ├──04.cesium天空盒 .mp430.86M
| ├──05.Cesium自定义地图与地图叠加 .mp491.07M
| └──06.添加地形与添加自定义地形 .mp4160.72M
├──38 附赠扩展：cesium场景与物体
| ├──01.坐标系与坐标系数值转换 .mp492.52M
| ├──02.相机的方向和位置 .mp4129.78M
| ├──03.相机动画与相机动态交互 .mp4179.33M
| ├──04.添加物体与3D建筑物 .mp4131.46M
| ├──05.标签与广告牌 .mp491.61M
| ├──06.3D模型添加与设置 .mp4134.33M
| ├──07.椭圆_走廊_圆柱体添加与设置 .mp483.99M
| └──08.多边形_体积拆线_矩形_椭球体设置 .mp4100.22M
├──39 附赠扩展：cesium精通物体材质与外观
| ├──01.Primitive创建图像物体 .mp4113.45M
| ├──02.Primitive多个实体与颜色修改 .mp491.18M
| ├──03.entity和Primitive物体交互 .mp4120.95M
| ├──04.entity材质 .mp4101.10M
| ├──05.entity拆线材质设置 .mp4179.97M
| ├──06.Appearance外观与材质 .mp497.03M
| └──07.primitive材质类型与设置 .mp4163.25M
├──40 附赠扩展：cesium高级技巧-着色器编写材质与外观
| ├──01.fabric自定义着色器设置材质 .mp469.68M
| ├──02.cesium着色器自带函数与变量 .mp4104.29M
| ├──03.Appearance编写着色器修改外观 .mp480.63M
| └──04.编写自定义MaterialProperty材质 .mp4138.95M
└──41 附赠扩展：cesium应用各类型地理数据
| ├──01.加载渲染GEOJSON数据 .mp471.50M
| ├──02.自定义GEOJSON生成物体的样式 .mp4128.04M
| ├──03.kml数据生成全球科学研究所地理标记 .mp4207.45M
| ├──04.初识CZML数据与应用 .mp433.10M
| ├──05.CZML时间动态图形场景 .mp463.74M
| ├──06.追踪航班跨洋飞行 .mp4315.72M
| ├──07.3DTiles与性能监控 .mp4272.15M
| ├──08.根据不同条件设置3D_tiles样式 .mp4129.76M
| └──09.3D_tiles高级样式设置与条件渲染 .mp4199.01M
**** Hidden Message *****
真是难得给力的帖子啊。 强烈支持楼主ing…… 淡定，淡定，淡定…… 强烈支持楼主ing…… 真是难得给力的帖子啊。 太生气了，无法HOLD啦 >_<...... 真是被感动的痛哭流涕…… 强烈支持楼主ing…… 真是难得给力的帖子啊。