WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】# |+ y9 c4 a+ U- U% T5 H- ~5 x, Q
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
3 m! O. J" o& E! z5 i| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M' {2 b4 r, W& s: a0 N# ]( d% p! X
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
8 C9 ^! U7 @6 s" V, \- y' v| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
0 m5 ~1 y9 L- r4 |0 t! |, N1 [# `| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
( ^- ?, D$ w% n" k* {; F4 W' B# O" G├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
_% ]. m" c4 `$ B" K C| ├──[11.1]--11-1光源类型 .mp4 14.42M
) G" c) S4 z q2 `/ _| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M2 m+ }$ X. Q6 e$ u- }6 B n3 Y
| ├──[11.3]--11-3环境光 .mp4 31.93M5 S5 w, r7 C# P% J3 c* r
| ├──[11.4]--11-4点光源 .mp4 23.73M" ~2 J J& ]5 l; `+ |1 @! L
| ├──[11.5]--11-5平行光 .mp4 37.07M- v* h1 P' S" y0 c- E6 W( E( M. J
| └──[11.6]--11-6半球光 .mp4 35.13M
. e: d3 {: R8 h" c. G├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 7 D9 C! X! r6 h' O$ o, @: o( T
| ├──[12.10]--12-10联合材质 .mp4 21.84M
, W6 E% n& k1 ]% @5 B6 E8 X# f7 d| ├──[12.1]--12-1材质简介 .mp4 29.71M
2 Z7 `5 c- b# i; \1 |9 R; E| ├──[12.2]--12-2基础材质 .mp4 37.18M; n( b& Q R" M- R4 X
| ├──[12.3]--12-3深度材质 .mp4 32.18M/ s4 u6 p) g: q. V m5 T# r( Y& w
| ├──[12.4]--12-4法向材质 .mp4 26.16M& s5 \& b3 f9 A, v6 ]. b/ R4 X% q4 Z
| ├──[12.5]--12-5面材质 .mp4 16.12M
. P% j6 W' D X' I1 Y| ├──[12.6]--12-6郎伯材质 .mp4 29.13M; v- k3 L- A2 q* o* w
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
; r( ~0 k$ F8 K6 c U: U6 ?- P| └──[12.8]--12-8着色器材质 .mp4 42.33M4 Y8 V* l) f: O7 d
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
* h1 a3 r& g8 F i6 x9 p| ├──[13.10]--13-10多面体 .mp4 59.18M% n" g5 u: j0 R: C8 y7 P2 i7 u
| ├──[13.11]--13-11文字 .mp4 56.47M
* M1 ^# z' R1 ?, ?5 b' S| ├──[13.1]--13-1几何体简介 .mp4 7.74M
$ \; C3 Y, N9 @- c0 ^| ├──[13.2]--13-2二维平面 .mp4 128.03M
8 ~! m( t" p: z1 m0 t- V1 f) || ├──[13.3]--13-3二维圆 .mp4 56.66M9 X! w2 x, ?% |" {
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
3 N" L' Y" ^) g- [) L- X# N7 L9 Z/ z6 K| ├──[13.5]--13-5立方体 .mp4 38.30M
O% U- g, [- f' T* |9 k. [| ├──[13.6]--13-6球体 .mp4 34.72M! n, h* y5 y7 P3 v' i/ Q7 A; u5 q
| ├──[13.7]--13-7圆柱体 .mp4 29.46M
, w( \0 }% Q: `, N| ├──[13.8]--13-8圆环 .mp4 47.07M' ^$ [5 {: h" ^ L5 F4 `
| └──[13.9]--13-9纽结 .mp4 45.00M; ]; {$ Q4 D" E, i! n7 C' E
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
# x9 D/ C4 Y# a2 P8 o| ├──[14.1]--14-1基础动画 .mp4 5.64M9 ^4 C. t E4 M# `& y
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
5 c+ Q8 p& v3 c( y0 A| ├──[14.4]--14-4加载外部文件 .mp4 36.88M
( s9 Y1 ^: K) Z) n| ├──[14.5]--14-5使用相机控件 .mp4 62.24M) R# W/ e; e. t W
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
* |! {. n* i' R4 I* L├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 6 D4 l. R2 \' x. ?: B
| ├──[15.1]--15-1基础纹理 .mp4 45.86M. [4 s0 |, H/ n0 q+ {& g0 r5 n* m
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
# ?( u b- w2 O( `) ~| ├──[15.3]--15-3法向贴图 .mp4 51.24M- f1 U) P9 f+ K
| ├──[15.4]--15-4环境贴图 .mp4 90.46M
2 O. l d( F9 j V4 E5 Z \| ├──[15.5]--15-5canvas贴图 .mp4 35.15M0 Q: m( a$ I; u) D" R% I2 x
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
7 h) Y: r) y: t$ a! n$ r├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 Q9 Y- r$ J& m( ~; R
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
5 C7 } ~; Y5 p% ]% ]) v8 S G4 B! z| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M5 C: i1 K0 n( \" t7 A: K- `
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M) o* r9 v q. ]0 G: U8 I/ m/ X
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
. W/ ]( l, a) l$ b| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M; ~7 [1 p d' C, J
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
. j" u& M& W# F5 G| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M I5 y) W& z+ l; {, Z% L
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
6 q5 f) L: ]) u$ O| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
, W1 x; e1 O: y0 D8 d2 g0 i2 k| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M3 K4 D6 e/ {! |( _3 [9 \
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M1 d0 v4 }: b1 P$ _9 W+ N( ~4 l
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M! }$ O' J* a3 H1 K# B* b1 w
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M$ c5 q# N5 L* U5 ?* W
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M: d/ b7 k w2 M' F: L0 A( @0 ]
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M3 G/ t( I$ `( M- L( F
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M1 q8 [) F9 H: s* c
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
6 O& G! ]6 h3 t- Q7 b| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
6 P. d ~) T& @ p. s' I1 S7 ^% r' v| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
, w n- \% K' A" ^4 b| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M j$ L/ n* x6 U% e
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M6 d; k4 t- N0 v8 x
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M! D7 O2 Z% q% y% d |$ V2 E& U4 ^0 F
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
9 v$ s; z' J" F$ O0 y3 [| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
7 v. [7 h7 Q' X| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M! M4 K# G& }9 r' Z% f+ p& s- z
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
/ [, z# ^% j! \ R├──{18}--第18章番外篇:webgl里的数学 ' |3 a( `3 r" |8 w( |$ ]5 K4 ?
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
$ Q- @" W, r3 U| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M7 f: g% A0 K& }% T
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M- ? \& v q+ W3 N( e
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M$ ^4 M0 R' t7 O3 Q; m
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
8 u; h5 P* Q6 f- v( o3 || ├──[18.5]--18-5番外5归一化 .mp4 8.74M
* e6 p2 [( C! D" Y3 [| ├──[18.6]--18-6番外6点积 .mp4 41.72M4 y6 s2 a8 A5 `* C! ?6 I# L7 I
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
. j1 K; ~4 x: d& I1 M; q) h| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
4 g) p# B# ?) v9 r| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M0 Y+ J' s z! Z& }% d, H" J: Z
├──{1}--第1章课程开篇 ; k7 A+ d$ Y9 k4 [) Q
| ├──[1.1]--1-1课程导学 .mp4 44.95M/ @2 K# D5 E* H; l+ C
| └──[1.2]--1-2课程简介 .mp4 22.39M
9 d8 x; v: S( O" T├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
. s. j6 q. q& l1 `| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
$ F1 g9 ^- f' W! C- H' D, G| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M A# I$ n6 a/ p( I
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
! m& h- a0 r5 K: k0 x7 @| ├──[2.4]--2-4绘制一个点 .mp4 226.54M3 j& J3 \! W) i# t) J! v
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M. ^' F* i; \4 V
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
& k/ d* t+ ]5 M+ F0 r" H/ ?9 s- S- U| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
2 m' d8 ~9 O: t/ j; s| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
- n% o: X2 i1 g% v├──{3}--第3章WebGL多图形绘制和动画 7 [1 r2 v |# z9 Z$ w, |
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
) y h+ G$ `- \/ a* c% ?3 J' V| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
1 ~0 W N4 f, Y: O* t8 L q| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M/ t. f# R! S( I7 r# v; i
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M {( C% b) I( p0 i2 e: `& `2 [( m
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
7 I0 N5 z/ `& ]| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
& {2 l- Q7 c& o4 l5 k' E% G| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
7 I* X' R( @! p* I2 f; ~| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
. d, Q6 s) [: {0 [: Y; M| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
0 N; B) q3 }/ s. S0 k4 B/ V' V| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
6 M8 ~) k3 R3 x9 W├──{4}--第4章WebGL颜色和纹理
- B1 O# H4 {* n2 o/ I| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
# m8 U8 e: L+ e. W0 h9 h| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
; L0 Q( b8 k+ I/ | C! G| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M1 X1 B. }: R/ K) u
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M; H' y' @- T( f5 b8 ]! c
├──{5}--第5章WebGL原理学习:OpenGLES语言 7 U1 Z" D0 t7 R7 C, P( k
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M" k: C' w5 B* {, O' X6 V' C
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M3 T1 z7 |: |/ w( A5 x' X$ V
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
+ y) z: A% \7 f+ [: x" t0 r| ├──[5.4]--5-4分支和循环 .mp4 9.27M8 z' m0 k$ @: {/ Z4 S
| ├──[5.5]--5-5函数 .mp4 18.55M
% j* t! M+ c& C6 k9 Q| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M X6 z e: G% y( e( ~# i8 n- ?( y
| └──[5.7]--5-7存储限定词 .mp4 20.30M
$ l W+ U" o, S- H$ i# z- C├──{6}--第6章WebGL三维世界
8 c6 a; E, h1 X) _% v J. {; A$ M* l| ├──[6.1]--6-13D基础 .mp4 136.57M
7 B6 x. Q* F j| ├──[6.2]--6-2正射投影 .mp4 88.72M
3 g4 y# o% U' K- `| ├──[6.3]--6-3透视投影 .mp4 166.86M6 Q- Y- k8 @5 C
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
2 a4 j+ R1 N/ u0 d- Z| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M$ q- {1 Y, [( l& z8 ~1 D
├──{7}--第7章webgl光照 ( i& s6 ^' s/ X; v0 K
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
- E! w1 T/ r0 V3 Y$ U| └──[7.2]--7-2给场景添加光源 .mp4 72.04M! ^5 ]7 M& `/ N+ J+ T2 X
├──{8}--第8章WebGL进阶操作 " V4 A$ c& W5 G; _: ?0 K
| ├──[8.1]--8-1雾化 .mp4 103.20M7 y5 J% n. M, ^9 E% V
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M5 i0 s. H4 u6 U0 f, M4 L
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M; c Z; j4 [! b: ]# q* \
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
0 W2 }6 P8 A; N V| ├──[9.1]--9-1什么是threejs .mp4 19.62M
) U0 Y7 P' v4 Y" q& G| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
' a9 n8 r5 C$ Z) x| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M' e9 q& j0 V$ X7 ?1 ~( P+ R: `
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
3 q" R# z% L& M' ]& F└──课件 .zip 22.02M
D3 }" m, {8 C" M/ p4 a3 s
* R6 I2 e$ L1 p: Z+ Y' v% h
| $ ?* ~3 k+ ]5 p2 L0 k; }) G7 h
|