获取资料

WebGL+Three.js 入门与实战,系统学习 Web3D 技术「完结无密」

课程介绍

WebGL+Three.js 入门与实战,系统学习 Web3D 技术视频教程,由整理完结无密发布。本课程系统组织了WebGL 和 Three.js 知识内容,并结合图形学相关的数学知识,带你从0基础入门,体系化学习它们的基本、进阶、高级用法。最终通过一款高质量的 3D 可视化项目-智慧城市,让你顺利将 WebGL 和 Three.js 技术落地,掌握其实际应用。

相关推荐

网易云课堂 – Three.js可视化企业实战WEBGL课

WebGL+Three.js 入门与实战,系统学习 Web3D 技术「完结无密」

上手热门企业级3D智慧城市项目,综合落地所学,打造酷炫城市街景,完成智慧城市模型搭建

WebGL+Three.js 入门与实战,系统学习 Web3D 技术「完结无密」

WebGL+Three.js 入门与实战,系统学习 Web3D 技术「完结无密」

课程目录

第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.ukoou.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

资料代码/

WebGL+Three.js 入门与实战,系统学习 Web3D 技术资源目录截图

WebGL+Three.js 入门与实战,系统学习 Web3D 技术「完结无密」

WebGL+Three.js 入门与实战,系统学习 Web3D 技术「完结无密」

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址