适用人群 懂基础前端知识、需要学习和开发3d项目的前端 课程概述 全网领先的three.js的 WEB 3D可视化课程。课程全面系统的讲解WEB 3D可视化技术,涵盖目前企业开发的各种应用技术和项目案例。包含智慧园区、智慧城市、智慧工厂。学完可以直接应用在工作中,不仅仅讲three、cesium的企业项目应用,还讲底层的webgl着色器编写和修改各种材质和后期合成效果以及blender建模动画哦。 试看链接:https://pan.baidu.com/s/1QnwmQBRmAINQF4NbpDpwhQ?pwd=hzf7 目录大纲: ├── 1认识three.js与开发环境搭建/ ├── 2Three.js开发入门与调试设置/ ├── 3全面认识threejs物体/ ├── 4详解材质与纹理/ ├── 5详解灯光与阴影/ ├── 6精通粒子特效/ ├── 7详解光线投射与物体交互/ ├── 8打造3D全屏滚动官网/ ├── 9应用物理引擎设置物体相互作用/ ├── 10WEBGL与GPU渲染原理(难点)后期再消化亦可/ ├── 11精通着色器编程(难点)/ ├── 12着色器打造烟雾水云效果/ ├── 13着色器设置点材质/ ├── 14炫丽烟花交互项目案例/ ├── 15使用着色器加工材质/ ├── 16效果合成与后期处理/ ├── 17HTML混合3D渲染/ ├── 18曲线应用与轨迹运动/ ├── 19变形动画/ ├── 20 360度全景VR看房/ ├── 21智慧城市/ ├── 22blender基础/ ├── 23blender操作教学/ ├── 24blender建模/ ├── 25blender修改器使用/ ├── 26材质与智慧园区物体实现/ ├── 27打造智慧园区/ ├── 28骨骼动画/ ├── 29打造智慧工厂/ ├── 30地理数据生成3D物体与地图/ ├── 31打造元宇宙虚拟世界/ ├── 32附赠扩展:Cesium入门到精通/ ├── 33附赠扩展:Cesium智慧广州项目实战/ ├── 资料代码/ ————2023新版补更:———— ├── 1-认识three.js与开发环境搭建/ │ ├── [ 63M] 1.1-如何的学习WEB可视化3D技术与课程内容演示 │ ├── [ 21M] 1.2-新增打造开放世界课程项目预览 │ ├── [ 51M] 1.3-本地搭建threejs官方网站 │ ├── [ 71M] 1.4-使用parcel搭建three.js开发环境 │ ├── [126M] 1.5-使用three.js渲染第一个场景和物体 │ ├── [ 31M] 1.6-如何处理运行搭建开发Three环境出现的问题 │ └── [ 34M] 1.7-如何结合vue开发threejs ├── 20-全景看房与科技展馆/ │ ├── [131M] 20.1-VR全景看房原理与实现 │ ├── [296M] 20.2-全景看房场景房间切换 │ ├── [ 53M] 20.3-房间切换之地图动画 │ ├── [ 57M] 20.4-全局加载进度管理实现页面loading │ ├── [ 46M] 20.5-扩展提升实现科技展览馆 │ ├── [211M] 20.6-进阶项目_户型数据生成地面 │ ├── [222M] 20.7-进阶项目_全景图映射到对应的地面和天花板 │ ├── [317M] 20.8-进阶项目_户型墙体根据顶点数据自动生成 │ └── [ 84M] 20.9-进阶项目_切换房间查看全景效果 ├── 34-海景酒店日夜交替全景展示/ │ ├── [228M] 34.1-着色器实现海景酒店日夜切换效果实现 │ ├── [119M] 34.2-太阳升起与降落 │ ├── [ 96M] 34.3-太阳照射镜头的光晕效果 │ └── [149M] 34.4-夜景LED酒店外墙光幕效果 ├── 35-3D图表/ │ ├── [ 57M] 35.1-搭建3D坐标轴 │ ├── [ 40M] 35.2-3D条形图 │ ├── [105M] 35.3-3D扇形图 │ └── [ 47M] 35.4-3D折线图 ├── 36-可视化物理模拟仿真/ │ ├── [ 95M] 36.10-多种方式给物体施加作用力 │ ├── [ 50M] 36.11-添加LockConstraint物体约束 │ ├── [100M] 36.12-添加PointToPointConstraint物体约束实现门帘 │ ├── [ 52M] 36.13-添加DistanceConstraint按距离约束物体运动 │ ├── [113M] 36.14-使用距离约束实现布料模拟 │ ├── [ 63M] 36.15-使用弹簧约束2个物体运动 │ ├── [105M] 36.16-物理破坏效果约束失效案例 │ ├── [132M] 36.17-铰链关节约束与应用 │ ├── [ 80M] 36.18-流体模拟 │ ├── [215M] 36.19-实现模拟驾驶刚体车辆 │ ├── [ 83M] 36.1-物理引擎的用途和基本使用 │ ├── [163M] 36.20-模拟拥有悬架的车辆 │ ├── [ 56M] 36.21-控制车辆行进_转弯_漂移 │ ├── [ 87M] 36.2-物理引擎基础碰撞讲解 │ ├── [ 75M] 36.3-材质与摩擦系数设置 │ ├── [ 61M] 36.4-弹性与接触材质详解 │ ├── [107M] 36.5-碰撞与碰撞组 │ ├── [ 56M] 36.6-监听碰撞事件和获取碰撞信息 │ ├── [ 62M] 36.7-物体休眠与休眠事件 │ ├── [ 93M] 36.8-实现多个形状组合物体 │ └── [ 75M] 36.9-Trimesh实现复杂模型的物理碰撞模拟 ├── 37-AI寻路避障自动导航/ │ ├── [ 46M] 37.10-封装自定义更新小车 │ ├── [162M] 37.11-robot机器人导航巡视城市 │ ├── [186M] 37.1-使用yuka实现路径跟随 │ ├── [ 66M] 37.2-限制路径与模型载入跟随 │ ├── [ 75M] 37.3-搜索目标前进与抵达目标 │ ├── [ 98M] 37.4-点击前往并且避开障碍物 │ ├── [ 22M] 37.5-逃离行为 │ ├── [ 86M] 37.6-追击行为 │ ├── [ 55M] 37.7-偏移追击实现群体跟随 │ ├── [ 73M] 37.8-候鸟集群聚散效果 │ └── [244M] 37.9-导航网格实现避障寻路 ├── 38-WEB端打造开放虚拟世界/ │ ├── [101M] 38.10-场景渲染的执行流程 │ ├── [ 61M] 38.11-更新世界的执行流程 │ ├── [ 79M] 38.12-更新物理世界和界限判断与角色重生 │ ├── [181M] 38.13-角色初始化 │ ├── [111M] 38.14-角色状态更新 │ ├── [143M] 38.15-输入管理与角色动作状态和动画 │ ├── [128M] 38.16-更换模型和动画 │ ├── [294M] 38.17-添加关卡触发点 │ ├── [104M] 38.18-触发机制与注册世界更新表 │ ├── [122M] 38.19-人物角色进入车辆过程 │ ├── [ 16M] 38.1-课程项目介绍 │ ├── [ 67M] 38.20-AI操控比赛竞速 │ ├── [262M] 38.21-封装移动端手指点地移动操作 │ ├── [163M] 38.22-适配移动端touch事件控制角色移动 │ ├── [100M] 38.23-场景光阵交互完成传送角色-收看攒劲节目-情景切换 │ ├── [144M] 38.2-项目目录和模块介绍 │ ├── [144M] 38.3-初始化开放世界 │ ├── [ 71M] 38.4-物理世界初始化与输入管理模块 │ ├── [108M] 38.5-天空模块和物理世界 │ ├── [100M] 38.6-加载管理和ui界面管理 │ ├── [181M] 38.7-给场景加载模型和各类型碰撞体 │ ├── [114M] 38.8-场景初始化与场景空对象解析 │ └── [112M] 38.9-加载默认场景和总是重生交通工具 ├── 39-react-Three-Fiber库使用详解/ │ ├── [ 97M] 39.1-React基础开发threejs方式 │ ├── [ 83M] 39.2-React-three-fiber库的安装与使用 │ ├── [ 49M] 39.3-React-three-fiber控制器的使用 │ ├── [ 42M] 39.4-useFrame设置动画 │ ├── [ 51M] 39.5-useThree与事件交互 │ ├── [ 87M] 39.6-模型加载与背景设置 │ ├── [ 69M] 39.7-纹理材质应用 │ └── [283M] 39.8-3D水晶文字和软阴影 ├── 40-项目效果提升/ │ ├── [ 65M] 40.1-飞机场馆展示案例 │ ├── [111M] 40.2-普通阴影-接触阴影-级联阴影-烘焙阴影-PCSS阴影优缺点 │ ├── [122M] 40.3-屏幕空间反射 │ ├── [ 25M] 40.4-后期环境光遮蔽处理 │ ├── [223M] 40.5-提升渲染效果具体细节实现流程 │ ├── [234M] 40.6-多后期效果合成1个通道综合运用 │ ├── [126M] 40.7-发光和轮廓混合交互特效 │ └── [ 62M] 40.8-发光辉光的注意事项与处理 ├── 41-小程序3D_XR应用开发/ │ ├── [ 58M] 41.10-组件通讯实现文字跟随3D元素 │ ├── [114M] 41.11-AR混合现实开发 │ ├── [ 83M] 41.1-微信小程序3DXR开发第一个案例 │ ├── [ 47M] 41.2-材质_灯光_阴影 │ ├── [ 31M] 41.3-资源加载与纹理 │ ├── [ 32M] 41.4-动态加载纹理 │ ├── [ 60M] 41.5-环境纹理加载与视频纹理 │ ├── [130M] 41.6-动画和关键帧的编写 │ ├── [ 55M] 41.7-加载模型与播放动画 │ ├── [ 38M] 41.8-事件交互 │ └── [117M] 41.9-三维空间坐标转为屏幕坐标 ├── 42-程序化节点材质打造逼真科技展馆/ │ ├── [209M] 42.10-科技馆物理世界搭建 │ ├── [ 58M] 42.11-操控机器人 │ ├── [ 89M] 42.12-虚拟按键操控机器人 │ ├── [ 96M] 42.13-创建展馆碰撞体 │ ├── [192M] 42.14-展馆材质物理程序节点设置 │ ├── [ 95M] 42.1-多物体多材质烘焙到1张贴图 │ ├── [ 54M] 42.2-法向_粗糙度_AO各种物理材质纹理贴图烘焙 │ ├── [203M] 42.3-sketchup草图大师模型转blender模型优化 │ ├── [ 85M] 42.4-threejs程序化节点材质 │ ├── [134M] 42.5-threejs高阶材质节点各函数讲解 │ ├── [116M] 42.6-threejs材质节点开发 │ ├── [ 95M] 42.7-threejs程序材质节点实现珠光漆材质 │ ├── [ 87M] 42.8-threejs程序节点实现碳纤维材质 │ └── [102M] 42.9-threejs程序节点噪声函数材质应用 来源: 2023全面升级版-Three.js可视化企业实战WEBGL课 |