WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】$ |) Y% I' y% J4 L: c* ~2 R# r
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 0 r: ?/ @' z, u
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
3 P' i% Z: s" i/ e# s4 }1 N| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
2 f+ _' k- Q; W$ n" }8 N. A| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M, _& A2 S, Q* \; i/ z% W" P% M0 s
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
/ q9 Y! h& }: w6 L1 s├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 7 ~, r, c6 L0 S8 w6 H
| ├──[11.1]--11-1光源类型 .mp4 14.42M: ?& e: ~* ^% _' S/ F& d! f- ]) u/ P
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
6 y, k1 d) o, a% o| ├──[11.3]--11-3环境光 .mp4 31.93M
4 U6 ]8 c0 U8 h' I6 K( z8 j| ├──[11.4]--11-4点光源 .mp4 23.73M
! g% ?+ ?$ w z6 p% j" Z3 t( M| ├──[11.5]--11-5平行光 .mp4 37.07M' a0 L. i) g% C9 w1 X
| └──[11.6]--11-6半球光 .mp4 35.13M6 I. }1 @; Z0 E6 W( ~, `# d# e
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
, T, c- I1 g0 w| ├──[12.10]--12-10联合材质 .mp4 21.84M! h' i6 l) ?& u, B+ T# R" p- I1 u
| ├──[12.1]--12-1材质简介 .mp4 29.71M- g! ~! g2 C Q A7 v
| ├──[12.2]--12-2基础材质 .mp4 37.18M
) ?! H% {; A n2 M# N5 G) e9 j| ├──[12.3]--12-3深度材质 .mp4 32.18M, P8 `6 }% ]% s; ?) x
| ├──[12.4]--12-4法向材质 .mp4 26.16M* L* Z: f" ] T3 d
| ├──[12.5]--12-5面材质 .mp4 16.12M
: |7 O, t3 |+ G' D4 ?+ I% T! n& ?9 L4 R| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
4 D G, f+ E( b: n% Z7 W# O8 [# o| ├──[12.7]--12-7Phong材质 .mp4 27.09M
0 }' F: c) D% S7 n- b# v| └──[12.8]--12-8着色器材质 .mp4 42.33M* m6 t9 t% v1 D( v3 i$ R% K
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
1 ?5 I' i5 `+ L* a| ├──[13.10]--13-10多面体 .mp4 59.18M
/ P. H! @) J4 \| ├──[13.11]--13-11文字 .mp4 56.47M
, O6 T2 d5 Z( V; X' ^! B| ├──[13.1]--13-1几何体简介 .mp4 7.74M+ |$ _* t6 n3 ?/ z5 ^; u
| ├──[13.2]--13-2二维平面 .mp4 128.03M
" b) a: l( y8 _) R7 j| ├──[13.3]--13-3二维圆 .mp4 56.66M: O+ Z9 f- H& L: h$ M1 Y8 G
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M* P+ i# f8 J& `) b
| ├──[13.5]--13-5立方体 .mp4 38.30M% G: G/ p4 Z# o% n, a; K
| ├──[13.6]--13-6球体 .mp4 34.72M" \5 p; K4 n+ H2 Q$ q( a8 {
| ├──[13.7]--13-7圆柱体 .mp4 29.46M( y: @% h* i4 ?6 M# ^% I6 T
| ├──[13.8]--13-8圆环 .mp4 47.07M
" u# h8 t" _8 H: v! M| └──[13.9]--13-9纽结 .mp4 45.00M
2 i! \4 t: t, y( P ?* m" {- T7 D├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 . Z0 D& e! d6 I4 n6 S: \: A3 I6 L4 P
| ├──[14.1]--14-1基础动画 .mp4 5.64M# J; E+ t$ r6 F. x+ Z3 Y' d
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M5 I. o3 m" J' g0 t' y" M! N
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M3 w" K4 r- L9 n6 A
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M; c6 V8 V$ s7 o8 T/ N1 n1 i5 O6 O0 \
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M9 |6 N( [7 ~/ |$ m, H
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 9 ?9 F! H6 ~; m; @& |; A& G
| ├──[15.1]--15-1基础纹理 .mp4 45.86M
$ }. h0 k$ y) z| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M9 X6 t1 K$ f9 S3 ~/ h
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
5 M6 a+ ?) W* y. T1 j| ├──[15.4]--15-4环境贴图 .mp4 90.46M
[7 ~+ T3 {" l$ t! Z7 a5 D7 s| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
; v$ P; [0 O! D9 k0 @% F+ E$ R| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M( {2 K s* O2 q C L8 a
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 , i8 J2 j3 P2 {; w
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M" I, e( I* `# [8 C
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M" J; N( J& S& y, b3 O2 _% e0 w ?$ \7 P
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
@/ b4 n9 G( V+ X. _& H' L├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 9 Q4 H; A+ C0 B4 |% @; S' g
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
& t0 K/ @" C5 B7 n' W X| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M" `% `2 C1 z5 A$ ]1 K
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M7 p' G9 R) d% C2 V/ [
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M- `- H8 C9 Q: C# J
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
5 J# G0 E. N/ \| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
- T6 T3 B" s- X% Q| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
$ v+ F8 p% s. ]+ ]| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M0 v# L0 r1 i0 ^' R- g
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M8 F4 O- {# I$ T5 V4 e O
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
" H$ F. C3 g- Y% P( `( U| ├──[17.1]--17-1blender基础使用 .mp4 26.13M' B9 g$ }7 X# Y& @
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
4 j/ b, s& v! Z| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
+ G: O* Z" z/ ~& R% @| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
4 `* z9 T& \8 J7 g4 f| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M7 o* K9 W3 B- S9 u' ?
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
5 b* d( ~/ u( ~: z. x/ Z| ├──[17.4]--17-4加载城市模型 .mp4 130.83M6 w! H1 a" g$ P& c; R& X l
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M$ ]. Y! E4 X' e& H& E* j. A
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
) j ?7 p0 i$ f4 |) V| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
9 N( U* W) H) ]9 s1 T- }| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M) |# b# y7 }- J2 g. T
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
7 K3 o+ r9 e5 ~ c$ h2 k* P├──{18}--第18章番外篇:webgl里的数学 : `* i G" M7 r% r
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M4 o% E# u$ `- P. c# R
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M, y, L- q) c8 S$ w, w7 C6 f
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M8 z3 ^8 f3 K/ `: ~* z
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
( R3 j4 m+ {, T2 b8 o| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M8 S6 H9 J3 C( G2 l/ l, e
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
4 ]1 j1 a$ Y( [- f% L7 S/ @| ├──[18.6]--18-6番外6点积 .mp4 41.72M
" t* e* j; Q& p& H| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
) U1 {' g+ U/ U| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M0 b+ Q6 r$ `1 `
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M) J% I% L# }$ k; L6 Z
├──{1}--第1章课程开篇 6 Y' {1 X3 P: W, j+ }
| ├──[1.1]--1-1课程导学 .mp4 44.95M, g. e# f& F/ ~! c
| └──[1.2]--1-2课程简介 .mp4 22.39M l6 T9 h w" ^# ?, m
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
+ O( D6 O3 @ T! d1 b ~6 w& O| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
+ W5 V5 q# N* d| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
9 A: `* p* @+ p5 A| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M# u- j+ `8 T9 P7 }7 S5 s% A
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M. Y# |: }3 C0 [# H
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
. c$ z' W( h, B' l; y, D: Z| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
9 g+ b7 Y8 }* d( H0 R# Y| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M" }7 F7 B. Q" Y+ S! p- ?% R
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
) y4 G B Y! u9 m├──{3}--第3章WebGL多图形绘制和动画 % g& _# r$ e9 |7 @9 v
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M/ ? P+ E$ Z- N. P) G
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M9 q; ~: @" q- S% O Q
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
5 i! t; O! z. {( ]% `: g' E8 C| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M: C0 h9 V, y/ m. ~ `$ [4 y
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M+ J; K; x5 V0 B5 K5 r1 H6 U
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
( v4 l7 N q4 J9 ^| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M* Q# q$ y$ R( p& X8 U; K
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M/ h v* b/ Y0 q5 Q8 V4 i0 W7 W
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
: F' P( q: S; U7 x: S! ?| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M9 g: p; n$ `3 k1 h' @$ T& i' H1 X
├──{4}--第4章WebGL颜色和纹理 0 r- V# R+ o( Z/ [. M# Y
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M& M* O8 R9 q7 n: ] |
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
- Z# l% }. L, Y5 q/ _3 y| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M4 S7 E2 ?0 ]# a2 a; O3 }0 M
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
3 f& c, z' M, [1 Q( l├──{5}--第5章WebGL原理学习:OpenGLES语言
% u' W1 w9 S. P$ M) G- j0 G0 ^| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M! U4 Z$ \9 f- R4 {: a7 f) |
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M2 c1 D0 @3 ^: w3 \0 c
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
$ x0 x9 n0 t! A: G5 O( c/ k& B5 v| ├──[5.4]--5-4分支和循环 .mp4 9.27M
+ ^8 t4 [( }4 C- G' b0 k| ├──[5.5]--5-5函数 .mp4 18.55M
T/ Z, V# H& i1 u' || ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
`) t7 t9 q) D' Q: B% J4 j' R| └──[5.7]--5-7存储限定词 .mp4 20.30M: \; T: D K$ R( R l; Q( ~
├──{6}--第6章WebGL三维世界 0 y& L! U- M% B# l& @. W" y1 y
| ├──[6.1]--6-13D基础 .mp4 136.57M/ w6 Q: \& R. t/ p2 e$ @
| ├──[6.2]--6-2正射投影 .mp4 88.72M
, _0 X7 U6 h1 ^' a! D1 I# O" [4 v| ├──[6.3]--6-3透视投影 .mp4 166.86M
* Q/ C8 {! B& e5 W# q, a3 o| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
) t6 T' Z; K0 G/ n# K| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M( X" u- k6 @" k9 w" Q3 s8 ]
├──{7}--第7章webgl光照 2 h$ G$ J. A& g. p
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
3 N' D1 Q/ p$ z" X| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
: d( e! B$ Z8 v) S7 H+ \7 G, W├──{8}--第8章WebGL进阶操作 # y! J ^9 R7 Y: s, g
| ├──[8.1]--8-1雾化 .mp4 103.20M0 P! R g& O! {. A; Z: C$ p3 c$ _
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
+ ~. C1 {+ J% e" `( h| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M9 Y2 e' m$ J5 F
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 9 H( ?. y p) |, K
| ├──[9.1]--9-1什么是threejs .mp4 19.62M: j$ ?% D& \0 I. e
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
$ F) j- A& o$ r' [. Y| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
% ~9 v. [, T2 z# \$ h3 k' B* G) T5 J| └──[9.5]--9-5添加雾化效果 .mp4 24.10M( Z- C( m! g7 A6 h. i
└──课件 .zip 22.02M
8 y! `6 _; j* ^6 S- E/ L2 L2 s) V0 U# p0 |& H; a
| 1 n5 ]3 f( h' u* ` B/ F* n
|