WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
- u1 K- }4 ^7 V4 Q: N V├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 2 S2 W. N ^" A+ `' x. @. B
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
# U! O$ V, A% A" }2 m6 g| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
& T1 t% U; E7 H$ ^# \9 Z3 }| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
- ]* ^% E. w! `8 U) N| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M. o6 c) H" ?' q/ W
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 2 C! j( B1 S, r
| ├──[11.1]--11-1光源类型 .mp4 14.42M0 c5 q* y1 J/ p4 w& K* p
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M& Q% ]7 ~, g7 h' Z' E3 J5 ?
| ├──[11.3]--11-3环境光 .mp4 31.93M+ ]! c9 _, \! H0 x& d4 l
| ├──[11.4]--11-4点光源 .mp4 23.73M) u1 z5 ]2 F$ |# ^1 T, t& F
| ├──[11.5]--11-5平行光 .mp4 37.07M
) W1 g K5 v1 D; O# x; m1 ~| └──[11.6]--11-6半球光 .mp4 35.13M
! O2 B$ I3 @' K1 P& j, v6 B├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 * H6 n: q W, m5 H A( J
| ├──[12.10]--12-10联合材质 .mp4 21.84M }: k1 o# S+ ~) [# E0 Q
| ├──[12.1]--12-1材质简介 .mp4 29.71M+ a) S) Z" t0 W* `* o/ m
| ├──[12.2]--12-2基础材质 .mp4 37.18M
$ |3 O: f: O9 H$ r/ T1 O| ├──[12.3]--12-3深度材质 .mp4 32.18M* _5 R2 H. `! `; t7 h: v0 x% d5 B# D
| ├──[12.4]--12-4法向材质 .mp4 26.16M
' V0 D" F* ?( a7 L, W3 i3 b! e| ├──[12.5]--12-5面材质 .mp4 16.12M
- N/ X) m( Y4 Q+ t9 l% H+ x| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
0 \. L1 P. Q) ] w| ├──[12.7]--12-7Phong材质 .mp4 27.09M' ?- p( k2 b9 s; E. \. A6 m1 r7 B) b
| └──[12.8]--12-8着色器材质 .mp4 42.33M6 _; t3 B2 L x. b% N
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
5 f: k7 m1 ^5 u% @' V| ├──[13.10]--13-10多面体 .mp4 59.18M
N# h0 r$ R8 n| ├──[13.11]--13-11文字 .mp4 56.47M- F; D, `$ n9 \& a
| ├──[13.1]--13-1几何体简介 .mp4 7.74M
4 L) }: W9 y2 ]& i9 l| ├──[13.2]--13-2二维平面 .mp4 128.03M% Y2 {: u. j# i( i8 w1 k- J
| ├──[13.3]--13-3二维圆 .mp4 56.66M6 t% U9 [' |7 @% k
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
. _( C* Z0 h9 ?0 Z| ├──[13.5]--13-5立方体 .mp4 38.30M
. w3 M# W6 ~2 {| ├──[13.6]--13-6球体 .mp4 34.72M
3 W1 V! T/ _8 i$ T$ B3 [| ├──[13.7]--13-7圆柱体 .mp4 29.46M/ {4 Z" q" D& F- \+ |. E
| ├──[13.8]--13-8圆环 .mp4 47.07M
$ E/ G8 P6 n: V1 _/ N- [| └──[13.9]--13-9纽结 .mp4 45.00M* |! N/ h) a' p# _ l. n' S7 j
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
# p; R1 e+ D/ F Q! X# F| ├──[14.1]--14-1基础动画 .mp4 5.64M
+ w7 c8 d, n2 c X. N| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
! V; J4 x; m6 I$ n- I| ├──[14.4]--14-4加载外部文件 .mp4 36.88M
7 f! g( x" n! J/ k/ \6 D| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
9 l7 g; X- }, A; v: o& `/ Q$ o| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M G! t M |! j% ]% t/ |
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
( [) l: X* q1 w# S( V| ├──[15.1]--15-1基础纹理 .mp4 45.86M8 h2 h5 e3 \3 ~3 m( T7 h+ _
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
0 ]5 m3 L$ j: D; K/ ~" f| ├──[15.3]--15-3法向贴图 .mp4 51.24M3 I6 n% Z* y. J7 ~' e1 V* x. i
| ├──[15.4]--15-4环境贴图 .mp4 90.46M
+ J5 G8 K! Q. _/ N+ b8 T" l| ├──[15.5]--15-5canvas贴图 .mp4 35.15M! ^) G! [) {4 @' I5 C8 S
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
5 ^1 P7 N1 H. N# Z& r. B, a/ H├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 6 p" D+ h) \ k! g7 q3 }
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M) y6 u8 H7 }9 C1 D( z/ f/ Z
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M7 U1 u6 [; ^, l1 F$ g8 D
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M/ c, [6 }/ q. b. q
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
7 l* ~6 \+ Z1 p! O" r# W# t a: y* c# Z| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M8 X2 @) v- x8 h: r; P
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
, i2 [3 z) R. F5 l0 O9 e| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
' ^% _4 k6 Q' H| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
( w# ^3 W: R7 p5 J| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
! R" D& ^- _4 h# R# s| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M' L- t7 x. v8 F0 U) Y8 y2 y
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M5 _% x+ C! K/ ?
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
+ J1 Z/ X: { l$ L1 p! t4 n| ├──[17.18]--17-18场景文字添加 .mp4 64.20M- L( s9 c( ^) y, z* k9 _2 h
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M4 y, w1 z9 [ F% K3 f9 \) K- ~' J; @ Q
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M. I' Z" n4 a3 ]8 S
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
2 u- @6 ~0 s+ Y4 H| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
+ q5 A% { |5 U5 |+ u& ~+ w| ├──[17.23]--17-23烟雾预警 .mp4 173.47M* @" y! N, Z* ^0 |' W0 c
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M7 N3 @, S! s$ m+ @
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M9 B- r+ k7 Z; U1 Z9 T
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
; ~) e w! ~# R5 H; d* u| ├──[17.5]--17-5背景天空盒 .mp4 45.74M1 d2 B$ {/ j8 M, {" ~0 V
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M4 B5 w c! C+ O" E8 w
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
+ l. ?3 K, H7 u1 w| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
: x, H/ ]9 f a- A| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M4 u7 d. B( i, P, P( r/ t. P
├──{18}--第18章番外篇:webgl里的数学 $ k! ]+ d& _3 F. ]! ]4 l; j
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M6 u! z- H& i5 J0 q
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
9 J6 M& `) Y+ C, {, c' V" v, i| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
/ o% m3 @, \- e% _| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M( I% N! G" q5 t. ?: u3 d( Q
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M+ D6 l3 a+ E( k1 {
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
O0 r. L; v, C4 G; c| ├──[18.6]--18-6番外6点积 .mp4 41.72M
( t) j6 t* K5 _# P| ├──[18.7]--18-7番外7叉积 .mp4 51.19M8 Y- U' A2 b6 n2 e5 e* b! S+ A
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
- I; y6 K1 K, T' ^5 G| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M8 M0 ?# |" y P$ C5 o& g' v z; \
├──{1}--第1章课程开篇
0 `( N* |3 p0 {2 }| ├──[1.1]--1-1课程导学 .mp4 44.95M
; J# |) J' J! e# C A3 ~| └──[1.2]--1-2课程简介 .mp4 22.39M
) }6 w. u* m' ?0 k) x. `' v4 x├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL / K: w* L6 m; p% I) \
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M0 q+ c- Y4 I I+ u# n+ S' E# g
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
! V7 y8 J' }: @( w) H+ || ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
- F6 u5 F L, ^- F2 m| ├──[2.4]--2-4绘制一个点 .mp4 226.54M3 @3 J' M& T9 G8 H
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
# I0 x! e6 Q9 [, q| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
5 [# ]$ L0 L. k$ l* O' E3 t| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
2 y# K0 m& t. ~3 t3 e| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M4 r% [. T1 \7 n0 j. k j5 o
├──{3}--第3章WebGL多图形绘制和动画
^ B4 @" O9 i* u| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M8 f% T, D& W# i- {$ @+ J
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
7 r9 f O/ j% @; c1 x( w. L| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M, Z! b5 |3 j6 r9 Y7 y/ t) Q0 v
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
# y/ z) W6 D& s! A& u| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
( Y3 M G7 `6 j# S; |) h| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M: P5 Q- A" ]9 u" r8 R
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M8 S, h. g9 v! R. Y' ?
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
6 F- n7 B: s3 e. `4 o| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
5 j3 {5 \- i5 q( _| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
Q; h" B# o# t* Y* L$ I$ h: Y* \├──{4}--第4章WebGL颜色和纹理 # P9 `4 c7 t3 D8 y! ?. ~' ^
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
; h+ _& M5 N" `/ q* o8 X| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
% O- A% A& X% e4 d9 i1 d| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
2 m& s% q) S- ?6 g r' Q| └──[4.4]--4-4使用多重纹理 .mp4 56.12M1 s9 g. d8 G) R0 T
├──{5}--第5章WebGL原理学习:OpenGLES语言
9 D. s+ U/ V5 V0 ?| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
5 A9 a; U' `' ?- ~| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M' j2 i# U2 [4 N! o( c6 b
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M! _$ [: P; r+ c( [
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
~( v. P6 J) j7 `/ P| ├──[5.5]--5-5函数 .mp4 18.55M
' e$ v9 S# P/ R ?$ | F| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M" u2 `+ Y# [- E
| └──[5.7]--5-7存储限定词 .mp4 20.30M4 T' D2 N9 Z2 ]4 c' q
├──{6}--第6章WebGL三维世界
1 e% x- {, x- Q| ├──[6.1]--6-13D基础 .mp4 136.57M6 O4 r! A9 g4 } r
| ├──[6.2]--6-2正射投影 .mp4 88.72M- m% u, D, T3 r1 R
| ├──[6.3]--6-3透视投影 .mp4 166.86M
6 p+ ^3 p. e* ^/ a7 a6 c, N| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
) o. [$ g! l. l T9 p! J4 E a| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
: o5 X. F- i _" T9 x├──{7}--第7章webgl光照 ' {& w- g2 V( O* K
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M t4 X! i- F5 j4 C
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
) v% u% N6 ^; e; t├──{8}--第8章WebGL进阶操作
9 @+ d) l# m; a' g& ~2 q| ├──[8.1]--8-1雾化 .mp4 103.20M5 Q. _% O1 ^3 @, J. R
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M1 l$ ^ J* d& Z1 a7 I
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
9 S! ^6 ?" [+ ^: x$ \├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
, j, e- q0 e, g) \6 ]| ├──[9.1]--9-1什么是threejs .mp4 19.62M0 m! x' D5 U6 Z+ |, P0 u
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
. k' x' e$ i3 o! l| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
T6 N% X( n6 I' Z| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
* c) f) Q d1 k( y, C4 Y└──课件 .zip 22.02M
) x. `) F# E+ ], y& Z7 r
$ [* ?. C. G" ?2 T3 D% y' E2 I$ b
|
6 Y) ?5 B1 b+ D |