随着元宇宙、数字孪生的火热,前端3D可视化需求越来越广泛,懂 WebGL 技术的前端人才也成为行业香饽饽,薪资诱人颇有竞争力。本课程系统组织了WebGL 和 Three.js 知识内容,并结合图形学相关的数学知识,带你从0基础入门,体系化学习它们的基本、进阶、高级用法。最终通过一款高质量的 3D 可视化项目-智慧城市,让你顺利将 WebGL 和 Three.js 技术落地,掌握其实际应用!!
课程大纲
-
第1章 课程开篇 试看2 节 | 12分钟
本章中,将介绍本门课的相关信息,包括知识概览、项目效果、所需知识、课程知识点整理等。
收起列表
-
第2章 WebGL 简单应用:学习 WebGL 简单使用,建立 WebGL 认知9 节 | 141分钟
WebGL 简单应用,学习WebGL 简单使用,建立 WebGL 认知,具体内容包括:WebGL 基础结构、绘制一个点、WebGL 坐标系统、通过变量绘制一个点、vertexAttrib3f() 同族兄弟等。
收起列表
-
第3章 WebGL 多图形绘制和动画11 节 | 109分钟
本章节学习多图形、多缓冲区使用,学习如何实现动画,学习使用矩阵操来操作动画。
收起列表
-
第4章 WebGL 颜色和纹理5 节 | 54分钟
本章节,学习在WebGL 中修改图形颜色,学会使用图片进行贴图操作和使用多重纹理。
收起列表
-
第5章 WebGL原理学习:OpenGL ES 语言8 节 | 47分钟
WebGL原理学习:OpenGL ES 语言自定义着色器的必备知识点,学习基础语法和简单使用。
收起列表
-
第6章 WebGL 三维世界6 节 | 89分钟
如何定义一个三维场景,如何将物体渲染到三维场景中,学会使用顶点法和索引法绘制立方体。
收起列表
-
第7章 webgl 光照2 节 | 20分钟
没有光照的场景是不真实的,本章主要讲述光照的具体使用。
收起列表
-
第8章 WebGL 进阶操作3 节 | 19分钟
在 WebGL 中如何选中物体?能不能实现圆角的物体?能不能设置透明度?本章会告诉你答案。
收起列表
-
第9章 【Threejs 基础】简单实现一些阴影、雾化的效果5 节 | 28分钟
介绍 Threejs 基础使用和基本结构,简单实现一些阴影、雾化的效果~~
收起列表
-
第10章 【Threejs 组件】每个组件都有其独特的使用方法,可以做特定的设置4 节 | 13分钟
threejs 中,每个组件都有其独特的使用方法,可以做特定的设置,通过不同的相机也可以模拟不同的效果。
收起列表
-
第11章 【Threejs 光源】相信光,能照亮场景的每个角落,一个不够?再来几个吧。6 节 | 38分钟
本章讲解,【光源基础】分类和属性、【聚光灯】 SpotLight、【环境光】 AmbientLight、【点光源】 PointLight、【太阳光】 Directinallight、 【半球光】 HemisphereLight~~
收起列表
-
第12章 【threejs 材质】不同的材质能呈现出不同的效果,合适最重要10 节 | 45分钟
本章讲解 MeshBasicMaterial、 MeshDepthMaterial、MeshNormalMaterial、MeshFaceMaterial、 MeshLambertMaterial、MeshPhongMaterial、ShaderMaterial、直线和虚线~~
收起列表
-
第13章 【Threejs 几何体】还在为物体坐标烦恼吗?内置几何体来了11 节 | 68分钟
本章讲解分类和属性、平面、圆、自定义二维图形、立方体、球体、圆柱体、圆环、纽结、多面体、文字~~
收起列表
-
第14章 【Threejs 动画和相机】不同的角度看到的景色是不一样的,从多角度来观察吧6 节 | 61分钟
本章讲解,简单动画、使用 Tween 实现动画、点击选取对象~~
收起列表
-
第15章 【Threejs 纹理】场景不再单一,丰富多了6 节 | 54分钟
本章讲解基础纹理、凹凸贴图、法向贴图、环境贴图、canvas 贴图~~
收起列表
-
第16章 【Threejs 粒子】舞动的精灵,你值得拥有3 节 | 38分钟
本章讲解粒子、粒子系统、创建水波效果、粒子组合成立方体等~~
收起列表
-
第17章 【智慧城市实战】基础内容怎么样了?来实战一下吧23 节 | 284分钟
本章讲解blender基础使用,创建场景,加载 fbx 文件,以及各种特效:特效:透明墙、地面扩散、发光扩散半球、发光旋转四棱锥、飞点、道路运动等~~
收起列表
-
第18章 番外篇:webgl里的数学10 节 | 62分钟
讲解与 webgl 相关的数学知识~~
收起列表
-
领取方式:购买或签到后获取下载链接
-
发货方式:百度网盘
-
视频清晰度:超清
-
课程总容量:7.9GB
-
课程视频格式:mp4
-
是否带源码等资料:是
课程截图
免责声明:1、本站信息来自网络,版权争议与本站无关 2、本站所有主题由该帖子作者发表,该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 6、您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站(邮箱vancouveservice@gmail.com),本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。