WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】+ l9 k$ V5 ~4 W$ t1 b" R( n
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 4 T0 y: d8 J( X
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M) ? R* A- @ X6 g, j) K7 b
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M o' I& @" A1 x: w( o; B$ r
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
0 s/ z% b# ^- k# _$ y- D; A| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M/ l y7 j7 b) {' c6 U) x. k
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 5 W' H$ C; s. X. k4 W; t
| ├──[11.1]--11-1光源类型 .mp4 14.42M
4 F- _/ J. p$ c* M| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
* m- [* z" C5 m& L. i7 ?5 w9 q| ├──[11.3]--11-3环境光 .mp4 31.93M* ?' o3 B" J3 W8 @9 k1 D
| ├──[11.4]--11-4点光源 .mp4 23.73M: r+ ]/ l0 L' ]0 h
| ├──[11.5]--11-5平行光 .mp4 37.07M' X: N0 ~% Q1 Z0 {: W
| └──[11.6]--11-6半球光 .mp4 35.13M
0 \7 f- c# `# U5 ~% s: ^" R├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 . i: l! @, h8 @, X
| ├──[12.10]--12-10联合材质 .mp4 21.84M B0 f) I8 ?( [7 g8 \
| ├──[12.1]--12-1材质简介 .mp4 29.71M& [7 z" I# y. T; D5 Q' G5 q3 c5 v
| ├──[12.2]--12-2基础材质 .mp4 37.18M
: X' E7 O) ?* q| ├──[12.3]--12-3深度材质 .mp4 32.18M+ ^3 h# P1 T+ ~# x! w/ M1 N
| ├──[12.4]--12-4法向材质 .mp4 26.16M
$ f9 f. L' }0 O$ e4 _4 s| ├──[12.5]--12-5面材质 .mp4 16.12M' m9 t8 |, j$ h' @
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M7 p8 C- P& Z e$ D1 h4 `& Z% U6 d
| ├──[12.7]--12-7Phong材质 .mp4 27.09M" j. C7 ?& b; {( _% Y
| └──[12.8]--12-8着色器材质 .mp4 42.33M
# I3 {% w" C, q* E( E9 f9 ^/ M├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 / ?' D; }4 ^* }- ~% L/ Y1 p
| ├──[13.10]--13-10多面体 .mp4 59.18M
8 i" ~7 W$ M1 ^& O( J| ├──[13.11]--13-11文字 .mp4 56.47M
9 m3 i; k j+ }* u6 d0 {0 b& u& b' n| ├──[13.1]--13-1几何体简介 .mp4 7.74M
' j' Y! |! \" T n( R| ├──[13.2]--13-2二维平面 .mp4 128.03M
% ]8 K& Y; i; h9 _3 E' k| ├──[13.3]--13-3二维圆 .mp4 56.66M
* X( h9 J& ]( A2 o* Y1 ~| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
7 B4 R) L/ |! i4 v6 z+ v| ├──[13.5]--13-5立方体 .mp4 38.30M
& a8 y# Y, Z0 U+ {' ?3 ]. \| ├──[13.6]--13-6球体 .mp4 34.72M# X8 b/ ?2 h& v& A& F
| ├──[13.7]--13-7圆柱体 .mp4 29.46M1 ]( z. L; N& K9 F+ a5 _3 z$ K. [% v
| ├──[13.8]--13-8圆环 .mp4 47.07M
4 L: q; \* o7 {( P: ^; b) X| └──[13.9]--13-9纽结 .mp4 45.00M' K/ P1 G. I5 D" m* Q- M+ x
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 * a4 E0 t: h: h0 R! u9 S) ]
| ├──[14.1]--14-1基础动画 .mp4 5.64M2 j1 a/ a& F+ t2 P6 C; z
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
! R2 e1 e$ e5 P# x| ├──[14.4]--14-4加载外部文件 .mp4 36.88M
. n3 w% G; ?+ ^. I5 z| ├──[14.5]--14-5使用相机控件 .mp4 62.24M$ e) P0 V4 g( Z' v
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M) c) ^7 j4 E0 G- L
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 % M7 o, {6 a0 O. O8 l" X
| ├──[15.1]--15-1基础纹理 .mp4 45.86M7 G9 j0 _9 [/ _: a( I- F
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
, s# t: Q0 m. V4 n+ H+ X, z| ├──[15.3]--15-3法向贴图 .mp4 51.24M
, T0 n) Q/ v( F' A- d6 M) `1 W| ├──[15.4]--15-4环境贴图 .mp4 90.46M, ~3 _- T M. O4 v/ A
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
/ t% G+ B3 { T. j7 }# M| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M9 j$ _; e5 J2 J! v
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
5 Y/ V; _2 M& J+ b9 l" A ]| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M- Q- o* d' a$ I
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M+ G- B- `4 w% k- a1 G$ y
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M4 |* {/ {& ]. ]9 \
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 * t8 Q i: U2 S8 P
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
' O, Q* ], m! b$ b9 k) M t| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M/ f: N8 J/ ^5 l R
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M: A+ u/ _$ v& @4 n6 r: y
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M5 Y% `! I$ T8 x' N0 E( J6 Y1 D
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
& h* d% D7 X, C5 c7 s| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M! X8 Y/ s7 ?& j& w* K& h0 w4 @
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
. H/ s9 L# T4 D| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
8 u; c0 n. M5 ]1 F| ├──[17.18]--17-18场景文字添加 .mp4 64.20M3 A3 w9 W( I) @# J& ?1 t
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M8 s7 e& N% N, u6 @# z( P" Q
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M$ @4 d/ X7 { m: H. F+ o F
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M8 w W7 N) a. ^' s' {! ~; q
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
7 m, U" a# W Y| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
( U5 t- F! Z5 K8 X| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
7 a) c" O8 [ F: E' z| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
1 k; W. U# j P2 g& k5 H# A| ├──[17.4]--17-4加载城市模型 .mp4 130.83M: Q% _$ v4 x- v9 S1 x
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
& E, ~8 y: q+ S8 X| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
; V5 u- T8 z r| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
1 J9 K1 v7 S, J ]# t V| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M7 C! Q" C9 p h4 X# |7 A# E8 j
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
4 H* v8 ?! O& a# A5 R( l├──{18}--第18章番外篇:webgl里的数学
) Z4 d, B8 u# [5 r. d% c1 U| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M$ N z. \9 |* Z' h
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M' q; ^1 m3 o, N! ~- J6 n* j2 |+ r" P3 Y
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
) j* S+ ~5 z: J7 w: Y/ ^& }% t| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M( U! v5 U1 E+ D3 a# |7 M. L. R" {: w
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M' g. l2 I! @( _% Y5 s; b2 E
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M, \, u5 _* Z+ r
| ├──[18.6]--18-6番外6点积 .mp4 41.72M
1 [- M/ `3 p" L0 ^9 V$ H| ├──[18.7]--18-7番外7叉积 .mp4 51.19M% i4 t4 ?/ y, ?7 c! I* k
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M: W# D2 C- P2 h6 K! e
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M+ ]- I+ T7 F( ]6 }0 F
├──{1}--第1章课程开篇 6 B$ U$ o: A) A' C- P6 B' K
| ├──[1.1]--1-1课程导学 .mp4 44.95M" D J9 c2 D$ a7 o" {) j4 n* B
| └──[1.2]--1-2课程简介 .mp4 22.39M
, n, n: E: j- \6 O w$ G3 A├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL / P' B: ]# g6 s- p& \+ C2 v$ |
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
) k4 n$ n7 m+ D" h* W: l| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
/ v- R0 d$ b- K| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
6 B5 t; `6 f, A' z; y0 l| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
7 X$ ~: T; ]& A6 W$ T| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M/ p2 a0 ~, A% _2 a4 y
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
0 d h3 |7 _( h5 Y9 G* J8 s2 R, Q: J| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M3 p3 n6 D# O- C
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M1 c, L+ Q5 X: Z5 M
├──{3}--第3章WebGL多图形绘制和动画
4 q& A3 ?* Q) ?/ u3 s% b# |4 S| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M9 F% R2 G! }. d# D0 R
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M& T0 l/ V+ W% k$ E) Y
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M: [1 R$ y+ U$ @; M4 |5 [9 n2 X+ Q# g: ]* E
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M) | l4 D* W' _6 y2 \& X
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
8 U [ x/ l) S| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
% ~) `# t0 B! \| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M/ }5 Z- U$ O: v5 }8 x
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
9 O" k3 p& I" n, T) | ]" C| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M* U- l3 \& X; l1 m2 z3 }
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M0 S% S3 \ e8 m+ x2 j
├──{4}--第4章WebGL颜色和纹理 ; D3 {% `4 ~* a! n
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M) t; m! ?: V8 c& p: r& ^
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
- j. [* F, X3 b! u" B| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M2 H4 w5 V7 x, L. Y; \8 I
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M/ ~, h' o1 ?, v+ Y
├──{5}--第5章WebGL原理学习:OpenGLES语言
; j4 `3 M0 d- D3 F' f" U| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M. n0 X8 [' O' Z! f, X
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
' g! T# Y* x" _| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
! L' O3 l. |/ G- O& d* o| ├──[5.4]--5-4分支和循环 .mp4 9.27M
9 H8 M+ ^3 x. y4 x+ c| ├──[5.5]--5-5函数 .mp4 18.55M
, k8 v2 I( H. d A& p9 p; [* U| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M, n: W' G, D5 G4 \ ^7 E
| └──[5.7]--5-7存储限定词 .mp4 20.30M7 ^1 [& G9 s1 l( g4 B* [! ~
├──{6}--第6章WebGL三维世界 ; @6 P' h1 ]+ ?& Q4 D$ _- K
| ├──[6.1]--6-13D基础 .mp4 136.57M
0 Q; t) l! B9 P9 G6 c| ├──[6.2]--6-2正射投影 .mp4 88.72M' K# |) g2 h1 \# ~8 U$ b
| ├──[6.3]--6-3透视投影 .mp4 166.86M
6 l8 V, k1 h# S3 K: F+ _| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M* q/ w- Q2 P* \7 q+ T7 `5 S
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M, u2 ^, A# b. l# j# K4 O* [2 \
├──{7}--第7章webgl光照
5 I. @9 e! Y+ ?+ ]4 a- D0 ?/ }| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
% b* N1 m! M: @ K' D" A1 m| └──[7.2]--7-2给场景添加光源 .mp4 72.04M8 p) N. x6 u2 x6 i9 G
├──{8}--第8章WebGL进阶操作 ; H" ?6 x- Q8 b" t5 f! ?+ P
| ├──[8.1]--8-1雾化 .mp4 103.20M9 M- x4 @- b; v% R: p. Z
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M$ y& k$ l$ \7 `4 [* z+ D
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
1 ?; N$ m; c6 e: b0 F├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 3 f- a' v0 Y4 E' a0 S% X
| ├──[9.1]--9-1什么是threejs .mp4 19.62M. V) d" ^ _/ E
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M( G8 A L, e# ?' ~5 W! ^
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M0 E( W0 }; m8 t0 R/ f
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
& Q3 ^; Q8 j: J4 k& v. u: O└──课件 .zip 22.02M
2 O5 v2 G6 B, T7 Q H) S8 }$ U3 O, g/ s9 _3 ?& y
|
# L, U/ ? y2 a8 `9 d9 Q8 X' Q |