WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
. Y0 M" I3 d2 c├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
" q5 H: j/ v; Q- D2 F- x% c| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M8 A8 e5 q0 M2 m1 t; T, O8 Z
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
1 B* Y% n: t+ \' v| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M4 w8 y. G( V0 r! n, Q/ r& O
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M0 A' {9 W! N* ]
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 2 Y$ |; W4 @* K+ ]5 @
| ├──[11.1]--11-1光源类型 .mp4 14.42M
* w) B7 d) s0 O4 J0 w| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
' r' G$ @& {% R% w3 b% @% y$ V& p| ├──[11.3]--11-3环境光 .mp4 31.93M
2 B p4 M% \) x3 s0 W% U| ├──[11.4]--11-4点光源 .mp4 23.73M
# Z4 }' U' {5 h& z& o2 w| ├──[11.5]--11-5平行光 .mp4 37.07M4 x: l# u2 E( S A* c: F
| └──[11.6]--11-6半球光 .mp4 35.13M
' x9 V8 [ i3 s7 x0 ^0 F/ W├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 1 ~5 x8 z6 c. Q) ]
| ├──[12.10]--12-10联合材质 .mp4 21.84M( F7 n0 Z' v/ P+ |
| ├──[12.1]--12-1材质简介 .mp4 29.71M
; A+ e$ A1 k9 d; ~3 S* ^$ U| ├──[12.2]--12-2基础材质 .mp4 37.18M4 Q3 S! ~' M9 n: k& H0 x8 s
| ├──[12.3]--12-3深度材质 .mp4 32.18M
F4 ?/ Q; t* F8 [/ @| ├──[12.4]--12-4法向材质 .mp4 26.16M
9 ? e# p/ F- a% P. [" p3 }| ├──[12.5]--12-5面材质 .mp4 16.12M
! z/ \) y3 R: A$ Y v| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
: d1 W8 D4 z2 I! S1 J& n* V; {| ├──[12.7]--12-7Phong材质 .mp4 27.09M: ?$ m+ M! A$ r3 k7 O! C& H. c/ K
| └──[12.8]--12-8着色器材质 .mp4 42.33M
! f# e6 f2 y. B. |% ^* d+ {├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
7 i- A H5 i& A9 J8 M. {* A& e| ├──[13.10]--13-10多面体 .mp4 59.18M
) h! v- B8 O; B! p' D| ├──[13.11]--13-11文字 .mp4 56.47M% ~# G! }0 d- K& G; E
| ├──[13.1]--13-1几何体简介 .mp4 7.74M. p6 o6 b: e/ X+ ~
| ├──[13.2]--13-2二维平面 .mp4 128.03M
6 C5 }8 z% u6 K| ├──[13.3]--13-3二维圆 .mp4 56.66M5 ~# U/ i- \5 W! g! t/ p
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
+ _ s( L& R S& Y9 ~* u| ├──[13.5]--13-5立方体 .mp4 38.30M! q8 ~- }/ C+ e; W
| ├──[13.6]--13-6球体 .mp4 34.72M1 |. U* O$ O k2 H& U
| ├──[13.7]--13-7圆柱体 .mp4 29.46M
4 }. F2 L/ F+ w. ]( C/ v| ├──[13.8]--13-8圆环 .mp4 47.07M5 w/ t- T' t' Z/ R9 j7 Z
| └──[13.9]--13-9纽结 .mp4 45.00M$ a5 z' h8 v+ R7 b1 i
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
! m! d }1 s# t' |, K1 e0 P% d| ├──[14.1]--14-1基础动画 .mp4 5.64M4 I2 f( v; |$ t G ~
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
. w8 n! o* y1 j/ a. ^) B| ├──[14.4]--14-4加载外部文件 .mp4 36.88M3 F, N6 v" K2 p& {
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M. k0 d3 W6 l# B, n1 |/ W' H8 I8 X
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
% j* ^' Z1 y6 C1 N├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
1 q2 u, t0 e" _, Y( l* {3 U( r| ├──[15.1]--15-1基础纹理 .mp4 45.86M8 j' W! A, P( y
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M( |; T/ S+ f0 ]9 k2 B
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
9 O4 e v' F' h9 r& P| ├──[15.4]--15-4环境贴图 .mp4 90.46M$ q8 ]5 M( K1 g: m% v0 f
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
5 @4 `2 y( R3 k7 A9 I| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
2 `9 y5 W" P v7 i. u, {* b, K├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
* r: x: k: l, R; M0 a| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
& L; M2 F' l, }: m| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
f1 `3 m/ k# l- \* A/ r| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
' G4 J* O) K( ~ N% V( \4 ]+ L├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
{) D0 W0 {/ M: P* e3 g| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M- d7 p8 y$ h. g+ \/ }
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M- I9 G5 M' h; Y0 ?# [& U: ~+ e0 Q
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
9 q' E. G A3 T i| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M: p* j% F& b6 {; ]+ Z$ z& ?
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M: l9 e) D2 T4 v5 n% |
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M# G# m& ]) s4 E- q. t5 {6 d6 c/ }! v
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M8 Z. m) T# ^& m( I! D7 @
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M) _8 w6 v, `- J+ \
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
; s" R2 h& z4 d" |! M6 X| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
) f& `- k L) ^6 H+ Q# b! K0 v* {8 G) W| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
, E8 L# s/ N+ M* ?5 H2 K| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M6 X/ ~) w( }/ C- ]' E- u- v( P2 H
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M# }8 c8 L- L- S& ]. b
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
; j6 K7 b) r4 Y2 a| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M7 F, ~) {$ W. x4 o t
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
" ?7 N: {1 F3 W- d| ├──[17.4]--17-4加载城市模型 .mp4 130.83M+ q& h z# @+ _* [( q' n
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
6 P# z2 J+ T1 B }! H| ├──[17.6]--17-6添加交互效果 .mp4 79.35M/ Z2 a; Q h* ^- @+ i" ~: L2 m
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M; B9 l6 w- l! M! y% {1 { ^ f# J
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
6 I0 K( E. V$ I& O" \% T. M+ L; c| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M( E$ ^2 S3 B' L. V" v( C
├──{18}--第18章番外篇:webgl里的数学
, z- ~* `4 t% Y: T| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M& G# P) v# d5 C; q* u b% E+ T4 g
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M4 p; q6 w7 @8 W# t7 B, C
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
5 C m" X* @. A| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
1 A, P) V: Z+ ~3 e" Z| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
3 u% R& l' n# f) @% k' i5 \| ├──[18.5]--18-5番外5归一化 .mp4 8.74M3 b. _% Q. \* j# [
| ├──[18.6]--18-6番外6点积 .mp4 41.72M: i0 g! v5 D- h* O
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
3 b2 @8 C0 f" U6 g# p' x| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
5 z, G- _# E# L8 D5 q| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M: w3 e% T/ J' ^3 N2 [( ?$ j
├──{1}--第1章课程开篇
; B$ C# I9 ?( d4 L& || ├──[1.1]--1-1课程导学 .mp4 44.95M. U, y! c% G! Y3 {8 l& b$ ?
| └──[1.2]--1-2课程简介 .mp4 22.39M3 ~: a5 Z6 {7 N5 q# p
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
8 r; L( E2 [# k8 o3 ?' K| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M+ T. I2 N6 N+ O" k5 n, I4 a# ]
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M! {% g8 K' a% u9 l$ @) n
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M4 l7 g+ o( ^9 t; `" K
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
/ p* t w2 N( G- ^| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M# ]. N6 S# V. f# b1 n. ]
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
" |6 B Y! ~+ j0 |% }% t8 e| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
2 S$ s8 a% e3 S' d1 t| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
, x) g* |- { }1 d: ]├──{3}--第3章WebGL多图形绘制和动画
, X; z& [3 f3 N| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
- z' n* U$ [3 W m# p| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M8 B8 [5 b/ L/ a. x
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M9 o; h# |+ B V& o6 ~$ l" ^
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
0 g( \4 Y( m2 w1 {' D! W| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M) [" x0 H7 }5 A8 e# y) E% d
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M( o5 J% M. ^; i- `
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
' P. q" k* S A8 @| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
( `6 S2 s! ^; ~0 _| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M' ]4 }) Q4 T) ~- R `
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M* V2 ~/ y9 o( M! J0 A0 H
├──{4}--第4章WebGL颜色和纹理 & J! W! C" [, q: I. M) m
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M3 c# `! z; X( F
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M" w3 N3 H$ `4 u- {7 u
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
" z( Y2 ~9 A7 x# g. d% z| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
( {0 A" q* W+ S' S4 D├──{5}--第5章WebGL原理学习:OpenGLES语言 7 I' a _ N1 _+ {" n! }
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
) o1 E+ c. _+ p- C) x2 S4 z+ M| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
" d. \5 S5 o- [2 F| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
' b& W4 R$ k/ L- { d) C| ├──[5.4]--5-4分支和循环 .mp4 9.27M& w1 ~7 f; {* z( a" S8 _
| ├──[5.5]--5-5函数 .mp4 18.55M( a3 @, |; n, ~& \
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M% X1 H! J5 u3 Y6 @7 t# B `
| └──[5.7]--5-7存储限定词 .mp4 20.30M
5 \* K6 m3 K! P* R h) L- y1 q2 D5 J├──{6}--第6章WebGL三维世界
1 Y+ F3 `5 u4 b2 |, }/ _| ├──[6.1]--6-13D基础 .mp4 136.57M. b! @& U4 a- ^& C" P
| ├──[6.2]--6-2正射投影 .mp4 88.72M+ c- w; S0 V/ j L0 D( a
| ├──[6.3]--6-3透视投影 .mp4 166.86M2 n4 C2 i- T) D$ U% _! {; |
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M& C# K; M7 O. J: o$ n1 J* A
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M$ t. ^$ w7 N( N
├──{7}--第7章webgl光照 2 l8 |1 E2 H$ e9 x, o2 Q
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
$ z$ F# g# W9 G) ^' h t| └──[7.2]--7-2给场景添加光源 .mp4 72.04M: P8 G5 s& G) F
├──{8}--第8章WebGL进阶操作
}$ O0 i# x+ Y$ R/ P| ├──[8.1]--8-1雾化 .mp4 103.20M/ P2 Q# P8 I) j; T* S4 }6 n4 e0 B u c
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
! X0 p) }# e& L4 O| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
! F6 q) `5 R! X( M* T├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 & a1 U( A# j/ l3 n' Z0 P* Q3 n
| ├──[9.1]--9-1什么是threejs .mp4 19.62M% J, L3 p7 f4 x% o8 m8 @% ]: ?
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M0 a5 w- s6 C0 J! {1 V& p$ q2 d
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
/ g1 E; T; h+ N' [6 b4 j- k( B; m6 g( Y| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
! z( ^! h3 e4 f" x7 u4 J* y2 T3 f. L└──课件 .zip 22.02M
, f/ p6 i0 z+ u* S" S& Z& z0 P+ }5 M
|
4 Q$ ^7 n! {1 o" Z- | |