WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】# r" U/ v4 o% }/ c6 m/ e- R0 s, ?# ?
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
3 @" c4 G0 \2 |- w; }. Z| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M4 h8 }2 p0 X8 |$ y. x. y
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
4 c) i$ C( g0 H7 M3 u3 V8 m| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M$ `( n( o: a1 A/ ~$ b; Y. e
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
& | l5 @ k' B* @' m├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
) d5 n3 f" W/ M8 y2 U& w8 a. g| ├──[11.1]--11-1光源类型 .mp4 14.42M
/ ^( S# B8 m% U| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
* _8 @7 H- G1 e! g8 J/ p% _+ c! {| ├──[11.3]--11-3环境光 .mp4 31.93M
& X$ q' Z: e0 J) |( v| ├──[11.4]--11-4点光源 .mp4 23.73M/ y$ Z* J1 A3 M
| ├──[11.5]--11-5平行光 .mp4 37.07M2 ?. |2 q5 w# j1 Y1 U+ F! _
| └──[11.6]--11-6半球光 .mp4 35.13M
/ c% Z( R) k5 I. j( y├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 $ y+ K. s3 j, s/ `
| ├──[12.10]--12-10联合材质 .mp4 21.84M
* d/ _+ j% r1 ?' v/ v4 ]! N| ├──[12.1]--12-1材质简介 .mp4 29.71M/ Q' f5 r$ [" f- a- z( D
| ├──[12.2]--12-2基础材质 .mp4 37.18M: l4 V; ]% x7 @1 m4 u4 G1 D
| ├──[12.3]--12-3深度材质 .mp4 32.18M0 L' I" q' Q P# Q. m6 [
| ├──[12.4]--12-4法向材质 .mp4 26.16M
, {1 A3 o# Q! e X* e+ p( ]| ├──[12.5]--12-5面材质 .mp4 16.12M
" H: {0 i u0 [5 n, m: N9 k| ├──[12.6]--12-6郎伯材质 .mp4 29.13M- G: f2 O' ?; Y5 v3 ^6 ]( e
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
+ n U6 M" L% x7 b* w# ~. i- || └──[12.8]--12-8着色器材质 .mp4 42.33M9 F% x# s: C+ L3 s6 x
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 ' h0 D- ~, W, l7 h% N, {9 {
| ├──[13.10]--13-10多面体 .mp4 59.18M. x$ t4 |3 o) k) I" C" a: r9 _& m
| ├──[13.11]--13-11文字 .mp4 56.47M" B% d- A7 c' K# ?+ Y+ d
| ├──[13.1]--13-1几何体简介 .mp4 7.74M
; j2 [; s3 @7 n| ├──[13.2]--13-2二维平面 .mp4 128.03M8 b' v2 j4 u c3 X7 \
| ├──[13.3]--13-3二维圆 .mp4 56.66M& _$ s# I1 p. j- p
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
! R( O5 O( r% N9 F1 }+ D0 }| ├──[13.5]--13-5立方体 .mp4 38.30M
1 X3 T; F9 x, _' T| ├──[13.6]--13-6球体 .mp4 34.72M: R0 I8 d' ?6 j: m* ]
| ├──[13.7]--13-7圆柱体 .mp4 29.46M& {! O$ Y2 Z. W8 u& p) T
| ├──[13.8]--13-8圆环 .mp4 47.07M5 r& Q6 ^4 D' _5 |' |2 p
| └──[13.9]--13-9纽结 .mp4 45.00M8 F7 v2 S! { h
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 , x8 V7 Q* C- ], d
| ├──[14.1]--14-1基础动画 .mp4 5.64M1 b( e9 n) k5 G ~
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M! z, `) E; Q d# _6 o
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M" x7 |! H2 \6 o8 R
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M. ` g# ~: o+ M. [9 X# g
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
7 G6 ]2 `! s, D- ~# `$ {( _- @├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
# @' D2 N& X1 |3 S7 O, C| ├──[15.1]--15-1基础纹理 .mp4 45.86M! E$ r( d4 e- a& F! A
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M/ o* l: \; \, S* D. a% X3 J6 W/ J/ `
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
7 K9 ^; F O* \- M1 N$ k| ├──[15.4]--15-4环境贴图 .mp4 90.46M
7 a7 i5 U7 ^/ H6 j| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
/ Z: h4 s5 m% C# S4 K# ^: c| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
7 R h2 ?# f5 i0 R) [/ [8 a i├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
1 A" j" d6 P/ V& }| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M$ R) Q$ _! U- s9 Q; R" l
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M {6 h" V: A Z- h i) C8 o; I
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
6 g1 f4 |/ v( |2 a' G├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 ! f3 c& h& c8 a. V* x5 F
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M( P. O/ r; T9 X) g7 F0 K5 L/ G, y
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
8 }# P$ m/ Y/ ]! C+ n) A$ Z| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
2 ]5 M* F! A1 v5 W8 e( H& A| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M# h& C8 m% Z( I6 d8 U
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
+ M4 t' N5 i6 j; e: Y| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
' o- Z C. g9 v/ X& J- O9 n, [" m: `| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
; C+ I' R& x. c9 J| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M$ B$ _) X4 \; H% q# R
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M& w( x& V0 O1 ?9 n, _
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M _- ?5 _ m' D9 o* z) u6 ~1 H
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M: `5 G! X6 j. ~% F8 C5 K$ X* h6 Y8 k
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
, r2 x. C3 [* ~) d* p) m; p| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M7 g7 M9 X8 l1 j' w
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M- e. }; B7 @# l' l4 s4 g
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
0 i/ A; N8 |+ b5 [7 P3 L0 N! ?. o| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M8 R; l$ N) C, j8 Z! I9 G% D! Y
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M& Y1 K" K ]& V7 d# s G& p
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M) k# |& l1 I2 l f/ |& Z
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
# c% x* m* v9 T7 G" F' ?| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M* l. K9 U& ]9 L0 H9 g. ?2 Y7 G
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
0 {' A0 h+ u$ S2 [8 ?5 _; f6 J| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M1 h: b" B: ]8 ]/ T. v5 I6 e" q
├──{18}--第18章番外篇:webgl里的数学 ; ?+ Q, U1 J h1 r/ y: R8 p
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
# C1 p9 F% t: {1 ?+ N| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M- z+ b* n7 h2 M& A6 z: ~
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M" E% H& C) q0 a% l( a
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
1 Y9 e8 ? V, R+ u* N4 @ j1 c, x2 w( z| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
3 a: {$ c! H y5 {/ G0 M| ├──[18.5]--18-5番外5归一化 .mp4 8.74M4 P$ E) k4 f' \' X# q
| ├──[18.6]--18-6番外6点积 .mp4 41.72M
7 s) k- W) r0 l |) g: Z| ├──[18.7]--18-7番外7叉积 .mp4 51.19M4 P. M1 E! }2 v+ W" N/ L( Y: [
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M' V5 j/ c f4 s s0 V! ], {
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
( l- }2 a( ]9 H. i├──{1}--第1章课程开篇
8 _9 d- [$ f8 J$ ~4 ]1 x' T| ├──[1.1]--1-1课程导学 .mp4 44.95M8 V7 \$ H" C7 o2 t/ P
| └──[1.2]--1-2课程简介 .mp4 22.39M" n6 M2 y# a9 |
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
5 L _" p" H- g* Q| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
, l/ @& s8 \- N| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M X: E) B4 [9 A
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
$ f1 h) b' `* b l) A. b| ├──[2.4]--2-4绘制一个点 .mp4 226.54M2 A7 t% N' r+ o9 R6 n, i, l
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
) x% U+ s* `7 U7 q| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
) F s& t7 [5 Q( ]2 q| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M( x% f+ i8 z/ c
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
1 L% \$ h" r! v8 }" D* r4 M0 F$ z$ U├──{3}--第3章WebGL多图形绘制和动画 7 B) B5 Z6 u5 t1 E) D) b
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
p; t! j5 z2 I, W, U| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
: t' d! }; s4 b7 n3 o3 x: r| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M+ |2 O1 w/ \4 t' d$ J$ H
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
7 j0 C9 O/ \; l+ G) U) p" V| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
" I! \9 X$ G# t| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
+ T D, m) K( q& d( u) G| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
' q/ h7 ~* x& u$ I| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M' h% b8 d) x% y: j
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M: `5 C/ X1 y" ^0 z, c
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M9 b/ O( F% E9 q- `& Y8 Y
├──{4}--第4章WebGL颜色和纹理 ' N( {- a/ n8 x% l! m7 b& n3 E; \
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
8 [: V8 u0 m% S }" r| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M+ ~5 ?+ f+ o/ x0 Y! V0 z0 {
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
7 U% I: V2 q- g! `" A| └──[4.4]--4-4使用多重纹理 .mp4 56.12M, o: |/ f, p5 e$ c% D3 `
├──{5}--第5章WebGL原理学习:OpenGLES语言
5 W6 f2 K; y* }/ O2 r| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M- s% G* W- Q* t0 @* Q
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M& j' J' X- n+ x7 U
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
9 O6 A3 J! r* s v# b/ K0 _$ J| ├──[5.4]--5-4分支和循环 .mp4 9.27M7 K9 |/ H* r1 K/ R
| ├──[5.5]--5-5函数 .mp4 18.55M
8 y& @2 M: C% t. D5 P| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M* w5 M" o, V1 w2 j" \2 x$ b* s/ N
| └──[5.7]--5-7存储限定词 .mp4 20.30M5 S$ m W, Z! C
├──{6}--第6章WebGL三维世界
, d4 C, e$ v: G| ├──[6.1]--6-13D基础 .mp4 136.57M
. i ~9 \2 \- W c| ├──[6.2]--6-2正射投影 .mp4 88.72M
2 S1 u. m m* k| ├──[6.3]--6-3透视投影 .mp4 166.86M
/ }" A p2 ?+ F/ P| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
5 W! f% `( x E% ?) P1 j/ f3 q+ y| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
q0 Y1 a! c7 X% Y- w/ I├──{7}--第7章webgl光照
/ [ d: i' v- D: r! j( m| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M* k( K+ l* e- I! ^( `; m; x
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
. c2 W& q: B7 a1 K7 T$ v$ R1 C# ]├──{8}--第8章WebGL进阶操作 ' n" |! K( c; _ E$ o! a2 Z7 O
| ├──[8.1]--8-1雾化 .mp4 103.20M
; {# |' s0 F! E; q+ b {8 n| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
8 R/ G8 j7 o4 h| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
" k5 m8 C1 j6 c' }) \) }0 C├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
7 ]' F3 `% b- i: W# Q, X5 [| ├──[9.1]--9-1什么是threejs .mp4 19.62M( x- E/ ~/ J/ T% C
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
4 E+ b& B5 u4 i; {3 y| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M$ C- h; J. g/ D U7 a2 ?
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
( N% T6 z& Y+ v9 [0 n, z└──课件 .zip 22.02M1 ]0 z% l6 f/ T7 O2 M/ A' X$ w
* a( N: `3 p2 r: ]- B
|
F7 l+ w, `4 D% J. i |