WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
2 N( ^5 j. @! K0 X├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 7 @# a' J1 `( k# F3 X
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
- Q, N" w5 z v| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M7 W0 b; z' G1 u8 ^
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M/ `2 r0 r/ L3 v% M
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M& j1 b8 m+ P9 F7 Z
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
* q( F: a8 v. }( E1 b6 |0 Z- _| ├──[11.1]--11-1光源类型 .mp4 14.42M
: p0 N5 E3 p9 j5 `& p| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M% f: Y+ W8 i( Y* M9 b1 {& Q
| ├──[11.3]--11-3环境光 .mp4 31.93M5 ~& q9 s7 |! W) _( i# m5 N
| ├──[11.4]--11-4点光源 .mp4 23.73M* ?( v. q6 [6 Z" z# z: o% t2 p8 H
| ├──[11.5]--11-5平行光 .mp4 37.07M6 L# q% b. Y, f
| └──[11.6]--11-6半球光 .mp4 35.13M
5 Q& u* h3 Z8 _+ U5 \7 |( B0 k├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
# f6 a8 ]! ^/ I' a| ├──[12.10]--12-10联合材质 .mp4 21.84M
8 {+ u1 h3 [* y6 ^& ^| ├──[12.1]--12-1材质简介 .mp4 29.71M
$ z+ R# y/ b1 }% y| ├──[12.2]--12-2基础材质 .mp4 37.18M
* ^; B6 I7 o. o| ├──[12.3]--12-3深度材质 .mp4 32.18M0 q- E8 p3 X8 g. R% u
| ├──[12.4]--12-4法向材质 .mp4 26.16M
, u3 z* `6 A( m: a( h1 C| ├──[12.5]--12-5面材质 .mp4 16.12M9 {: a3 r9 y6 G" m! l
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M. F0 H. I5 z$ w
| ├──[12.7]--12-7Phong材质 .mp4 27.09M4 {1 y2 V/ }. V W
| └──[12.8]--12-8着色器材质 .mp4 42.33M% M- Z+ E9 X7 d( c9 Z& c
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
7 R3 i; ?) X: X0 X| ├──[13.10]--13-10多面体 .mp4 59.18M
/ M* U3 ?; m: Y# }: z| ├──[13.11]--13-11文字 .mp4 56.47M
, B4 x/ f% J/ E6 H- o2 b! g4 L F| ├──[13.1]--13-1几何体简介 .mp4 7.74M" Y+ u# l4 i4 `( q5 V# l- Q+ o ]
| ├──[13.2]--13-2二维平面 .mp4 128.03M
- b' f5 B8 C% H8 S) e7 t| ├──[13.3]--13-3二维圆 .mp4 56.66M4 |# k* W5 Q4 {+ _
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
, Z2 b9 }% t' {& }: _| ├──[13.5]--13-5立方体 .mp4 38.30M
$ U* g; Y" o9 Y+ Q S6 [. j| ├──[13.6]--13-6球体 .mp4 34.72M) X; p) ^# ]3 X, f8 J
| ├──[13.7]--13-7圆柱体 .mp4 29.46M
, H/ {0 f t$ ^9 g# r, D. Y| ├──[13.8]--13-8圆环 .mp4 47.07M
+ X. O2 g9 L/ ~, ? p0 ^# A: R| └──[13.9]--13-9纽结 .mp4 45.00M
2 ^) J& G3 q% b3 F6 H: y/ |├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
4 c# K1 R3 B" f| ├──[14.1]--14-1基础动画 .mp4 5.64M
" E$ J3 ]. g' @| ├──[14.3]--14-3点击选取对象 .mp4 68.04M/ m+ C9 I" ^; I @' ]) [
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M
+ T7 a, S) [4 S; Q w| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
8 h" O. _1 O! M, c; C| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
. z l; {( Z+ r, Z3 K) K├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 , T7 \2 W( u0 s. [1 o
| ├──[15.1]--15-1基础纹理 .mp4 45.86M
6 o6 y, m7 U( i7 Q. s, v1 v| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M5 L; F* b0 ~$ \
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
6 R$ R* @* B" V' F| ├──[15.4]--15-4环境贴图 .mp4 90.46M1 M1 i( Z- Y- K4 I
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
8 I- E; w: X& e: V9 Y| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M) A( r: M+ ]1 i
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 * |7 O/ w1 v2 w7 s1 i6 h+ o
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M! V& L) E3 \! t2 Y" V2 `: N- A, a
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
3 ~# j9 U' D' J2 Y6 T+ g| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M5 C/ |- d( D+ T9 f! {+ n8 f
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
8 `2 F+ R! T5 a1 A+ || ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
0 |: i3 Y' G0 j' x| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M: |! C) K! t3 Q6 ~
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M H# _; k7 w) X) a0 |
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
* I- k; q& G* n: [3 U& Q| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
8 M, A0 ?' A6 n" f# g| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
8 l/ C& P s. |5 R" x| ├──[17.16]--17-16特效:飞线 .mp4 115.06M# V: N) ~/ z1 V
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
0 C: N7 Y3 N6 [| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
0 `% u8 e, q& @; U| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M% [0 k* e( ~$ P* Z' v! U+ P
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M) y) v$ L" i0 }; F7 D8 ^) T+ d. M1 P
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
9 @* i+ D: }# M8 E! P5 C# A# P& v| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M5 ^+ I7 U3 [" j! w0 b* n3 k( Z8 C* u
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M5 k3 Q& D% Q5 U0 g5 S, ~! l
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M' @" G% [( `' V$ }' c) I* c9 J# k
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M' p: g Z6 v1 v! e6 T6 T
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M" u9 C$ K! ^! U6 N( l* b
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
0 h8 m: K) m. ^, X9 b| ├──[17.6]--17-6添加交互效果 .mp4 79.35M# P: D- i5 a& F. s% _
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M. R6 x$ A4 ^- U5 ?2 z$ O
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
- ~; b2 E1 G9 k* k4 _/ m6 i5 Z| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
6 `5 U& e& \0 \/ n( Y├──{18}--第18章番外篇:webgl里的数学
8 U( o" |, `5 T ^: b; O" [0 {| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M( H. x7 o* z I/ b9 u
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M3 O" _! A5 z4 |, _1 R
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
$ @$ h7 M! I2 s) @. n) k8 y& ~| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M% l5 M) W+ G9 h. p0 B5 l$ K
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
0 F$ W, q/ S$ S I" }( {. r; Z| ├──[18.5]--18-5番外5归一化 .mp4 8.74M2 b4 ~# A/ b( y" C6 B$ T( E
| ├──[18.6]--18-6番外6点积 .mp4 41.72M" |1 s, z: X" m
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M+ C2 V- c: B7 w4 M6 j- p) D
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
: _; X% Y4 r: S! w| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M$ ]% s9 E1 V3 ?1 m9 y/ L
├──{1}--第1章课程开篇
u. ?0 m5 O5 _8 d( g# ?| ├──[1.1]--1-1课程导学 .mp4 44.95M
* d8 P4 N2 r+ h7 ]: @' _2 t$ R| └──[1.2]--1-2课程简介 .mp4 22.39M
3 z7 |6 ` o: ~, ~├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
' p( W4 g& {. |2 i. b| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M, Z: M& x4 Z8 `. \
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M7 `) x3 |; h5 b# r
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M3 ~. B; _9 i; r0 h4 W+ f$ _
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M/ T) F9 n& Z9 @8 H3 h2 g' F
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M: r/ \7 G0 E# j
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M S9 i' W& T# i6 F9 D/ { M! E: Z5 H
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M# b* J3 l& {, \4 L
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
/ Y9 x( V- L, n' b$ c├──{3}--第3章WebGL多图形绘制和动画
/ S3 r0 d* U+ A. b: F| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
/ R1 C' C) p$ V" R s. u K| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
- N& A1 }3 R! Q8 \5 y- r| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M4 g- X, g$ b( ]; u1 Z7 y
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M* J6 z* b. E$ I+ |3 {9 E
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
4 ]7 M' r( w6 F1 b' p| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M/ \6 b- A+ Y8 C
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M' U$ n: [% ?% y
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
$ H3 z0 s ?$ `8 ]% d| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M/ E% M; F; O8 v8 J5 _' l
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
& ^: k) ]) }4 b% X7 W1 p0 s1 u% a├──{4}--第4章WebGL颜色和纹理 : r( r5 {6 b$ s8 w% F
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
: x& u, E2 D9 I" w| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
3 Z. P! H5 h e+ }5 Z# r& s! Z$ \| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M( S/ e2 {4 c7 j, n
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
; _" R% l, b2 ~* N- i├──{5}--第5章WebGL原理学习:OpenGLES语言 7 ~4 o2 J% x" E" B# Z3 o
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
& t4 x. f8 a; G: z* P| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M2 d3 ?! c% T, b
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
2 ~: r" ^% F. b) S$ a| ├──[5.4]--5-4分支和循环 .mp4 9.27M) b& X' i; d8 L( S. R b: s% E- e
| ├──[5.5]--5-5函数 .mp4 18.55M
0 o' M3 D* a+ g| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
6 P; p/ O) V: }, b8 C" b| └──[5.7]--5-7存储限定词 .mp4 20.30M0 T2 S3 k& {" X. Z7 \2 r
├──{6}--第6章WebGL三维世界 8 F y7 F* j2 Q7 ]0 x/ F
| ├──[6.1]--6-13D基础 .mp4 136.57M
. l8 b5 ?4 M% l$ Y' ~) N7 x* P5 G1 A0 S" U| ├──[6.2]--6-2正射投影 .mp4 88.72M& [7 N( l' p3 U# G4 D j
| ├──[6.3]--6-3透视投影 .mp4 166.86M% l' y6 {+ G5 a# b
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
) h% G, d Q" t' o6 o+ j t| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
5 R5 R- d- f S% ]! d1 H% y9 G+ W k├──{7}--第7章webgl光照 * o2 u1 r( c/ X) k6 Z- t
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
; N; y9 E. n8 a9 A2 u* l| └──[7.2]--7-2给场景添加光源 .mp4 72.04M$ w0 ?4 f; K, ^: R
├──{8}--第8章WebGL进阶操作 0 c6 \) Y6 Y7 A5 {
| ├──[8.1]--8-1雾化 .mp4 103.20M
4 \; g- c2 n6 T7 i| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M* P7 U( f, @ B; M
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M2 |+ q- f$ ~! C* a, l
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
' h) O' {0 q" R| ├──[9.1]--9-1什么是threejs .mp4 19.62M
& P: J% b% _% l| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M7 Q& r+ N9 _9 k- @
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M |" N( {( F/ ?: A* V' N6 P( B% \! [
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M n+ Q4 Z i7 x: J2 `2 h8 B
└──课件 .zip 22.02M" Z, W9 ^9 O1 T( d; b# P+ x
% G: X. W- Z6 T
| 4 `5 G6 c" h6 a$ O L
|