WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
. W/ ]# i, S! e7 G7 R1 Y: @% t/ \5 y├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 ; \. k) E0 l+ R6 z( }
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
' x( s: B }' p, m& E| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
' @! ?# ]3 w7 o. S$ L| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M. T2 O9 N( s' I9 c0 w5 ^; G
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M6 N, z$ v' Z$ ^' n
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 - J+ d+ y5 [& _/ z- S
| ├──[11.1]--11-1光源类型 .mp4 14.42M& e5 O3 g0 B3 d+ W Y& {
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M0 j% `$ H" v- d7 [( v* m# V% c: u
| ├──[11.3]--11-3环境光 .mp4 31.93M
7 q* t: h1 w, k4 X; i2 H4 b" r| ├──[11.4]--11-4点光源 .mp4 23.73M
# ~* K8 J3 r a: A% ?: c| ├──[11.5]--11-5平行光 .mp4 37.07M2 f: Z. L" v ]2 U( E
| └──[11.6]--11-6半球光 .mp4 35.13M9 F: @. v1 y0 \- ~! e( h. `7 ]
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 R" {5 N2 e m
| ├──[12.10]--12-10联合材质 .mp4 21.84M
3 k# T. b8 c# D$ A$ F5 K+ x| ├──[12.1]--12-1材质简介 .mp4 29.71M* e3 Z2 x$ b" H$ T& [/ n
| ├──[12.2]--12-2基础材质 .mp4 37.18M( `; M0 _* f2 u
| ├──[12.3]--12-3深度材质 .mp4 32.18M5 h, y4 Z) V: M6 O4 \
| ├──[12.4]--12-4法向材质 .mp4 26.16M* S8 J2 ]5 c( ~% M0 K# P/ y: {
| ├──[12.5]--12-5面材质 .mp4 16.12M
0 E9 b- S+ r% B6 l3 y| ├──[12.6]--12-6郎伯材质 .mp4 29.13M/ y, d0 V8 \& |8 f
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
# G6 a) k! A7 |9 i# U# p @/ Q( x5 Q| └──[12.8]--12-8着色器材质 .mp4 42.33M
' v$ G p0 |, O% u( e* `├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
- ^' _- M, B# j1 f2 u; f| ├──[13.10]--13-10多面体 .mp4 59.18M
1 g/ K) F i( {9 Y9 h/ W2 R% r3 \& G| ├──[13.11]--13-11文字 .mp4 56.47M
6 O/ L' o9 m8 T' S0 b8 L/ J| ├──[13.1]--13-1几何体简介 .mp4 7.74M8 {5 L8 V$ _' G, L: M1 o1 \
| ├──[13.2]--13-2二维平面 .mp4 128.03M
( J/ q8 z5 J+ X6 y| ├──[13.3]--13-3二维圆 .mp4 56.66M
+ ^0 L; ^: S4 |; V! B| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M2 Q) t9 F9 w) s7 o: X
| ├──[13.5]--13-5立方体 .mp4 38.30M; L8 N. U# e2 u
| ├──[13.6]--13-6球体 .mp4 34.72M
. E g+ j. W. C J| ├──[13.7]--13-7圆柱体 .mp4 29.46M/ y# j2 C; V; ~+ u' @8 ` z
| ├──[13.8]--13-8圆环 .mp4 47.07M! f( \: p, {2 [
| └──[13.9]--13-9纽结 .mp4 45.00M' E& B0 U/ S. P
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
) q1 E+ N! I% o) B8 w1 @ P| ├──[14.1]--14-1基础动画 .mp4 5.64M
1 g! G8 N# m; _| ├──[14.3]--14-3点击选取对象 .mp4 68.04M& X1 Y0 R0 b: u" C5 ]8 ?
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M% n) Q# i1 B& \) N1 O2 R; b9 l
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
0 a4 h1 v5 ?0 ?7 U# w+ W, I6 ]+ Q| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M" |. z( ?7 p! v4 A7 @. Q
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
" d; f4 X( \; q; ^7 }, V/ @8 b| ├──[15.1]--15-1基础纹理 .mp4 45.86M8 \* w8 O* \! M1 v
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M) }8 c# ]0 u6 Z
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
3 P$ V/ j1 l& L5 P8 y' e| ├──[15.4]--15-4环境贴图 .mp4 90.46M
8 e# ^) H& a) F! ^* L| ├──[15.5]--15-5canvas贴图 .mp4 35.15M6 I% q0 r k* A2 d. G
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
! _+ T; f0 J$ U├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 ) w% b$ ~* t4 t
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
2 H# L, ]8 h' N% U3 t Z( m| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M9 v; e( s9 z7 O) k% T2 V
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
. D' p/ P' o; H2 X4 M├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
. C+ R; ]3 ]8 H# r& X, u| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
' }8 e- i5 h2 B( F4 J) c/ W+ ?, L| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
# |9 @2 ]4 b4 R: k! b8 n) ~| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
1 y5 ~0 |8 S2 F1 }. f L) X4 w| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M# O1 [8 |2 W+ @- T" W/ o" ^. M# ?
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M# M$ m2 r3 G( A) K* o/ t
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M. r' D# G5 c J) x1 b# e% l
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M }$ Y# B$ w- i( {7 g( \
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M, a, R0 r, q/ b" a! Q* w& F" \
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
4 f4 e3 G6 [' K, @| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
; ?7 y M" x4 V| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
# P+ `; q" ?, F, r- }9 A& m| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M* l0 P. j6 i# y2 k
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
0 X( N; n7 _2 ^/ ^+ `% ^! a8 \| ├──[17.23]--17-23烟雾预警 .mp4 173.47M) [: ?- u7 d: H* F7 y. D
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
: g) o( |( u' i- E| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
! i6 s2 l- P' p$ || ├──[17.4]--17-4加载城市模型 .mp4 130.83M
: u% x2 t7 `9 f5 t| ├──[17.5]--17-5背景天空盒 .mp4 45.74M4 r3 t' V/ i$ a! v( W$ _3 i
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
# r [" ~' H3 Q" v| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M: K$ o9 l2 o8 J+ m) D1 p+ N1 R0 m
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M v" x1 j; Q- r
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
; M8 `3 ?! V7 q# Y; P├──{18}--第18章番外篇:webgl里的数学
* \8 q' c, ]. J' m6 Q| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M& v3 U1 G5 N, @0 ^2 j: ]/ {" P
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
8 `, C$ L* f9 [ H! H, ]2 ^* z| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
" ]% m; X' c' }3 A, p| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
0 U6 G9 _; t' t( t/ o1 U| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M, ]' A l M, W$ o! {! ?1 [+ s
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M; ^0 b# U( b$ P( B, t
| ├──[18.6]--18-6番外6点积 .mp4 41.72M: I& |1 W+ r9 U: S' t9 v1 Q$ j& B
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
# Q. _0 h3 U/ p4 y- }, X8 Y. ~| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M" ]) {9 g' B& T- Q/ v
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M& r+ m5 d6 n3 K7 S! T2 K
├──{1}--第1章课程开篇
0 J+ B- Q: ]" F| ├──[1.1]--1-1课程导学 .mp4 44.95M
8 r ~; B& L" ^. ?| └──[1.2]--1-2课程简介 .mp4 22.39M& X2 d: W- q H% J
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
+ {- s0 c1 a' {3 u1 y$ @1 p/ || ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M4 F( N8 A& g# P3 n
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M2 [) D" w- n0 ~1 S# i3 J. y/ }- k1 R2 W
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
3 d& h i! _* w0 |/ n, W8 D| ├──[2.4]--2-4绘制一个点 .mp4 226.54M! \3 L: \; Q/ Q: O" N: o5 X
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
, G4 i& d+ {* ^; @8 |) l, ~| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
( t3 q a2 N5 B7 y| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
2 ]6 V6 ~7 o* `. d& g: x6 }' ?1 O| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
7 h9 ~; G" a- R2 h├──{3}--第3章WebGL多图形绘制和动画
& w7 }4 }% Z" ~$ @. ]| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
9 H. u% }: [) G, K$ T8 || ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M, D, C# Z1 Z" Q, O5 H' f3 ?
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
0 V( X" ] A" ~% g+ K| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
: z9 c# A4 s$ E1 R7 s| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
- S1 w% a7 n' v% `( C# G% g| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
4 \( z0 }8 v' k* r8 |* g4 J) Q- n| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
+ K" J6 x- B, k/ `, g4 k| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
0 ] _- {! }* ~- Q; X| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M0 J. T4 s0 \# B7 F3 @8 g
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M7 x& B B) J7 e5 \9 a
├──{4}--第4章WebGL颜色和纹理
: h/ r9 n" G4 r. _3 p k5 k| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M& A! J' a; S1 }$ B! Q
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
% v8 W1 d6 J. X4 z| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
8 v% a+ ~, E- F. E| └──[4.4]--4-4使用多重纹理 .mp4 56.12M. h/ Q1 j0 S3 M+ s1 x0 k* o
├──{5}--第5章WebGL原理学习:OpenGLES语言
* ~9 a" v( A4 s| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M( D; Q2 F, {$ s5 S, A. w4 Y
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
) }7 O) t3 x& f5 |' R| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
' l) v( T2 q8 S, }| ├──[5.4]--5-4分支和循环 .mp4 9.27M$ z4 K: z" Q) Q+ Y# c
| ├──[5.5]--5-5函数 .mp4 18.55M0 t: z, U6 n& Y+ F7 i
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
( i; r0 m, O4 c9 ]3 m/ o% z, `| └──[5.7]--5-7存储限定词 .mp4 20.30M
7 Y) z$ _. j( Z) ~" Y├──{6}--第6章WebGL三维世界 6 ?5 a& G' W2 \+ _# U5 \
| ├──[6.1]--6-13D基础 .mp4 136.57M- d4 W4 {) f7 P! k& l! @ I
| ├──[6.2]--6-2正射投影 .mp4 88.72M+ y# k4 v$ b8 u. J
| ├──[6.3]--6-3透视投影 .mp4 166.86M
( \0 @3 o+ }4 g0 K& || ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M1 V/ k6 K- W' V" L
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
# ^' L& B' T3 o& c├──{7}--第7章webgl光照 1 l) `3 ~" q( o# ?" I0 E0 }1 p
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M. z% B" n9 j* T& C1 U& N& R2 c, P$ `
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M ]8 t) r+ r: y2 l
├──{8}--第8章WebGL进阶操作
7 i* R, w0 V: S \+ Z, q9 M- G| ├──[8.1]--8-1雾化 .mp4 103.20M' G' u4 g4 P; U6 t0 R
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
* f; i" z$ Z6 E7 I. l| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
. w( b) x& Z( \' a: T1 B }├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
, @; f# i. _) z0 O' t| ├──[9.1]--9-1什么是threejs .mp4 19.62M3 o6 Q! \+ k* R
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
2 V4 L; `4 i$ `/ S& x3 [ o| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
; e D, W3 b* h, Y7 N| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
/ @+ `6 I) ]5 ~7 p; t└──课件 .zip 22.02M, |; O, d* ]3 Y' t+ u0 Y# F5 s4 Z1 x
8 [& v& v- L; J) m' p" w
|
4 H& t6 V6 D& V* A7 u3 f |