WebGL+Three.js 入门与实战 系统学习 Web3D 技术

2023-12-19

WebGL+Three.js入门与实战,系统学习Web3D技术资源介绍:

WebGL+Three.js 入门与实战 系统学习 Web3D 技术

WebGL+Three.js 入门与实战,系统学习 Web3D 技术封面图

定位是初级入门的用户,所以讲法上很细,方便刚入行web3d的用户学习,目前WebGL技术是前端的技术蓝海,涨薪好选择,本课程系统组织了WebGL 和 Three.js 知识内容,并结合图形学相关的数学知识,带你从0基础入门,体系化学习它们的基本、进阶、高级用法。

资源目录:

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

免责声明: 1、本站信息来自网络,版权争议与本站无关 2、本站所有主题由该帖子作者发表,该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 6、您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站(邮箱:1807388100@qq.com,备用QQ:1807388100),本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

独角兽资源站 web前端 WebGL+Three.js 入门与实战 系统学习 Web3D 技术 https://www.itdjs.com/5244/html

发表评论
暂无评论
  • 0 +

    资源总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

你的前景,远超我们想象