WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
- w2 q; C% {+ w/ d7 ~- S├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 4 I4 A$ P& C2 T" b, `; U/ v! K
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M7 X* k8 V) R$ y4 W2 W" L5 `3 Q$ @; u9 }
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M; a! e. w# J- m6 N7 `( l
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
% j1 ^5 J3 k% I+ b O' I% w6 h# D0 T| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M0 o3 q' }) }( S s! M% H% r' C
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 / O2 p5 z! d2 {* H( s& h0 w
| ├──[11.1]--11-1光源类型 .mp4 14.42M. h' b6 L4 W2 u" ?
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M) ^* P! L c9 L1 C$ `4 b
| ├──[11.3]--11-3环境光 .mp4 31.93M
) B8 a0 g w e5 m7 _| ├──[11.4]--11-4点光源 .mp4 23.73M! }3 j4 U7 j& {% b6 n
| ├──[11.5]--11-5平行光 .mp4 37.07M
~! w7 k# _ h, {# s0 q3 H( C. W| └──[11.6]--11-6半球光 .mp4 35.13M1 X6 W( i, Y/ w6 B/ c% s
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 * g1 n. _& A% _! P5 |0 p5 G) }
| ├──[12.10]--12-10联合材质 .mp4 21.84M# z, E6 w, U% E
| ├──[12.1]--12-1材质简介 .mp4 29.71M
) }3 T- N( R: [2 W6 M' p| ├──[12.2]--12-2基础材质 .mp4 37.18M) n: |* I! V6 f T+ R( U% h, p
| ├──[12.3]--12-3深度材质 .mp4 32.18M
1 x6 n( u- I7 K$ _0 ]- h| ├──[12.4]--12-4法向材质 .mp4 26.16M0 l( f- e7 ^# r! N! e6 ^
| ├──[12.5]--12-5面材质 .mp4 16.12M
% x, c% t% T6 v| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
6 F& U' U7 ~: H| ├──[12.7]--12-7Phong材质 .mp4 27.09M& g+ @" }6 x; \5 r! |7 E
| └──[12.8]--12-8着色器材质 .mp4 42.33M& s) J2 W }% k2 T9 a8 t" {6 m) l
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 5 w' ~6 {0 I. S* m5 H
| ├──[13.10]--13-10多面体 .mp4 59.18M7 v. \# g6 _ f0 \0 c9 V, d
| ├──[13.11]--13-11文字 .mp4 56.47M
* r: c, K p2 i; F% Z5 x| ├──[13.1]--13-1几何体简介 .mp4 7.74M
: g& U9 j; f, s/ C: y3 W/ a| ├──[13.2]--13-2二维平面 .mp4 128.03M/ D3 ]' s" ?6 e j
| ├──[13.3]--13-3二维圆 .mp4 56.66M# i) ^# D/ m; s$ S' O
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
$ _! W* E& u" @' V: a$ ~$ |1 ^| ├──[13.5]--13-5立方体 .mp4 38.30M$ L9 R4 R/ r, r3 }% Z8 g9 j
| ├──[13.6]--13-6球体 .mp4 34.72M; Q8 ?- z o) E2 J) B
| ├──[13.7]--13-7圆柱体 .mp4 29.46M
% d% T6 l2 p. V* u. H2 G* H9 q0 e' c| ├──[13.8]--13-8圆环 .mp4 47.07M! J/ j, ^! h% u: T P
| └──[13.9]--13-9纽结 .mp4 45.00M5 Z; H% b# ^6 v$ U4 z6 v
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 1 W1 h9 b; x7 g: R- i2 ~
| ├──[14.1]--14-1基础动画 .mp4 5.64M
1 ^' s1 v. S- ^- }- t# N| ├──[14.3]--14-3点击选取对象 .mp4 68.04M) j0 [8 p) y5 ^1 t$ a
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M% Z4 j% L5 m d# r) w' _2 x- ]
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M! j6 k; u3 E$ Y
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M+ l, n2 m- J, d2 Z& s3 H
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 8 H& z" S2 k6 L; E9 z
| ├──[15.1]--15-1基础纹理 .mp4 45.86M. |: k9 V7 G) c) d
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M {7 F4 x" E" ~4 U0 s* s& y( G/ H
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
! k- [. M3 c a8 N* ?; w4 z/ Q| ├──[15.4]--15-4环境贴图 .mp4 90.46M/ x7 R( N) f" [) `4 _$ }5 z/ m
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M5 {+ a9 t0 L7 W1 x) n! } {
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M( P& f, D. v! S. _6 [, O9 t: j
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
1 Z8 {. L/ W) r8 T$ {6 f4 a| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
6 I' Q* W( t* J5 t1 g z| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M& l; o, s; q3 B
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M8 C& f; a# \, m7 t
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
6 O: T4 D: T, V6 n| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M; d! ]$ y1 K) g! L8 o; @5 G- C9 I
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M& Q) `$ t/ H- R8 S4 `
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
# ?, g: ~/ ?) L0 m| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M/ k8 l7 a9 w# n- C9 S
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M& }! W6 c/ m; K5 K6 x" v! a2 ]! K
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
0 x/ ]$ Q# j }: l" ^- j& Q| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
~( N8 _. q* Y. X9 }# B| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
) q/ ^+ a/ x4 o8 Y2 I; n| ├──[17.18]--17-18场景文字添加 .mp4 64.20M1 Z4 R* {1 a* U0 r6 }4 x/ d
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
2 ~/ W6 ?( ]% d$ x" H| ├──[17.1]--17-1blender基础使用 .mp4 26.13M$ C* _" t+ r) E8 p- w3 g
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M. P) V: l5 g9 H3 P9 e
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
! U6 r# {5 X- \- Z1 ^| ├──[17.23]--17-23烟雾预警 .mp4 173.47M F7 b* u' c% }! [9 E9 h# a
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M( `0 J2 P1 V, Q& K- c. L8 l
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
" ~; G% G4 D/ f| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
5 m% k/ N$ ~3 ^( \' w2 T| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
$ R. r1 c0 [: h| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
! N" p3 D# h2 y& H- `| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M% J$ e4 ~1 b. L3 {& z# ]
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M6 Z% `1 L5 c/ F+ R
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
5 F( l4 O5 v: `1 n1 T├──{18}--第18章番外篇:webgl里的数学
+ d( K- [( X# s+ V| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M1 v# E T; g. ^
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
7 Y9 S/ U3 W7 A* y4 A' R7 Y, a9 {| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M( h9 h) @7 j Q6 e! w
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
1 }4 @' c* s- }& G8 |/ E) a5 t| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
3 V/ _( t9 R# N9 I, } d| ├──[18.5]--18-5番外5归一化 .mp4 8.74M. r+ K7 ~5 R% s
| ├──[18.6]--18-6番外6点积 .mp4 41.72M) p! O9 C( Q# Z1 a9 ?
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
% s ]7 K0 Y& U| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
( n+ g7 K# o9 i5 P' T5 j& K: `| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M L, Q* r& l9 I# |+ g( l% r. R
├──{1}--第1章课程开篇
1 h5 e4 Y* J- T! ?9 P| ├──[1.1]--1-1课程导学 .mp4 44.95M k% a3 k0 r$ e
| └──[1.2]--1-2课程简介 .mp4 22.39M
4 C5 c: }4 I: S( l& g7 ^├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL & K& @8 t0 j5 |; [0 P
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
9 F% r0 Y9 j. D* e( s| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M, |( ?5 Y# W: L/ W% d1 e
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M; \4 x0 H5 @5 M% D; K/ k6 k& A* T; Z
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
; ~. [6 R/ u8 o* H$ e| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M& J% D+ @* M. D( v
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M' f* Y6 d' T- h# D
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
; L0 J Q2 D: \- }| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M' t+ W4 I" ~& m4 S7 U
├──{3}--第3章WebGL多图形绘制和动画
( ~1 _3 x9 w8 z h7 n* G9 ]1 l| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M5 N) c) X0 Y3 I1 r% \
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M1 y1 X6 v+ i0 L9 t$ E/ X, }
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
" ~, b, g6 E: v4 ~4 n! u( L| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
7 y8 n3 S7 i! c+ H" m1 n" H# y| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M; z4 k3 J8 i8 t* X0 [: Z+ H/ L
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
! p9 y! u- Z4 ~; b+ o" v" z| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
/ t0 t4 l- l6 w| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
9 M6 e1 X, s. f5 j| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
' @. `( h/ s! _ U| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
5 t+ {2 M* Y0 `$ b├──{4}--第4章WebGL颜色和纹理 $ Z9 v5 K; j5 ^2 e+ h
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
3 s* v" x5 S( }0 Q| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M) W: d T$ L& j# E* j
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M8 @& ` ~6 [* i! X9 S2 L9 f! P8 g
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M/ p$ d5 ?; Y" h: q
├──{5}--第5章WebGL原理学习:OpenGLES语言 : X- w/ b& l, @2 G+ Q7 q7 C
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
, E( u2 X7 B* J* A| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
1 l0 p) b c. s2 F3 T| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
8 o0 k) n4 M- A. ]0 \7 {* w) P, x3 T| ├──[5.4]--5-4分支和循环 .mp4 9.27M0 a) S) Z5 E* u; h
| ├──[5.5]--5-5函数 .mp4 18.55M
3 v0 m$ j. o0 [+ U& V( H| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
0 y4 d4 G3 E- z( Z4 A, t* z) C| └──[5.7]--5-7存储限定词 .mp4 20.30M# @0 E7 b7 A9 A! v. \. |( I
├──{6}--第6章WebGL三维世界 % l( \2 |( j! H* H* F3 E. P
| ├──[6.1]--6-13D基础 .mp4 136.57M
9 {! V4 K* h' s. `+ ]- a/ i% S" O9 l| ├──[6.2]--6-2正射投影 .mp4 88.72M Y% g! P& H& P; i; h! R8 e
| ├──[6.3]--6-3透视投影 .mp4 166.86M5 E2 K* k; B) ?+ c5 R; Y; V" P j
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
6 j* L# p! L0 K* d. ~* V| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
% j6 P. i& R. z# b- |; m. u8 `! H├──{7}--第7章webgl光照
5 U: K% _7 u3 D3 [9 }, U5 e9 u| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
2 j9 e% |; L5 Q1 X) r| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
5 c) {. e- ^5 x7 A- b6 P├──{8}--第8章WebGL进阶操作
7 J' h' R+ ~8 ^| ├──[8.1]--8-1雾化 .mp4 103.20M
) Y% U. y$ E+ R5 E d0 ?4 H| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M2 Y; y% W9 E- {5 ~/ n3 V2 u
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M" b# v) [0 x0 |" ~
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
* T: k7 y7 x# x3 [: t| ├──[9.1]--9-1什么是threejs .mp4 19.62M
# t0 j- E2 m4 r0 E2 U; f% E1 @ \| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
* L0 Y' I. x; w4 H9 m& ]| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
* z$ A$ r, f5 C/ W4 m2 r| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
/ _- ^. Z$ g0 ~6 |└──课件 .zip 22.02M$ W7 N& f2 I% l0 n }8 r* E, }- d
0 e2 D E, x4 M) P, S% h
|
T* H! B, A; |- j |