WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】9 U% ~: Q( J) n3 j
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
7 m0 K7 C) w: O2 r9 T| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M& \/ C/ O9 s( K Z% ?
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M1 N0 Y. e: N. m( I+ w( \
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
4 ^6 Q8 y: m3 Q6 Q8 O! I) i- g| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
) ^, W; h9 f6 O: B4 A2 }0 s7 |8 ^+ X, Q├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
; H! C# D+ I. N' [& c| ├──[11.1]--11-1光源类型 .mp4 14.42M
" e; E/ V* c: `& t- a- E# [5 p| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M/ G% T* L( i: T1 Z$ M2 c. R
| ├──[11.3]--11-3环境光 .mp4 31.93M0 `: W, B- M/ f) r, N
| ├──[11.4]--11-4点光源 .mp4 23.73M, a8 A3 H) J7 W1 E% N7 ~
| ├──[11.5]--11-5平行光 .mp4 37.07M
3 x- p! p. t" c7 m| └──[11.6]--11-6半球光 .mp4 35.13M
# o2 ]1 W- [2 J! L& `- F i- i├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 & ^) d% f- v& m6 l% X
| ├──[12.10]--12-10联合材质 .mp4 21.84M& t( D1 f2 m! z. C4 }
| ├──[12.1]--12-1材质简介 .mp4 29.71M6 S) L# Q' f C- K
| ├──[12.2]--12-2基础材质 .mp4 37.18M$ J, A* D5 t3 K9 \1 [1 U* |
| ├──[12.3]--12-3深度材质 .mp4 32.18M8 N% B/ f; t% X4 t& m
| ├──[12.4]--12-4法向材质 .mp4 26.16M
' \1 _( h- I+ _/ Z5 i1 ?" r| ├──[12.5]--12-5面材质 .mp4 16.12M! L- K5 v# ?9 l! s% e7 V4 L
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M0 P/ V% X' j0 y/ G& k9 m
| ├──[12.7]--12-7Phong材质 .mp4 27.09M5 J, T9 j% I* l
| └──[12.8]--12-8着色器材质 .mp4 42.33M
' a( `& ^' q/ w' D! Z5 g0 k$ U├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 & P2 Z0 e0 @# {
| ├──[13.10]--13-10多面体 .mp4 59.18M. t; j d3 I; h0 z8 B) z7 k9 k
| ├──[13.11]--13-11文字 .mp4 56.47M' W- b& `( H) c i
| ├──[13.1]--13-1几何体简介 .mp4 7.74M0 W3 G' z+ y# c0 r9 L. A+ A, p- E1 R
| ├──[13.2]--13-2二维平面 .mp4 128.03M' U) Z) ]$ a6 G- b8 ]
| ├──[13.3]--13-3二维圆 .mp4 56.66M9 B, [+ p6 `1 E' Y7 F( w8 J- Y6 J3 U
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M# |4 Q9 ^0 r9 v' w Q+ h4 t/ g1 Q" @
| ├──[13.5]--13-5立方体 .mp4 38.30M4 r0 x* P/ E" V& h+ z3 }; T
| ├──[13.6]--13-6球体 .mp4 34.72M' @ M0 @5 W2 M* M5 R+ @( n
| ├──[13.7]--13-7圆柱体 .mp4 29.46M
' }& x0 N& |1 d" x0 T5 K" u| ├──[13.8]--13-8圆环 .mp4 47.07M
Q1 ^7 z* Y5 R) ~8 A0 @3 B- ^3 {| └──[13.9]--13-9纽结 .mp4 45.00M
# H2 w' g- c! H$ O8 x& ^) S├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 ) t) ?- x: j% u9 B- [* J
| ├──[14.1]--14-1基础动画 .mp4 5.64M
- p( |1 y6 x0 j8 t# ]| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
! S, s; W# K5 D, q. u| ├──[14.4]--14-4加载外部文件 .mp4 36.88M7 x: A0 ^, y9 t( W( D( @
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
& V# v4 ~, Z* D" [: x| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
2 O* g8 W( e! R: s% r6 g/ T- h├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 8 q# G6 y% s: @6 w, y: |0 f8 U/ x0 j
| ├──[15.1]--15-1基础纹理 .mp4 45.86M8 c# B6 ? P8 |0 A8 i) Z; b
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M1 }; L/ K6 U+ U9 U5 B# U
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
+ G+ `; C! p" `- e% n| ├──[15.4]--15-4环境贴图 .mp4 90.46M
( p) w9 h5 t# _; Y# @ r6 r" a+ @| ├──[15.5]--15-5canvas贴图 .mp4 35.15M+ d2 `7 [# c2 @7 w7 e
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
2 D7 Y% H" X5 C9 S; ]3 D├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 3 ~+ T" T/ T; i. F5 t. \! q3 G
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
3 x" | W$ C' P7 x% o| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
. f% ^6 _ n* v| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M3 X: u# V9 J4 h* L4 @6 f" U8 {
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 3 D' Z8 p# T+ G. f1 z' P7 M
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M X5 t+ k, `5 n: P% N, ?# M
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M: | A+ N7 \' ~: J) p) Q
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M" T2 [. n# I5 k2 H. E! G( U7 b! U
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
2 e* e; c5 I( D6 b8 a9 U4 Y| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M0 q. u- P5 D- k& |1 v, I! r5 I
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
8 B9 Q( l4 w4 C, a- @" c, F1 y| ├──[17.16]--17-16特效:飞线 .mp4 115.06M, D; K# Y8 w$ E0 f
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
L( U; m( F) I m| ├──[17.18]--17-18场景文字添加 .mp4 64.20M8 P/ l+ A" ?. H! e8 C: r
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M \! E3 s/ ~- Y0 G& C) H" x4 _/ g
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
; Q% q5 _( g2 F! \8 W; b| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M$ } }/ c4 Q, I8 S! K% v; Y) E P
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M h$ ~1 W$ o, ?
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
# [) f$ x Z4 z* [| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M+ W4 u2 m5 D- a1 o G' ^
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
, g0 _- o S0 a3 _) J9 B| ├──[17.4]--17-4加载城市模型 .mp4 130.83M; v$ a* k( \4 @* z
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M6 \" |! z& X4 C9 `' t0 J H
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M1 a( w) A; `* Z3 p4 K6 c3 R& g
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M3 N4 }0 r2 c B; E. {! N
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M2 b# K q: Q, ^* B! z+ [- X+ ?
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
4 v5 l$ b( ~$ ~1 _1 b p6 t├──{18}--第18章番外篇:webgl里的数学
2 m' I% s" L& N% a| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M* x* j, W$ H* n: d& s* ]
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M- ~; z) \' u4 P5 ~
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M1 ]8 r7 r0 s5 R4 M9 P) n
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M- R7 T% l+ a/ ~
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M6 y* v% q- m6 ]/ m
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
( b: Z+ J( y8 s i1 w| ├──[18.6]--18-6番外6点积 .mp4 41.72M+ @ ~6 g( E* O9 w0 I6 ^4 i! g C! f
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M5 z4 k5 z0 D+ r j9 p
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
8 i1 C7 L% i4 ?7 M% A0 ]* _5 F| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
: _, b/ g0 U- z* r2 U8 R├──{1}--第1章课程开篇
5 a7 G! `# _7 t: T) M) u4 c9 p| ├──[1.1]--1-1课程导学 .mp4 44.95M
- c( B7 Z# E- I1 S| └──[1.2]--1-2课程简介 .mp4 22.39M
9 y+ }2 ~" \+ u( `2 {├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL & h1 `# A3 x; q! j
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
3 r. C: ]! s/ `3 x| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M1 W1 ?, _* o& N( ], H" x
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M; Y0 y$ @* d. _/ }
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
" @; Y6 Z% U2 K2 {: z| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
" g s9 j2 N1 C; E/ L L7 b| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M% C. }5 i$ i2 T V
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
' q5 ~9 t2 u. X w F( t$ N2 Z' Y+ h| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M8 V1 }3 r4 s- B8 V1 ?& i
├──{3}--第3章WebGL多图形绘制和动画
7 V' p; j" h( C5 |' E @6 j1 \| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
/ G# J; F7 h2 V/ k: Q$ c* D& R| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
# M3 ^0 k S" P/ A| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M& `* E& @/ o+ _; I
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
5 i9 S! M9 B6 e' o- b| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
8 r! ^% G5 S9 m| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
) l( @7 T! x+ R; q# w b| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M1 \; y0 ?* f9 [* P% l
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
3 l' C" [3 Y4 ?. N7 ^) p) A| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
* s, Z3 K! x2 o| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
2 s4 h1 d( l! ~7 B: M├──{4}--第4章WebGL颜色和纹理 ' i# c, {( i$ X' }3 j5 Y: E
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M' z3 Q& B" H! ~
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M/ S7 [, W+ y6 }
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M3 }+ ]. l9 C: I" Y+ P
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M9 e! k. d9 m7 D# n6 G; t: z! h
├──{5}--第5章WebGL原理学习:OpenGLES语言 - L, Q) J8 S8 j0 t+ L B% Y
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M$ s, W) s$ Q' F
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
9 ?4 Y5 B7 {+ r# L$ Y+ S; w2 G| ├──[5.3]--5-3纹理取样器 .mp4 18.37M& K2 P- n! }) r; l! B
| ├──[5.4]--5-4分支和循环 .mp4 9.27M9 I( B2 @2 i6 D9 z4 N
| ├──[5.5]--5-5函数 .mp4 18.55M& w* f7 |! U7 | b5 P
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
" H7 B8 z4 I3 q9 U- E/ Y8 ]% ?| └──[5.7]--5-7存储限定词 .mp4 20.30M
0 e6 I- e8 T* d# @/ v) B├──{6}--第6章WebGL三维世界
! }3 v" P% L1 D5 F" |2 q| ├──[6.1]--6-13D基础 .mp4 136.57M* T# p1 j/ d% K, \: s% Z' G( m
| ├──[6.2]--6-2正射投影 .mp4 88.72M
& `- y, }, H% c& m' l3 V| ├──[6.3]--6-3透视投影 .mp4 166.86M
* F- r* E5 H6 V. N- N2 G; w. [% I \| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
# Q3 U7 Q: `1 t| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M5 v+ q: S' V) v2 c5 u; o: M% c( |
├──{7}--第7章webgl光照 ) }, z* [8 }# J3 s" \; M: W3 f; E/ ]
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
3 U) e% q" F0 Y( E- O' ~| └──[7.2]--7-2给场景添加光源 .mp4 72.04M0 v: S* N8 k4 s% k* Q4 K( V
├──{8}--第8章WebGL进阶操作 . \+ D [( `1 e# k. C
| ├──[8.1]--8-1雾化 .mp4 103.20M
1 X, N V Q+ m: u| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
8 x* \! p& Q0 D| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
/ f6 q+ |/ K) R) v├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 % P( d- k ] T2 `7 I
| ├──[9.1]--9-1什么是threejs .mp4 19.62M) A- o$ H3 n1 F* Y. k7 }
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M+ c/ b) @6 z, Y& Q1 l5 m6 Q4 S
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M6 Q& I I- z" [8 {
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M& p4 N- H9 x3 s4 w
└──课件 .zip 22.02M
2 h5 Y. I* I7 J+ W3 u% j6 J+ `: U9 u( d7 J" m3 D$ r
| 0 w$ A( H+ A1 P% @
|