WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
7 N) o1 I: i( j├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
. i! r, ~2 S0 m1 h9 Z| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M C3 f4 p3 l# N1 Q- e, ]
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
8 F+ ?0 D3 ^6 N1 Q Q5 C, r| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M! X. n& L+ X9 i7 _% i- g& V* [
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M" X+ w3 q! X+ l T
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 $ X# H( O+ n1 z# D9 ^ Q3 ^
| ├──[11.1]--11-1光源类型 .mp4 14.42M
. z; G2 b% y$ ]1 d8 d4 J7 v| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
. T9 |/ J- P; X! w+ Z) i| ├──[11.3]--11-3环境光 .mp4 31.93M
2 U3 k1 O1 t7 C3 |) h5 W% \| ├──[11.4]--11-4点光源 .mp4 23.73M" n' Z% a: c4 ^& O i9 Q' R
| ├──[11.5]--11-5平行光 .mp4 37.07M, | `2 G8 l, k" N/ M# @
| └──[11.6]--11-6半球光 .mp4 35.13M, u& @' R$ F& V7 [1 D6 E: Y
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
0 }$ O8 j. o' f1 K| ├──[12.10]--12-10联合材质 .mp4 21.84M
) \2 c3 P z- K' k| ├──[12.1]--12-1材质简介 .mp4 29.71M
0 I' `; i" }1 I7 X9 Y' S; M2 L0 Z| ├──[12.2]--12-2基础材质 .mp4 37.18M' \: w4 p) b: N Y C( I& C
| ├──[12.3]--12-3深度材质 .mp4 32.18M
+ B0 Q n. x% ^& J| ├──[12.4]--12-4法向材质 .mp4 26.16M' L/ `) N9 P5 @% q" M" [! y
| ├──[12.5]--12-5面材质 .mp4 16.12M/ \( ?5 h2 t# C/ Y8 l. ~/ V
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M5 c% |6 z6 _) r" U
| ├──[12.7]--12-7Phong材质 .mp4 27.09M0 n+ F4 D2 G Q* H" z
| └──[12.8]--12-8着色器材质 .mp4 42.33M! y& z0 ^& B2 A8 J0 A
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 , V6 N; }+ V8 y, ^ G: v' \
| ├──[13.10]--13-10多面体 .mp4 59.18M
, n! @# R5 ` j$ p+ ~| ├──[13.11]--13-11文字 .mp4 56.47M
+ A% f0 g) A6 m% p4 `1 B| ├──[13.1]--13-1几何体简介 .mp4 7.74M
5 b' R. c# F! O/ y$ T| ├──[13.2]--13-2二维平面 .mp4 128.03M
5 i. c) D0 h# a( }| ├──[13.3]--13-3二维圆 .mp4 56.66M
2 G. ]2 L8 |6 i; N& H+ V/ x: {| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
1 e& s/ ^0 }6 u1 v9 a| ├──[13.5]--13-5立方体 .mp4 38.30M
" C) {2 c% E" g8 _| ├──[13.6]--13-6球体 .mp4 34.72M7 V$ o) L& L: y! d: u
| ├──[13.7]--13-7圆柱体 .mp4 29.46M: m* ]+ O5 U! _
| ├──[13.8]--13-8圆环 .mp4 47.07M
4 `: S$ u0 s2 Y| └──[13.9]--13-9纽结 .mp4 45.00M
# H/ o+ K; Z5 |2 l, K├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
$ V3 O# N6 X5 n# ^- P- l3 G8 H| ├──[14.1]--14-1基础动画 .mp4 5.64M
3 r# j3 }7 ~1 b5 }1 P: B| ├──[14.3]--14-3点击选取对象 .mp4 68.04M: _% u! \) O2 v
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M! `2 z9 ?! H* D
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M* @2 Q2 r) ^* }" F. T6 ?
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
% |3 b! s6 [9 A* n. Z( s9 a├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 . q4 ]% M5 ~+ ?7 m" |( P+ z
| ├──[15.1]--15-1基础纹理 .mp4 45.86M7 |# F4 B$ I0 |8 Y7 R2 h
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
0 m* |$ V, [2 P/ K3 u2 G, s- V| ├──[15.3]--15-3法向贴图 .mp4 51.24M
6 x% V; V" i/ a o- b. w- X- || ├──[15.4]--15-4环境贴图 .mp4 90.46M# a' w E& V% O" {3 K
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M$ @# ]* b8 q+ g2 ?2 j+ L+ Q+ k1 G
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
: n( B1 N9 y* U6 R. B6 Q├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
: k% y- J0 i% X \" v| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
7 k! n6 o2 t: n& A| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M. J! a; ?# z2 B& o) e6 B0 C- r9 T- Q- C
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M2 J6 F# T2 z- h8 ], Z2 H
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
9 U+ i/ q# c! ~| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
, Q1 `2 p' n( g| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
. Q" D2 k6 p% O; B( M7 v| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
3 J! J0 m% C' Y+ ]* u# E| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M6 A0 V% ~8 ^0 ?) w: D0 {% ^
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
7 a. A# I8 o3 ?7 v3 g" R| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M9 R" F3 I1 d) j
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
3 Y+ n( v( h; b2 Q3 q| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M3 X4 k% p& T6 P3 O2 |8 M" o! i
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
- P8 y$ i4 s0 J. A- ~9 y0 A| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M5 o# U7 R7 h% G' l2 [+ b9 G/ |
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
2 m! N5 W) w6 h8 a9 A3 u| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
( n7 C9 e6 @1 x# E| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
g, z5 c2 t; E) D| ├──[17.23]--17-23烟雾预警 .mp4 173.47M4 Z" H. X3 |; b% q
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
! Q& l4 c2 W* y X, I) e| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M2 R6 B- N5 t# ]
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M; K5 _/ K$ c8 H! i# {/ l8 q6 |7 @, d
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
$ N5 b9 Z" @, L M3 I2 y+ i% v| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
& l' Y, T' h! d2 {: D# b* v2 ?* W| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M4 g! }! S; t7 ]# B/ \
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M' w2 K$ h' x7 { k. {8 [
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
6 e) F# j2 ]+ T: W├──{18}--第18章番外篇:webgl里的数学 / K: L. D z: z$ b8 b o
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
' u4 G4 S( l! J- L# r| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
' \- s4 N- }4 n9 d. Z| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M6 k1 @* ^$ w v# L% N; S
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
6 R9 ^+ }7 b9 \| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M5 I/ L2 H# b+ L$ C9 }* X
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M( B8 q) ?* R: N. `) e' a% x
| ├──[18.6]--18-6番外6点积 .mp4 41.72M, N; O6 L$ j7 d+ u
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M$ b9 e- c, X4 n6 E4 A
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
6 n1 g; p( O2 n! X1 ^# b6 V| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
) h1 b$ t$ s* f1 F├──{1}--第1章课程开篇 ; y: V8 u* N" a$ S" P# E, q
| ├──[1.1]--1-1课程导学 .mp4 44.95M+ [! ?- c# \% j
| └──[1.2]--1-2课程简介 .mp4 22.39M2 [9 p" O' B( ~" b% I% w \
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL ! {7 X# d9 [( S( J: a! H' ~
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
* M, J9 d0 H2 b6 g+ ~| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
3 n. c. h( w) y/ P& n$ ~9 f, d* v| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
4 R# h5 c& E* U; Y! E+ ^% {4 H/ || ├──[2.4]--2-4绘制一个点 .mp4 226.54M& y: w! U- L- b
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M; l& d% J; y) C* V( o0 N7 N
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M d0 P( K6 [. |
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
$ H0 U2 r6 f W9 ?- P: P2 L| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
, L9 l- ?+ S5 k0 R- e* H' h├──{3}--第3章WebGL多图形绘制和动画
A- |. D& b2 ]7 J| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M. o& B; q4 D" D% \: V
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M, u5 A, B3 B" ~: R0 N/ A1 V
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
; ^! n9 W, i& H7 S. u: S| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
" M) d- s; i, r* V' I| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M6 w9 f1 P5 q$ l7 y& ^5 ]9 m8 @
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
$ Z' s. K8 k- y) }- J" P| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
5 d/ a8 W6 ]" u* B( m6 u0 R( _; V| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M' ] K/ D7 x2 X7 [% [" o
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
) F7 c1 N3 v: F; n6 r| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M( {1 u/ Z w9 e
├──{4}--第4章WebGL颜色和纹理
2 ^8 D; j1 c. s3 k- v+ s* M7 l| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M) J7 x4 ]3 X0 H5 N( Z- ]1 `
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
5 N) [% [" Y, c; l| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M$ O4 R- Y ~% O7 F
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
) ]# P# {! G" `$ ]' f. F├──{5}--第5章WebGL原理学习:OpenGLES语言
* U6 z- S" L; u* [3 e7 Q| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M+ a: ~0 z, x3 R. ^8 f
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M' W/ d0 c0 _; x0 w; g p9 Z& N
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
' m$ P J( E. h/ \% Q5 p1 b4 W' j| ├──[5.4]--5-4分支和循环 .mp4 9.27M7 j9 \1 Z/ P- a, M% B& ~
| ├──[5.5]--5-5函数 .mp4 18.55M" a) X% y; u$ @1 ?6 v3 Q' E' S4 V, l
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
5 W; z1 P$ T8 {# B ^7 C. M| └──[5.7]--5-7存储限定词 .mp4 20.30M
9 h/ X. G$ C/ Z/ @$ N# k. m├──{6}--第6章WebGL三维世界
0 L* o8 X# i7 ]' S+ D| ├──[6.1]--6-13D基础 .mp4 136.57M
$ I {" E* x5 v/ R4 P| ├──[6.2]--6-2正射投影 .mp4 88.72M
, R7 A9 h; R) j' I' h) w1 a| ├──[6.3]--6-3透视投影 .mp4 166.86M
* L. ]! v/ C) Y| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M1 N4 E \; H) m: D$ l6 y; W
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
; b* ^4 r& ]3 J, }" Q├──{7}--第7章webgl光照 3 o% h# j, U3 q3 s% |0 ~9 g9 J' i6 o
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
+ v' f' b* o* e5 T| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
" u1 ^8 H: T) ]- k, R├──{8}--第8章WebGL进阶操作 + a/ Z Z: }5 r; A- ^- t
| ├──[8.1]--8-1雾化 .mp4 103.20M
' P/ u) v) I# e& |1 y9 n| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M, d0 [; u& E8 l" ?0 }3 y; {
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M2 g3 G& Q% ~% V- e* D& E' {7 j
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 6 w1 S( I7 l" T4 l
| ├──[9.1]--9-1什么是threejs .mp4 19.62M
- a/ }' t9 l3 S, j* y| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
! O" @, b- O2 u| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M3 M) n; S! o) ^; @
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
# n3 U, U2 z. ~└──课件 .zip 22.02M: U5 e2 V! `6 I
/ _7 u' V6 R+ q) K4 ^# z
|
* ~9 ^' ~& H R- _3 r9 M |