WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】. }& y1 E) R/ Y+ k! @5 U6 J( m- q/ J
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 ! l; n C) r$ a9 E) N4 |
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
# \) D6 v# }0 A6 L/ Z| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M+ q( ?6 ^& `' W
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
+ r/ U# D) {; k$ B; W3 f! b| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M8 {* E- G0 n# [+ H; o: u
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 " i, w% h' Q3 `1 B1 ?; F/ w
| ├──[11.1]--11-1光源类型 .mp4 14.42M
8 `! u% k2 n2 }- K1 F; i& r| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M; V+ o- b. t. B
| ├──[11.3]--11-3环境光 .mp4 31.93M
" l2 u }! a* h4 W: U. g| ├──[11.4]--11-4点光源 .mp4 23.73M* m$ D% Y' N. S- h( Q$ G0 |
| ├──[11.5]--11-5平行光 .mp4 37.07M w9 x% T& L# B ` D. T
| └──[11.6]--11-6半球光 .mp4 35.13M1 B& R h$ y2 F7 t" g
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 ) F9 ^7 W5 {/ C* x
| ├──[12.10]--12-10联合材质 .mp4 21.84M" U8 N% Z% c) O; r! _( s
| ├──[12.1]--12-1材质简介 .mp4 29.71M, e* y& | C4 Q/ Z. t9 f0 x! y
| ├──[12.2]--12-2基础材质 .mp4 37.18M3 v6 r4 h# y4 y0 B- m
| ├──[12.3]--12-3深度材质 .mp4 32.18M- j+ W8 `2 y2 e/ Y
| ├──[12.4]--12-4法向材质 .mp4 26.16M
$ A7 Q* G' o# x; J& D$ U| ├──[12.5]--12-5面材质 .mp4 16.12M
9 }1 b% j8 Q( c, \6 Y3 x| ├──[12.6]--12-6郎伯材质 .mp4 29.13M8 o0 n- B0 n) E0 N P D% X0 o
| ├──[12.7]--12-7Phong材质 .mp4 27.09M$ [ L, \: M: `, ~0 z, k
| └──[12.8]--12-8着色器材质 .mp4 42.33M7 f3 H) ]9 S7 u1 k& K
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 8 L$ q% i8 p) c& ~
| ├──[13.10]--13-10多面体 .mp4 59.18M
# R) v) T _. s# h" |, n5 b" w| ├──[13.11]--13-11文字 .mp4 56.47M
# F b* S7 d+ ]9 K# Z) c| ├──[13.1]--13-1几何体简介 .mp4 7.74M
8 V! G, j. B4 K0 Y$ F6 {! K6 _| ├──[13.2]--13-2二维平面 .mp4 128.03M
+ f# ?0 _9 l) b5 j. A a| ├──[13.3]--13-3二维圆 .mp4 56.66M* \" \" C6 G/ P
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M4 a% W( h, e" X' L+ u
| ├──[13.5]--13-5立方体 .mp4 38.30M
5 j3 P) O+ N4 }* S! U" R5 I| ├──[13.6]--13-6球体 .mp4 34.72M
* s! Z3 Q4 @" m: s| ├──[13.7]--13-7圆柱体 .mp4 29.46M( M6 ]2 C8 e) T8 v
| ├──[13.8]--13-8圆环 .mp4 47.07M
: W- [# @6 X( ^$ n3 l| └──[13.9]--13-9纽结 .mp4 45.00M
* _9 t& A, @" g* j├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
# [; X0 g. J5 |! ^% M| ├──[14.1]--14-1基础动画 .mp4 5.64M
' X. d. H Y9 d# k| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
! W+ a/ w9 x; }6 b r4 F| ├──[14.4]--14-4加载外部文件 .mp4 36.88M
* k% e% u3 B3 Z, Q+ D& c5 F| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
. C% j. Q; @. g+ M* @2 h9 i H/ H1 ^| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M, U5 {2 X* ]# @2 A
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 7 `3 H" J$ D2 ~# ~' w& E l: f
| ├──[15.1]--15-1基础纹理 .mp4 45.86M% v8 b+ x% `2 \* F
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
8 X) p* T. f# Q. j6 E| ├──[15.3]--15-3法向贴图 .mp4 51.24M
! z* z7 q0 T9 V. u3 s [| ├──[15.4]--15-4环境贴图 .mp4 90.46M
2 b2 g+ q) O X, Y7 ?, Y| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
! J6 s& t0 m3 }+ q. c| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
: N; }- D, R0 J* E: A├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
4 Z# T' T( S) N6 j| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M9 ?7 K7 m5 i4 M( D. c& C) l8 `. p8 K
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M/ x N/ `- @ ^8 l( J2 `8 I3 R
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
) D, \* B# }% ]4 y3 ]4 N' O, u├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
& v) ?* @% T' d' U A2 W' Y. J" p| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
`2 _4 |6 N7 u+ {! R| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
7 k; Q% U8 m- `* { J& [| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
+ M# g2 F6 h* R* Q) ^" `# a| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M# v: |' F/ R/ O( u
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
6 D& o* r" T0 b; p1 _| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
3 Y d+ C# H1 r/ K% @; {| ├──[17.16]--17-16特效:飞线 .mp4 115.06M: g: }4 C* x7 q) x P
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
" o7 N; h3 v5 K) Y3 ^* R| ├──[17.18]--17-18场景文字添加 .mp4 64.20M; @3 l& ~% }+ M. ^
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
% T! q7 P* Q9 U7 D B0 a$ [| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
6 C. m9 [, S/ i' u6 Z" V9 V| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M9 `) _: [1 t- z" N% ]% e
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M: U9 D* c* C3 l3 Y
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
$ N5 W7 l$ S" O5 W| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M; }) @" N3 y" G3 Y6 M/ w. ^
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M; K! [% l+ l& M- _' D9 r: S3 s1 \
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M, o( U- ?; \" @
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
4 m+ N) Q/ T+ H4 z- \ q. c Z| ├──[17.6]--17-6添加交互效果 .mp4 79.35M. C9 V! d0 ~% P1 [$ q. K# C- s- L# r
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
) s- E1 H6 S; D& j8 |7 J6 s+ ?| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
5 [6 m5 s, \" F; p, @| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M; w7 b' {$ x+ Q. I7 H
├──{18}--第18章番外篇:webgl里的数学
+ V5 A4 a( C$ I+ I7 j0 E| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
" a6 i0 m% @7 k7 \; B| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M7 U/ f& P5 [" Z3 C) u
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M' M# j. X( T; u. l, z8 W% Y# u8 r
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
! ]: q: F( x+ b' Y6 c, e| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M7 H2 I8 Y6 X0 r* P3 S# l8 N" e% a* ~( }
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
" h: v* r4 z' T3 A, F9 k| ├──[18.6]--18-6番外6点积 .mp4 41.72M$ K/ ?2 Q; u4 O
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M5 B' W" @0 O7 ]
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
9 {9 O- J: z- C. {2 H| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
8 @7 T: |0 K3 [% @├──{1}--第1章课程开篇
! \) `2 r2 V8 w6 L3 v+ E; D6 p, w5 || ├──[1.1]--1-1课程导学 .mp4 44.95M+ u- h9 ^6 y7 T4 @
| └──[1.2]--1-2课程简介 .mp4 22.39M/ c; |% ?: V* X% n M& R
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
! a5 Z( |+ C" G ?| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
* x: T! e {: V" g| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M- W5 l2 M9 x' \4 }& x
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
+ I: h0 [ ^, O5 q" o: r* I/ Y( x| ├──[2.4]--2-4绘制一个点 .mp4 226.54M! K y) p, ]! x* w, q5 |) j
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
5 j7 @7 d! `) X. i3 a* N| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M' v' [$ P8 }2 y- u
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
3 b/ S$ f1 l: o. o! N+ J/ }& ]! J| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
$ @& N' V" O# h0 R├──{3}--第3章WebGL多图形绘制和动画 3 y; x5 O4 A0 a- h
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
) b/ J" G, j! Q2 X| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M9 Y O' a& O( U8 `! u& S" x' h, v
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
3 y- O* r8 E, c7 U. S| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M" K0 [7 E5 W4 K2 w4 N3 ~' I
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
' U5 p# M$ `' G& X4 z& J/ d& d5 a4 {5 i| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M# F; _( Y' |8 p8 V+ q
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M: |, o: r2 t" [' b
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
5 D" d4 Q$ K e. i" p5 f0 {0 t| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
* z5 t7 ^* F) ~- ~' l- I, W| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
7 U) F4 u; Z- a! y$ s& f├──{4}--第4章WebGL颜色和纹理 0 c% Z, X' u B& D) A
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M- `+ U& h9 M! r( ?" y( ?' T
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M4 g# s& K7 c" p3 @ @: m& l
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M- z( e# T0 l" D7 z8 n
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M, K# u* t1 b8 n6 c8 p
├──{5}--第5章WebGL原理学习:OpenGLES语言 * q( ~/ Q& V6 ^+ H) n2 N) a
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
/ f- R0 z. \$ P% b/ k# T+ h) ~0 y| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
' q0 E! t/ {; A# F! ?. Q/ p+ Q| ├──[5.3]--5-3纹理取样器 .mp4 18.37M! U# m9 M. t. T3 z5 e
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
4 r" q# G) c: J( V8 b% c| ├──[5.5]--5-5函数 .mp4 18.55M
. b' c$ b: H. I" Y' A/ v2 I+ h! H| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
8 s' y1 D* c9 }& f% r5 O& M* v| └──[5.7]--5-7存储限定词 .mp4 20.30M
1 ]$ d9 X) d5 `: p├──{6}--第6章WebGL三维世界 ; Y Y6 J7 }# t2 q1 `" k, N) K
| ├──[6.1]--6-13D基础 .mp4 136.57M" X; ?2 O, b" q; d. i( q
| ├──[6.2]--6-2正射投影 .mp4 88.72M h% i, {; x% w7 d2 [! M1 J
| ├──[6.3]--6-3透视投影 .mp4 166.86M
G# b0 ?7 Y3 k5 i+ | e o: p| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M Q# B& T$ v' g! ]$ w/ p+ E% P( N
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M8 J) q) e4 A/ v! z% N) K. L. W
├──{7}--第7章webgl光照 - Q- b9 B" L H! Z0 m4 F
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
5 J g5 W% y3 K5 V| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
8 ^) |; G+ j1 }1 [├──{8}--第8章WebGL进阶操作 % D, K! G X* }$ l8 }1 `
| ├──[8.1]--8-1雾化 .mp4 103.20M
, N J; ~: t! j9 R5 M& {| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
0 o* `, `, f# L$ g B, ^* [' j7 }| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M7 n) g/ N) \( s
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
n" [4 J% N8 X8 o| ├──[9.1]--9-1什么是threejs .mp4 19.62M
0 s# }/ C4 Z2 I" V6 N2 t# [8 U) K| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
, w4 \+ x0 J% @1 T. s| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M N2 }! o u! W& ~ ?6 a
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
2 x& A) C! j. b$ g& _, S└──课件 .zip 22.02M5 B) B1 m- f( s2 p+ ]
7 m: R' i9 h: p/ X3 E
|
7 n. ?, o( U0 z+ W5 B4 o |