WebGL+Three.js 入门与实战，系统学习 Web3D 技术|完结无秘

课程介绍

某课网出品，百课优（baikeu.com）精心整理发布高清无密版，是一套WebGL+Three.js 入门到实战课。你知道吗，当下前端3D可视化需求越来越广泛，WebGL 技术的前端人才已成为行业香饽饽。本课程就带你从0开始，为您系统献上WebGL 和 Three.js 知识内容，完整体系的学习掌握基本→进阶→高级用法。并且手把手带你开发一款高质量的 3D 可视化项目-智慧城市，真正地实现 WebGL 和 Three.js 技术落地，吸收化为己用，快速进入行业。

课程目录

├──第1章课程开篇/
│ ├── [ 45M] 1-1课程导学
│ └── [ 18M] 1-2课程简介
├──第2章WebGL简单应用：学习WebGL简单使用，建立WebGL/
│ ├── [ 21M] 2-1canvas和webgl的区别
│ ├── [ 80M] 2-2认识webgl，了解webgl
│ ├── [ 51M] 2-3webgl入门-给画布换个颜色
│ ├── [164M] 2-4绘制一个点
│ ├── [ 59M] 2-5介绍webgl三维坐标系
│ ├── [ 80M] 2-6学习使用attribute变量-绘制一个水平移动的点
│ ├── [ 85M] 2-7通过鼠标控制绘制
│ └── [ 74M] 2-8使用uniform变量-绘制不同颜色的点
├──第3章WebGL多图形绘制和动画/
│ ├── [ 68M] 3-10图形复合变换-矩阵组合
│ ├── [ 80M] 3-1使用缓冲区对象-绘制多个点
│ ├── [ 46M] 3-2多缓冲区和数据偏移
│ ├── [ 46M] 3-3实现多种图形绘制
│ ├── [ 24M] 3-4图形平移-着色器
│ ├── [ 12M] 3-5图形缩放-着色器
│ ├── [ 29M] 3-6图形旋转-着色器
│ ├── [102M] 3-7图形平移-平移矩阵
│ ├── [ 49M] 3-8图形缩放-缩放矩阵
│ └── [ 69M] 3-9图形旋转-旋转矩阵
├──第4章WebGL颜色和纹理/
│ ├── [ 27M] 4-1使用varying变量-绘制彩色三角形
│ ├── [ 21M] 4-2从顶点到图形–webgl渲染流程介绍
│ ├── [131M] 4-3给图形添加背景图
│ └── [ 48M] 4-4使用多重纹理
├──第5章WebGL原理学习：OpenGLES语言/
│ ├── [ 42M] 5-1OpenGLES语言基础
│ ├── [ 21M] 5-2矢量和矩阵
│ ├── [ 22M] 5-3纹理取样器
│ ├── [ 14M] 5-4分支和循环
│ ├── [ 16M] 5-5函数
│ ├── [ 17M] 5-6内置函数介绍
│ └── [ 28M] 5-7存储限定词
└──第6章WebGL三维世界/
│ ├── [110M] 6-13D基础
│ ├── [ 72M] 6-2正射投影
│ ├── [128M] 6-3透视投影
│ ├── [ 68M] 6-4立方体绘制（顶点法）
│ └── [ 68M] 6-5立方体绘制（索引法）
├── 第7章webgl光照/
│   ├── [ 37M] 7-1光是如何使用的.mp4
│   └── [ 61M] 7-2给场景添加光源.mp4
├── 第8章WebGL进阶操作/
│   ├── [ 70M] 8-1雾化.mp4
│   ├── [ 29M] 8-2绘制圆形的点.mp4
│   └── [ 24M] 8-3绘制半透明物体.mp4
└── 第9章【Threejs基础】简单实现一些阴影、雾化的效果/
├── [ 26M] 9-1什么是threejs.mp4
├── [ 69M] 9-2渲染三维对象.mp4
├── [ 29M] 9-3场景添加灯光.mp4
├── [ 41M] 9-4添加阴影效果.mp4
└── [ 16M] 9-5添加雾化效果.mp4
├── 第10章【Threejs组件】每个组件都有其独特的使用方法/
│   ├── [ 44M] 10-1基础组件-Scene.mp4
│   ├── [ 11M] 10-2基础组件-几何体.mp4
│   ├── [ 15M] 10-3基础组件-正射投影相机.mp4
│   └── [9.7M] 10-4基础组件-透视投影相机.mp4
├── 第11章【Threejs光源】相信光，能照亮场景的每个角落/
│   ├── [ 13M] 11-1光源类型.mp4
│   ├── [137M] 11-2聚光灯光源.mp4
│   ├── [ 28M] 11-3环境光.mp4
│   ├── [ 22M] 11-4点光源.mp4
│   ├── [ 39M] 11-5平行光.mp4
│   └── [ 40M] 11-6半球光.mp4
├── 第12章【threejs材质】不同的材质能呈现出不同的效果/
│   ├── [ 21M] 12-10联合材质.mp4
│   ├── [ 24M] 12-1材质简介.mp4
│   ├── [ 43M] 12-2基础材质.mp4
│   ├── [ 36M] 12-3深度材质.mp4
│   ├── [ 30M] 12-4法向材质.mp4
│   ├── [ 16M] 12-5面材质.mp4
│   ├── [ 37M] 12-6郎伯材质【更多it资源 www.baikeu.com】.mp4
│   ├── [ 31M] 12-7Phong材质.mp4
│   └── [ 56M] 12-8着色器材质.mp4
└── 第13章【Threejs几何体】还在为物体坐标烦恼吗/
├── [100M] 13-10多面体.mp4
├── [105M] 13-11文字.mp4
├── [6.6M] 13-1几何体简介.mp4
├── [250M] 13-2二维平面.mp4
├── [ 57M] 13-3二维圆.mp4
├── [ 20M] 13-4自定义二维图形.mp4
├── [ 45M] 13-5立方体.mp4
├── [ 60M] 13-6球体.mp4
├── [ 66M] 13-7圆柱体.mp4
├── [ 69M] 13-8圆环.mp4
└── [ 55M] 13-9纽结.mp4
├── 第14章【Threejs动画和相机】不同的角度看到的景色是不一样/
│   ├── [6.9M] 14-1基础动画.mp4
│   ├── [ 88M] 14-3点击选取对象.mp4
│   ├── [ 43M] 14-4加载外部文件.mp4
│   ├── [113M] 14-5使用相机控件.mp4
│   └── [204M] 14-6实战：实现骨骼动画.mp4
├── 第15章【Threejs纹理】场景不再单一，丰富多了/
│   ├── [ 43M] 15-1基础纹理.mp4
│   ├── [ 40M] 15-2凹凸贴图.mp4
│   ├── [ 47M] 15-3法向贴图.mp4
│   ├── [128M] 15-4环境贴图.mp4
│   ├── [ 45M] 15-5canvas贴图.mp4
│   └── [154M] 15-6实战：实现辉光效果.mp4
├── 第16章【Threejs粒子】舞动的精灵，你值得拥有/
│   ├── [ 64M] 16-1粒子和粒子系统.mp4
│   ├── [102M] 16-2使用粒子实现水波效果.mp4
│   └── [179M] 16-3粒子组合成立方体.mp4
├── 第17章【智慧城市实战】基础内容怎么样了？来实战一下吧/
│   ├── [ 92M] 17-10添加场景扫描线.mp4
│   ├── [109M] 17-11特效：雷达效果.mp4
│   ├── [134M] 17-12特效：透明墙.mp4
│   ├── [ 74M] 17-13特效：地面扩散.mp4
│   ├── [ 51M] 17-14特效：扩散半球.mp4
│   ├── [ 77M] 17-15特效：旋转四棱锥.mp4
│   ├── [148M] 17-16特效：飞线.mp4
│   ├── [ 42M] 17-17特效：路径移动.mp4
│   ├── [ 77M] 17-18场景文字添加.mp4
│   ├── [197M] 17-19天气：冬雪.mp4
│   ├── [ 41M] 17-1blender基础使用.mp4
│   ├── [173M] 17-20天气：夏雨.mp4
│   ├── [135M] 17-21跟随鼠标缩放.mp4
│   ├── [263M] 17-23烟雾预警.mp4
│   ├── [ 79M] 17-2通过blender创建城市模型.mp4
│   ├── [132M] 17-3创建项目及场景添加.mp4
│   ├── [163M] 17-4加载城市模型.mp4
│   ├── [ 53M] 17-5背景天空盒.mp4
│   ├── [128M] 17-6添加交互效果.mp4
│   ├── [ 97M] 17-7给建筑物添加渐变色.mp4
│   ├── [ 75M] 17-8创建建筑物外围线条.mp4
│   └── [ 81M] 17-9添加建筑物扫描线.mp4
└── 第18章番外篇：webgl里的数学/
├── [9.9M] 18-10番外10旋转矩阵.mp4
├── [ 26M] 18-1番外1三角函数.mp4
├── [ 23M] 18-2番外2向量乘以标量.mp4
├── [6.7M] 18-3番外3向量长度计算.mp4
├── [ 61M] 18-4番外4两个向量的距离.mp4
├── [6.6M] 18-5番外5归一化.mp4
├── [ 30M] 18-6番外6点积.mp4
├── [ 58M] 18-7番外7叉积.mp4
├── [ 42M] 18-8番外8向量运算.mp4
└── [ 52M] 18-9番外9矩阵运算.mp4
└── 资料代码/

资源截图

yiwangcc永久VIP

收藏 海报分享