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

2022年12月24日 229条评论 8,934次阅读

资源简介

文章目录

随着元宇宙、数字孪生的火热，前端3D可视化需求越来越广泛，懂 WebGL 技术的前端人才也成为行业香饽饽，薪资诱人颇有竞争力。本课程系统组织了WebGL 和 Three.js 知识内容，并结合图形学相关的数学知识，带你从0基础入门，体系化学习它们的基本、进阶、高级用法。最终通过一款高质量的 3D 可视化项目-智慧城市，让你顺利将 WebGL 和 Three.js 技术落地，掌握其实际应用。

资源目录

——/计算机教程/01mooc/\201-622-WebGL+Three.js入门与实战，系统学习Web3D技术（完结）
├─{10}--第10章【Threejs组件】每个组件都有其独特的使用方法，可以
│   ├─[10.1]--10-1基础组件-Scene.mp4            36.95MB
│   ├─[10.2]--10-2基础组件-几何体.mp4            11.67MB
│   ├─[10.3]--10-3基础组件-正射投影相机.mp4            14.7MB
│   └─[10.4]--10-4基础组件-透视投影相机.mp4            9.28MB
├─{11}--第11章【Threejs光源】相信光，能照亮场景的每个角落，一个
│   ├─[11.1]--11-1光源类型.mp4            14.42MB
│   ├─[11.2]--11-2聚光灯光源.mp4            117.8MB
│   ├─[11.3]--11-3环境光.mp4            31.93MB
│   ├─[11.4]--11-4点光源.mp4            23.73MB
│   ├─[11.5]--11-5平行光.mp4            37.07MB
│   └─[11.6]--11-6半球光.mp4            35.13MB
├─{12}--第12章【threejs材质】不同的材质能呈现出不同的效果，合适
│   ├─[12.10]--12-10联合材质.mp4            21.84MB
│   ├─[12.1]--12-1材质简介.mp4            29.71MB
│   ├─[12.2]--12-2基础材质.mp4            37.18MB
│   ├─[12.3]--12-3深度材质.mp4            32.18MB
│   ├─[12.4]--12-4法向材质.mp4            26.16MB
│   ├─[12.5]--12-5面材质.mp4            16.12MB
│   ├─[12.6]--12-6郎伯材质.mp4            29.13MB
│   ├─[12.7]--12-7Phong材质.mp4            27.09MB
│   └─[12.8]--12-8着色器材质.mp4            42.33MB
├─{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗？内置几何体
│   ├─[13.10]--13-10多面体.mp4            59.18MB
│   ├─[13.11]--13-11文字.mp4            56.47MB
│   ├─[13.1]--13-1几何体简介.mp4            7.74MB
│   ├─[13.2]--13-2二维平面.mp4            128.03MB
│   ├─[13.3]--13-3二维圆.mp4            56.66MB
│   ├─[13.4]--13-4自定义二维图形.mp4            21.58MB
│   ├─[13.5]--13-5立方体.mp4            38.3MB
│   ├─[13.6]--13-6球体.mp4            34.72MB
│   ├─[13.7]--13-7圆柱体.mp4            29.46MB
│   ├─[13.8]--13-8圆环.mp4            47.07MB
│   └─[13.9]--13-9纽结.mp4            45MB
├─{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
│   ├─[14.1]--14-1基础动画.mp4            5.64MB
│   ├─[14.3]--14-3点击选取对象.mp4            68.04MB
│   ├─[14.4]--14-4加载外部文件.mp4            36.88MB
│   ├─[14.5]--14-5使用相机控件.mp4            62.24MB
│   └─[14.6]--14-6实战：实现骨骼动画.mp4            185.56MB
├─{15}--第15章【Threejs纹理】场景不再单一，丰富多了
│   ├─[15.1]--15-1基础纹理.mp4            45.86MB
│   ├─[15.2]--15-2凹凸贴图.mp4            45.95MB
│   ├─[15.3]--15-3法向贴图.mp4            51.24MB
│   ├─[15.4]--15-4环境贴图.mp4            90.46MB
│   ├─[15.5]--15-5canvas贴图.mp4            35.15MB
│   └─[15.6]--15-6实战：实现辉光效果.mp4            109.48MB
├─{16}--第16章【Threejs粒子】舞动的精灵，你值得拥有
│   ├─[16.1]--16-1粒子和粒子系统.mp4            55.45MB
│   ├─[16.2]--16-2使用粒子实现水波效果.mp4            82.11MB
│   └─[16.3]--16-3粒子组合成立方体.mp4            108.73MB
├─{17}--第17章【智慧城市实战】基础内容怎么样了？来实战一下吧
│   ├─[17.10]--17-10添加场景扫描线.mp4            79.38MB
│   ├─[17.11]--17-11特效：雷达效果.mp4            91.55MB
│   ├─[17.12]--17-12特效：透明墙.mp4            99.29MB
│   ├─[17.13]--17-13特效：地面扩散.mp4            59.4MB
│   ├─[17.14]--17-14特效：扩散半球.mp4            36.36MB
│   ├─[17.15]--17-15特效：旋转四棱锥.mp4            61.14MB
│   ├─[17.16]--17-16特效：飞线.mp4            115.06MB
│   ├─[17.17]--17-17特效：路径移动.mp4            26.58MB
│   ├─[17.18]--17-18场景文字添加.mp4            64.2MB
│   ├─[17.19]--17-19天气：冬雪.mp4            148.17MB
│   ├─[17.1]--17-1blender基础使用.mp4            26.13MB
│   ├─[17.20]--17-20天气：夏雨.mp4            125.36MB
│   ├─[17.21]--17-21跟随鼠标缩放.mp4            61.14MB
│   ├─[17.23]--17-23烟雾预警.mp4            173.47MB
│   ├─[17.2]--17-2通过blender创建城市模型.mp4            63.52MB
│   ├─[17.3]--17-3创建项目及场景添加.mp4            116.35MB
│   ├─[17.4]--17-4加载城市模型.mp4            130.83MB
│   ├─[17.5]--17-5背景天空盒.mp4            45.74MB
│   ├─[17.6]--17-6添加交互效果.mp4            79.35MB
│   ├─[17.7]--17-7给建筑物添加渐变色.mp4            75.66MB
│   ├─[17.8]--17-8创建建筑物外围线条.mp4            48.64MB
│   └─[17.9]--17-9添加建筑物扫描线.mp4            60.78MB
├─{18}--第18章番外篇：webgl里的数学
│   ├─[18.10]--18-10番外10旋转矩阵.mp4            8.47MB
│   ├─[18.1]--18-1番外1三角函数.mp4            31.38MB
│   ├─[18.2]--18-2番外2向量乘以标量.mp4            22.46MB
│   ├─[18.3]--18-3番外3向量长度计算.mp4            9.5MB
│   ├─[18.4]--18-4番外4两个向量的距离.mp4            47.63MB
│   ├─[18.5]--18-5番外5归一化.mp4            8.74MB
│   ├─[18.6]--18-6番外6点积.mp4            41.72MB
│   ├─[18.7]--18-7番外7叉积.mp4            51.19MB
│   ├─[18.8]--18-8番外8向量运算.mp4            28.82MB
│   └─[18.9]--18-9番外9矩阵运算.mp4            65.16MB
├─{1}--第1章课程开篇
│   ├─[1.1]--1-1课程导学.mp4            44.95MB
│   └─[1.2]--1-2课程简介.mp4            22.39MB
├─{2}--第2章WebGL简单应用：学习WebGL简单使用，建立WebGL
│   ├─[2.1]--2-1canvas和webgl的区别.mp4            21.03MB
│   ├─[2.2]--2-2认识webgl，了解webgl.mp4            77.96MB
│   ├─[2.3]--2-3webgl入门-给画布换个颜色.mp4            56.93MB
│   ├─[2.4]--2-4绘制一个点.mp4            226.54MB
│   ├─[2.5]--2-5介绍webgl三维坐标系.mp4            63.06MB
│   ├─[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点.mp4            88.2MB
│   ├─[2.7]--2-7通过鼠标控制绘制.mp4            95.86MB
│   └─[2.8]--2-8使用uniform变量-绘制不同颜色的点.mp4            83.41MB
├─{3}--第3章WebGL多图形绘制和动画
│   ├─[3.10]--3-10图形复合变换-矩阵组合.mp4            78.6MB
│   ├─[3.1]--3-1使用缓冲区对象-绘制多个点.mp4            88.58MB
│   ├─[3.2]--3-2多缓冲区和数据偏移.mp4            49.71MB
│   ├─[3.3]--3-3实现多种图形绘制.mp4            50.31MB
│   ├─[3.4]--3-4图形平移-着色器.mp4            27.62MB
│   ├─[3.5]--3-5图形缩放-着色器.mp4            13.16MB
│   ├─[3.6]--3-6图形旋转-着色器.mp4            33.25MB
│   ├─[3.7]--3-7图形平移-平移矩阵.mp4            114.36MB
│   ├─[3.8]--3-8图形缩放-缩放矩阵.mp4            43.31MB
│   └─[3.9]--3-9图形旋转-旋转矩阵.mp4            91.63MB
├─{4}--第4章WebGL颜色和纹理
│   ├─[4.1]--4-1使用varying变量-绘制彩色三角形.mp4            28.15MB
│   ├─[4.2]--4-2从顶点到图形–webgl渲染流程介绍.mp4            14.95MB
│   ├─[4.3]--4-3给图形添加背景图.mp4            154.77MB
│   └─[4.4]--4-4使用多重纹理.mp4            56.12MB
├─{5}--第5章WebGL原理学习：OpenGLES语言
│   ├─[5.1]--5-1OpenGLES语言基础.mp4            47.6MB
│   ├─[5.2]--5-2矢量和矩阵.mp4            18.88MB
│   ├─[5.3]--5-3纹理取样器.mp4            18.37MB
│   ├─[5.4]--5-4分支和循环.mp4            9.27MB
│   ├─[5.5]--5-5函数.mp4            18.55MB
│   ├─[5.6]--5-6内置函数介绍.mp4            15.84MB
│   └─[5.7]--5-7存储限定词.mp4            20.3MB
├─{6}--第6章WebGL三维世界
│   ├─[6.1]--6-13D基础.mp4            136.57MB
│   ├─[6.2]--6-2正射投影.mp4            88.72MB
│   ├─[6.3]--6-3透视投影.mp4            166.86MB
│   ├─[6.4]--6-4立方体绘制（顶点法）.mp4            81.76MB
│   └─[6.5]--6-5立方体绘制（索引法）.mp4            80.16MB
├─{7}--第7章webgl光照
│   ├─[7.1]--7-1光是如何使用的.mp4            35.89MB
│   └─[7.2]--7-2给场景添加光源.mp4            72.04MB
├─{8}--第8章WebGL进阶操作
│   ├─[8.1]--8-1雾化.mp4            103.2MB
│   ├─[8.2]--8-2绘制圆形的点.mp4            32.98MB
│   └─[8.3]--8-3绘制半透明物体.mp4            19.53MB
├─{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
│   ├─[9.1]--9-1什么是threejs.mp4            19.62MB
│   ├─[9.2]--9-2渲染三维对象.mp4            79.19MB
│   ├─[9.4]--9-4添加阴影效果.mp4            55.56MB
│   └─[9.5]--9-5添加雾化效果.mp4            24.1MB
├─密码.txt            22B
├─目录.txt            -1.#INDB
└─课件
      ├─city-real-time-master.zip            13.05MB
      └─city_ppt-master.zip            9.13MB