WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
, N( D7 j- ]/ k├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
) W4 M: @' g4 O8 ~* P9 F| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
5 I1 }: z4 s' q0 C| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
( w% a0 u7 f1 g; v| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M2 a2 a# a/ ^+ C: q$ H8 J. a
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M2 |( |0 T' k, d3 u/ ~3 ~
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 & A% d+ {0 t, Q, K8 p
| ├──[11.1]--11-1光源类型 .mp4 14.42M
7 D# G$ z6 o+ U, ^0 ^| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
( [# l* r' u/ X( G/ z+ q& v| ├──[11.3]--11-3环境光 .mp4 31.93M e$ C7 ~& ]; x) I8 o, C
| ├──[11.4]--11-4点光源 .mp4 23.73M
) g/ i* T; k6 {) z4 V) L| ├──[11.5]--11-5平行光 .mp4 37.07M- y: F3 Z' M/ d
| └──[11.6]--11-6半球光 .mp4 35.13M) @* a' `5 q" w8 m" U6 b
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
* ?4 \6 g6 L) z( l3 _: f* x0 O! J6 P| ├──[12.10]--12-10联合材质 .mp4 21.84M7 g6 h& c# b7 o- M
| ├──[12.1]--12-1材质简介 .mp4 29.71M
6 R% i1 q1 n! y9 l& j$ S# O| ├──[12.2]--12-2基础材质 .mp4 37.18M: \2 @, Z# Z' ^3 C
| ├──[12.3]--12-3深度材质 .mp4 32.18M
6 |: m* o. O5 y& t| ├──[12.4]--12-4法向材质 .mp4 26.16M$ Q" E+ U1 s' U/ G
| ├──[12.5]--12-5面材质 .mp4 16.12M# `, T6 d# _* Y
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M+ w. X6 R/ X8 R7 }* D V; M9 s! C/ s
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
7 `! [ p) m- I* V| └──[12.8]--12-8着色器材质 .mp4 42.33M/ j! ?8 _4 b3 m0 p; m
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 % Q: v' n# a5 G3 c0 u
| ├──[13.10]--13-10多面体 .mp4 59.18M; F; p& g6 b* w5 j
| ├──[13.11]--13-11文字 .mp4 56.47M
% x0 Z0 H; T1 t| ├──[13.1]--13-1几何体简介 .mp4 7.74M. m2 Y3 D* C3 c1 O& `
| ├──[13.2]--13-2二维平面 .mp4 128.03M8 P) X+ `9 k+ Z* }) N
| ├──[13.3]--13-3二维圆 .mp4 56.66M
+ Z+ b# o$ x' w* Y8 t: }. B| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M- N/ W( X9 d6 z) V# Z" C! G
| ├──[13.5]--13-5立方体 .mp4 38.30M
+ k" N; M! v- ], o0 l| ├──[13.6]--13-6球体 .mp4 34.72M
3 Q4 P, w C, I7 O* M) D| ├──[13.7]--13-7圆柱体 .mp4 29.46M
0 [; J- l# \* b) t2 V* M| ├──[13.8]--13-8圆环 .mp4 47.07M
2 ~0 Z( \: c( g8 b" ^| └──[13.9]--13-9纽结 .mp4 45.00M5 x) S4 V, }) s3 f$ r. T5 i( q
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
$ ~, [8 V( r, G+ K& b. @/ m| ├──[14.1]--14-1基础动画 .mp4 5.64M5 ] _7 @, f2 d
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M' f# t6 C2 A+ v; i5 N' }
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M; D. {! D ~; X5 {" d
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
3 z( I8 j1 Q* X| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M/ W" V5 n& P* h: D* u2 X0 y6 @/ |
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 ) y; s/ G& p& \7 `; x* ~
| ├──[15.1]--15-1基础纹理 .mp4 45.86M8 k, t7 Y Q( @
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M8 M, V6 z$ P: P# H6 w- ]
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
6 k2 q+ ^! F7 K| ├──[15.4]--15-4环境贴图 .mp4 90.46M% e+ l+ O9 }* _/ ?3 K" c6 n% F
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
0 @/ N9 z0 W6 b |2 j0 B1 r& ]| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
6 h& B [7 P- i0 P5 Q R& h- ]├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 + O9 g/ N8 i4 p
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
" O: F. K" s$ z5 Y0 d| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M6 F: G* N) F- g" H2 Z- A
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M# P& | H |0 W5 F
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
% K- G5 A! |' G- b) s# F| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
1 }; F& {( K2 C) F* Q) L| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
, ]2 V- z, ?! `; i| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M( \& }2 t6 w; S& F
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
. u3 Q2 p0 L- X7 R% ^; m| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
9 z# ~" ?3 p; s$ F8 B: |+ [5 || ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M0 {2 F0 F: N0 F6 g% V
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
. B9 K' f. D% s# X- H| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M: G( F. A" c F; ]1 p' T
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
" \! F) o% f5 J, A/ j5 @7 g" L| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
1 X3 ]+ r( t5 z- ~- ]8 T( ]# n r7 M| ├──[17.1]--17-1blender基础使用 .mp4 26.13M6 q! k; E4 h1 m; P( u& T
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
( Z# i/ Y- G" `- A8 y2 L| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M# u6 v7 o/ R ^: C5 d: v& ]9 a1 a
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M; p1 s- X/ F" K
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M2 n7 D' s5 e* S" T! m' n
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
. `$ U6 K5 u, z5 D. P/ n9 C| ├──[17.4]--17-4加载城市模型 .mp4 130.83M6 X2 C$ c. d1 W& n/ c- V. [
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M, _ V4 e- }7 z$ C" [% X
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M7 a& n5 s8 C- r" q7 C! }
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
0 Y7 e2 x! E. M| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
! N8 e3 x/ m0 C0 _. {0 r6 M3 P7 Y| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M- ~) n6 D8 X. x* d; V6 G
├──{18}--第18章番外篇:webgl里的数学
/ H' @# i( J$ P6 @) i| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
. Z; r9 X# P4 [& v9 A: a7 p2 T$ ]+ I| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M* D3 n# X% E+ y2 j
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M% g$ v; K+ d/ e6 k4 u9 V Q
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M7 y- E* J2 n, t1 E& R
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M6 c* y( W2 Z, |3 x9 w) ^
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
* H# y# d+ P+ ?4 T1 I| ├──[18.6]--18-6番外6点积 .mp4 41.72M% d3 O; }4 S: E' T* m4 z7 A
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
% {8 {7 p- X) n# u) W+ k| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
# r+ B6 n* a$ J8 j" f* || └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M; O0 C# j. d% U' o6 Y
├──{1}--第1章课程开篇
$ \, q& F! M$ M| ├──[1.1]--1-1课程导学 .mp4 44.95M) w- a4 M) i* \* X2 ]
| └──[1.2]--1-2课程简介 .mp4 22.39M6 G1 J% \, n" T. [
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL 3 ~ X9 L8 F0 B$ E8 T$ D
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M& A7 Z B$ |) ~) Q2 R
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
" V( x# l5 j+ U a8 O| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
8 N& e# {9 h$ b& r! l| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
2 H0 t! W* l7 y- d! H( \0 p| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
& Z/ m" M- _1 D| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
) \+ h0 u& }9 C; z1 v$ b4 C# V, u| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
! t+ R* b- h6 L$ _$ r| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M% t; }( E# n4 ]! k4 G. _
├──{3}--第3章WebGL多图形绘制和动画 : _- n7 I# g* r* d) I
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M2 A6 }2 G1 w) y0 _
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M- M; f( {3 _, z0 F2 a
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M$ I9 D; R6 N+ A9 ]! y* z# t2 [
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
: z& @6 e. k' n9 l5 j9 C| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M- c4 |9 f: ^$ @, {+ a' s5 \
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M; `6 c" M5 L8 {2 \
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M4 Q2 X8 }. D- Y9 s4 s0 q
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
6 ^* ]( V0 n, || ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M3 E4 W! ?6 ^7 C- P
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
, v& U. X) }/ b" p6 a├──{4}--第4章WebGL颜色和纹理 ( h; D, D! |( M6 Q6 g) H- o6 V3 I
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
1 r- Q5 {0 c8 s/ Q2 `% T: || ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
$ \3 U$ H# |! s i: ]| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
8 i g+ h. o' }- ]. T! ^| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
& N3 n2 |% L: \% B' @5 E├──{5}--第5章WebGL原理学习:OpenGLES语言 8 u# u5 g; L. z4 {' D8 I c
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
5 l. `* y7 u) n( _ i| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M) B/ P) J) s. b' v! g
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
* e0 `2 N) G: {% S% l( ~, W| ├──[5.4]--5-4分支和循环 .mp4 9.27M
0 a' o* t- B, k& }- h| ├──[5.5]--5-5函数 .mp4 18.55M
1 L4 R+ G- }+ m* K1 I| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M5 h5 T, [7 o. a: L
| └──[5.7]--5-7存储限定词 .mp4 20.30M
1 \( N1 f; t, @& E$ ^& y4 G' ]' P├──{6}--第6章WebGL三维世界 : P" W6 n9 K; r. ?& _
| ├──[6.1]--6-13D基础 .mp4 136.57M
" |. a) ^7 q. g& D, p3 w| ├──[6.2]--6-2正射投影 .mp4 88.72M
$ v' k6 J1 W, L" D- ~| ├──[6.3]--6-3透视投影 .mp4 166.86M* Z% u p$ X+ G4 b p
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M# h/ T' O, c3 A+ {8 U. l
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
4 T' s5 k3 i' k├──{7}--第7章webgl光照 , M. l7 u" }8 K# U1 T
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M2 g8 O9 L8 o% K7 ?
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M8 ]# z% R% r) x/ S0 D, m' _2 T6 k( o
├──{8}--第8章WebGL进阶操作 ; u- `) M+ {' \( n
| ├──[8.1]--8-1雾化 .mp4 103.20M- n. F8 F9 G8 P6 p
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M5 Q4 k8 C, e1 H
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M5 H6 H2 b9 p( k9 D) O( |9 Y) I
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 . R3 S5 y5 R% o! C1 f; `
| ├──[9.1]--9-1什么是threejs .mp4 19.62M0 x8 F8 Y+ _; W6 W4 d" f. Z
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M6 o% y$ \3 g4 a9 a7 ?
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M r, r! S# S- H2 j/ g: j. q
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M2 ~% {9 x1 }% i
└──课件 .zip 22.02M
# o4 P1 |! X& w+ p1 o
* k' h; f5 Z* O
| 1 U1 \8 H" y9 n6 ~
|