WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
1 ^3 E! s5 f9 g7 I├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
2 m9 ^4 p0 q. p8 I| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
8 U9 W5 i/ b8 B, B2 l/ g* [ [| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M( n* }/ d' f8 j( d# f- |4 I
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
+ b! l; x& W3 u8 p$ F| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
# a0 D1 x& E: }3 @! m- z├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
$ Q8 f7 c% m4 y0 N8 p# {| ├──[11.1]--11-1光源类型 .mp4 14.42M8 N% v: u: u0 H
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M9 e+ @6 \' Z" _5 D2 ?6 [
| ├──[11.3]--11-3环境光 .mp4 31.93M$ w8 W: B% d" V8 C, x* K
| ├──[11.4]--11-4点光源 .mp4 23.73M
- p/ }9 S7 D9 U# \+ Q9 `4 t| ├──[11.5]--11-5平行光 .mp4 37.07M
3 L3 `: M1 T$ ~6 K" b| └──[11.6]--11-6半球光 .mp4 35.13M7 ~1 ^, B/ n; d
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
% H4 M) X+ k( e3 g( {3 r; k: d| ├──[12.10]--12-10联合材质 .mp4 21.84M
; [1 _; ?8 N( _: m x| ├──[12.1]--12-1材质简介 .mp4 29.71M/ U* Z3 S6 r2 x6 D- F' `
| ├──[12.2]--12-2基础材质 .mp4 37.18M
/ f! c% s! o( ~0 l' l| ├──[12.3]--12-3深度材质 .mp4 32.18M
4 v6 d4 }: f i2 }| ├──[12.4]--12-4法向材质 .mp4 26.16M8 O; S* h* U8 L4 ]. N. t0 a% a
| ├──[12.5]--12-5面材质 .mp4 16.12M9 s4 N5 A8 \, f
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
" K8 P; P# ]& }! x! n2 F9 Z! m| ├──[12.7]--12-7Phong材质 .mp4 27.09M
4 ^8 f2 h3 f- i$ f4 v2 Z* p| └──[12.8]--12-8着色器材质 .mp4 42.33M! a, Y+ L4 @* r. l# t
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
2 K) `( D/ [1 y" Q& @, `' W| ├──[13.10]--13-10多面体 .mp4 59.18M
: E K: Y" R( e7 H4 V$ _| ├──[13.11]--13-11文字 .mp4 56.47M( H2 o( M2 S1 E4 e
| ├──[13.1]--13-1几何体简介 .mp4 7.74M
; ]6 n. {; |! K| ├──[13.2]--13-2二维平面 .mp4 128.03M
% P N. \- y' A7 N ^1 }- D) [* ]| ├──[13.3]--13-3二维圆 .mp4 56.66M
; @' A8 q4 t/ k& i, d- K| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
3 g0 W. O$ V" X) A$ }. g, P4 _| ├──[13.5]--13-5立方体 .mp4 38.30M
9 v$ J1 I6 d% g" B9 i; u, B7 v| ├──[13.6]--13-6球体 .mp4 34.72M
7 K; [4 Z- z5 q! c1 m6 A) P| ├──[13.7]--13-7圆柱体 .mp4 29.46M2 }2 l: u. f# m2 p7 ^/ x7 [
| ├──[13.8]--13-8圆环 .mp4 47.07M
/ G* ]! L e( Y4 D| └──[13.9]--13-9纽结 .mp4 45.00M
# m( x! J, O; M├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
6 u& `6 G2 t% f# E* u+ H7 V n| ├──[14.1]--14-1基础动画 .mp4 5.64M
4 Q) c4 Q6 d; T| ├──[14.3]--14-3点击选取对象 .mp4 68.04M6 v, f5 d' c3 V) w& Y
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M. H2 Z; ?5 g% ?1 t
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
2 o, t7 y. M. m6 p/ Z1 t| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M, Q& P0 f! S9 B. s9 l; W1 ]
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
! U/ S% m4 [3 e P- A# H* k) O1 x; `| ├──[15.1]--15-1基础纹理 .mp4 45.86M
' M& _% Z G! C. S o+ S| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M2 w, c: M# X+ _* B: k0 ]
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
j* D0 f. @+ @% o6 || ├──[15.4]--15-4环境贴图 .mp4 90.46M
% y7 u7 v4 N4 c, ]! ?| ├──[15.5]--15-5canvas贴图 .mp4 35.15M9 n2 I) j8 P' T1 Y; j. H
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M; ~, l7 a, \: q6 L: E
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 7 A. X2 y9 d; R8 p
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M4 j9 c4 S- N8 Y3 D2 p
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
! n' z! a( `+ b7 W0 v3 X| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
: l1 R* B+ p6 ^$ _! z/ \1 C├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 * c& d# {* i% L: v* B2 m$ H
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M- {1 T7 A1 n. a% t/ e/ H
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M$ v. e3 U0 |3 W$ H1 S: t
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M9 v: c9 f& W8 U9 O. x$ e# _! k
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
0 `5 k- j' A) L1 T| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
. l g6 x/ z$ t8 ?# q. ?| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M% c- c* y0 o8 ]1 K; m
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M; D# u- t6 X3 K4 l. R/ g+ @+ v
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
/ P5 s0 K% D) c8 n0 ]| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
9 W: E' r/ E9 M+ _' M( r( ^| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M/ m& c- m$ ~) f) i0 B
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
" n0 Y/ C" {5 G) l* B* G| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M5 ?# x% j2 p7 y L! W
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M* N8 P" K- M% D: {
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
* k+ I8 h) A8 Y, p: K| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M; f: H7 i5 c4 G, p! w2 S1 S
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
: v; P3 I" ?1 R& g. P/ t| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
9 Z% C4 m7 |- i) n; c5 Y0 `| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
: [: Z, Q e1 k6 {- ~8 Q| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
6 }$ T( c4 Y/ Q6 _& H0 R| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
4 y6 \$ f6 Q7 `: Q- D| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M1 `/ z9 ~6 P; w2 Z; p4 p
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M4 }# h r3 v v% I+ I/ `+ |) W
├──{18}--第18章番外篇:webgl里的数学 # ~" _. w7 A5 U* V3 g s- `
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
2 C K4 I8 ~& J: ~4 N, f8 q8 b, u& c| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
5 Y# a$ ?% y: c$ n- C5 ]| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M G1 R E" o+ x; n9 ^( k
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
$ E" B4 Y( _6 @9 a+ T: b* d3 ?- Z| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
) }+ C1 t/ z: F" R$ z+ v| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
$ n& ?6 d8 S1 V- x1 G- r| ├──[18.6]--18-6番外6点积 .mp4 41.72M
" g, l9 q2 }$ l' l5 c5 e| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
, M$ C4 X* V$ W3 l' X2 G| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M, W, }6 U" q9 S3 d% O. Q+ U
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M [# b) j8 J5 ~. m0 J8 U; g; n
├──{1}--第1章课程开篇
+ R, M) I h- o" Y' g3 m| ├──[1.1]--1-1课程导学 .mp4 44.95M
) Z1 |% r$ I" z/ a| └──[1.2]--1-2课程简介 .mp4 22.39M
& B6 L% {( \2 G9 w├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL . Y: ^5 X7 i& r# S, P/ w
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
2 p# I3 t6 D/ }| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
$ J3 u- o- F! f! t/ v4 R| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
@+ w/ c0 `+ w$ U| ├──[2.4]--2-4绘制一个点 .mp4 226.54M) f9 x5 _1 i& G7 G( f4 `# ]
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M% g2 X6 n2 @; a9 [1 |4 Q8 E
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
/ y) A2 s$ V: I b+ a( u8 L, _| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M9 I. b. Z6 o; q) e" G
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M0 J9 [( U) Q8 x9 W
├──{3}--第3章WebGL多图形绘制和动画
6 E" Q$ _7 n% A. `6 X% y| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M) U& P4 }# r$ a
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
; {9 t" u% i3 X" K: Z* @1 || ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
) v5 |' I* C5 P| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
5 U6 I( I: r; r, A| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
; ]8 J1 S0 O7 W1 J| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
0 f8 M+ c, w, Z' {9 R+ L+ I. y( D| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
: P8 w( S1 r5 ^. ]| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
8 e2 ~8 Y& i& ^& _+ F) R5 S| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M% b: R" f% }! ^. K5 u& U; |
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
. q$ g6 \' i6 E- N├──{4}--第4章WebGL颜色和纹理
; f/ G* i- S9 K7 c+ l* Q| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
) P2 x2 s" g/ _" d| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
' z8 d6 r1 c3 C, H9 C% @| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M; \. {8 I1 } {9 u( L1 k9 [% l
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
6 m t6 `/ }0 W, n4 A0 I├──{5}--第5章WebGL原理学习:OpenGLES语言
* r7 x. Z& X& ~! c! S% x x4 A: l| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M- |; d2 t/ Y' U& i& V1 h
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
) T* A& V9 \4 r. J1 e9 z) ~| ├──[5.3]--5-3纹理取样器 .mp4 18.37M8 L1 W" ? D" u" }1 [. s- t3 }
| ├──[5.4]--5-4分支和循环 .mp4 9.27M) R+ N6 p3 v8 V
| ├──[5.5]--5-5函数 .mp4 18.55M
7 i7 ?* E6 f9 i7 \# v* |2 N& u| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M8 l( L0 p Y* V) \) _
| └──[5.7]--5-7存储限定词 .mp4 20.30M* F. W1 j5 V6 U7 C9 Q- Y% h: q
├──{6}--第6章WebGL三维世界 3 b5 {/ [% R5 w; h7 x0 ^! V
| ├──[6.1]--6-13D基础 .mp4 136.57M$ R4 m/ F% ]$ Y8 g" ~& q( c
| ├──[6.2]--6-2正射投影 .mp4 88.72M9 {+ p6 t6 [1 p3 U! e* U
| ├──[6.3]--6-3透视投影 .mp4 166.86M6 c% R# k4 u+ d8 v5 L$ m) d
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
/ i9 I6 |7 `7 [$ q# z: R* ?4 q| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M& U L- ]# a# f0 P7 b! z/ I
├──{7}--第7章webgl光照 6 S$ B3 }, T+ c) @& e7 x7 l3 a
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M' H; m1 k; J: |2 |7 @
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
, s' |: M1 i' W, z$ Q4 h3 R├──{8}--第8章WebGL进阶操作
+ ^' f4 {; N4 }0 j( A' K3 z5 { A| ├──[8.1]--8-1雾化 .mp4 103.20M! z+ I' c& u7 I) B! n f1 D
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
7 w8 j g8 H; v5 }| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
& R/ H5 p4 d" A, ~, M├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
# ~( v3 w+ u2 \| ├──[9.1]--9-1什么是threejs .mp4 19.62M
, I' t8 }4 S$ F' w2 G) H| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M+ s! c% k. {9 n) v7 |
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
& e# T5 g+ y. M* v5 H3 v| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
( D9 m0 o9 c. K7 N) g1 p; ^" Y└──课件 .zip 22.02M0 E! B: q5 X4 |9 h3 ]
% a/ b2 {* ~ i! O- X
|
2 a3 G0 k6 L3 u) E6 O, l |