WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
/ x- s8 U: u; V* w8 d/ F" [' L├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
7 v; f2 S* C, x) ?! c. y* C: }| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
1 N5 T9 n8 K0 m7 [! o) K" `* N| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M* I$ [+ i0 N) M' s# j
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M% O, g6 e, Z/ \% ~% G7 |
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M/ ?" _. D; o! g3 `5 T
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 : d4 K4 R1 r! }9 e8 M
| ├──[11.1]--11-1光源类型 .mp4 14.42M
; ]( X- T7 ]4 F2 J| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M# E; u7 W' ^6 g' y9 R
| ├──[11.3]--11-3环境光 .mp4 31.93M
+ O8 ~# W1 w9 j' B* `6 M| ├──[11.4]--11-4点光源 .mp4 23.73M
' [" r- E- q+ \# F: Y| ├──[11.5]--11-5平行光 .mp4 37.07M# t" y m8 ]) U: d
| └──[11.6]--11-6半球光 .mp4 35.13M
6 P2 [7 L. M/ d/ t├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 % M( o' g8 \, h- d. N! p* k
| ├──[12.10]--12-10联合材质 .mp4 21.84M
' U# x; ]$ k* c, b, b( c0 y* r| ├──[12.1]--12-1材质简介 .mp4 29.71M
5 k: z' Z! h/ j/ n: Z| ├──[12.2]--12-2基础材质 .mp4 37.18M
( Q* F& o O2 C! D8 Y y| ├──[12.3]--12-3深度材质 .mp4 32.18M
& o/ Y$ i6 q6 J& a) p# m( u* c0 u| ├──[12.4]--12-4法向材质 .mp4 26.16M, e# P4 x/ ^* H0 A% n+ d: ]' F
| ├──[12.5]--12-5面材质 .mp4 16.12M) f& r! ^+ }/ Z' n8 `' Y
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
1 P( C; U- L7 Z$ |: D, n1 ?| ├──[12.7]--12-7Phong材质 .mp4 27.09M
* U3 s( d6 [1 f( a7 R# B| └──[12.8]--12-8着色器材质 .mp4 42.33M
" }/ o/ |, ~- _# k+ d6 N; K├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 3 `% d$ d, r7 E! Z
| ├──[13.10]--13-10多面体 .mp4 59.18M
6 M* t3 B, L' H$ w- e| ├──[13.11]--13-11文字 .mp4 56.47M9 v8 o U/ u/ Z# u
| ├──[13.1]--13-1几何体简介 .mp4 7.74M& r5 p1 w$ L$ a
| ├──[13.2]--13-2二维平面 .mp4 128.03M
! I$ A0 J1 e8 Z| ├──[13.3]--13-3二维圆 .mp4 56.66M. W6 T" O2 W5 b2 }4 k) F
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
# S b& R5 ]2 E1 s| ├──[13.5]--13-5立方体 .mp4 38.30M
) ]! ?) h/ t& F& M( Z+ Z( q| ├──[13.6]--13-6球体 .mp4 34.72M
. @) l8 N/ f* t* j- H) @9 Q# a6 {| ├──[13.7]--13-7圆柱体 .mp4 29.46M |0 x: \6 D* M* S
| ├──[13.8]--13-8圆环 .mp4 47.07M; k( _5 ]+ p/ U+ f$ h* {
| └──[13.9]--13-9纽结 .mp4 45.00M0 c0 m2 w0 `: s; J6 M# E; |3 G
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 4 }. K7 X* @, B) q
| ├──[14.1]--14-1基础动画 .mp4 5.64M2 M9 s, q |8 Y: _( }& C+ X0 _! A
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M$ p6 c5 u f$ T/ K N% _3 E0 D
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M
" ^, q) {6 B' h1 i# z7 a| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
) O% q7 ` s# {8 v; M: [ D7 D$ y5 M" e| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
* ^( q1 \( y5 p1 H& ?* _; ?├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
& h0 |+ U8 \% U) U| ├──[15.1]--15-1基础纹理 .mp4 45.86M3 K. F3 V+ n: D: D D W2 o
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
' o# c3 v" [# H { }- T, `$ D/ D| ├──[15.3]--15-3法向贴图 .mp4 51.24M
1 y, d! z: [- _, b- {| ├──[15.4]--15-4环境贴图 .mp4 90.46M
$ K3 q7 u& n/ X: K1 M| ├──[15.5]--15-5canvas贴图 .mp4 35.15M( g$ }! H. Q `, `' b+ G0 s
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
# R/ t) ], j0 j├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 * X! M) O& U2 Y; @+ R- E {
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M1 t4 s4 b. W5 r5 k) o& _
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
9 o4 h2 U) n6 e# b3 j/ K| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
; C% y) g' z& B: ]├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
" t3 Q& Q( Z- ?8 H+ L/ E| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
+ v* m7 z! i8 R; g+ O# [| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M& j2 Q" F* k$ q* J
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
9 b1 E# ^9 S9 Q, L| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M# s- ?6 [1 g5 J- m4 j" U
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
i+ H( n. D! r| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M4 m" B/ Z2 g1 ^* E/ T& X9 W
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M% e& P* T6 X9 p' r
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M; F& O7 H* p, A; c9 V; P& a* V% u
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M! A Z7 C& S% _
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M# S# o& g! w5 Q' g* V
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
$ ^* w* Z4 |0 E| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M1 e, V {: c, E Q. n% v
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M$ P3 I- {) g+ O3 q G- p4 Q
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M2 x- i2 b& H0 E9 d. z- _' _- h2 F
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
+ I5 m+ E) m0 e3 j| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
1 F! v* @1 Q1 B| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
; @( `7 l. k( G6 Q2 H; r| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
) V. {8 H. T5 N| ├──[17.6]--17-6添加交互效果 .mp4 79.35M$ y F% A9 u/ q1 |/ B* ^! k
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M1 d9 V3 l# F' v1 I: q" O. F
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M5 z9 H* w* v8 L4 Q c- H" {' a2 z
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
4 |( }. f, o# H& \, d7 D├──{18}--第18章番外篇:webgl里的数学
7 B' y+ i8 P$ T5 ^# O7 L, R| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M5 @# b, T5 `. j9 j* d c' h
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
2 D" l& e$ ], W, i. T| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
) p/ E3 r5 ?0 g! ?9 k K. I! S# _& q| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M6 X# x0 x, `$ z: f: @3 j1 x) g# D
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
5 i8 w4 ?( k" @' u) O2 s* M| ├──[18.5]--18-5番外5归一化 .mp4 8.74M" K* b% K) m1 h, M0 j' \
| ├──[18.6]--18-6番外6点积 .mp4 41.72M
- j6 u' }) b& V| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
3 Y% `# q* u1 t' v0 A$ `| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M0 @6 U/ [% Q J) }# r6 W" D: ?
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M5 J# ?* b2 C6 N8 o$ x3 P+ E
├──{1}--第1章课程开篇 " {1 O& o7 `5 z* g4 l
| ├──[1.1]--1-1课程导学 .mp4 44.95M
$ N; {) M. `4 r; b) S| └──[1.2]--1-2课程简介 .mp4 22.39M
- N/ r$ q8 f( S" t* [├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL 1 Q8 X0 K8 ~4 Y8 s5 A
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M+ a8 N$ p- u9 i; k. {
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
. n, Q; J( r3 R( Q8 m| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
2 m2 p6 p* K T; a| ├──[2.4]--2-4绘制一个点 .mp4 226.54M1 i, G; o6 n/ f9 d2 _, J0 j Y
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M. I: a9 o0 p" L7 z8 r8 Q' I
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M. ]$ a1 `% o, @; a/ l: X# O
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M' ^5 X2 X' ^6 S
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
% [+ k/ s" _) l: b& [/ G4 k├──{3}--第3章WebGL多图形绘制和动画
, n3 ]4 p, I) F$ a5 [| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
' m" `$ q% G5 q R| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
/ T. f' x9 R% P/ D* j| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M' q6 n$ Q0 @/ {
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M( h- E8 b0 G( w
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M* g7 Q8 l4 L6 z8 b
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M& j6 J, Y% |, ^$ W# u/ Y$ c
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M, o$ R* J5 E- ~7 u z! y
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M+ ?7 @7 D, [: o# X& _
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
( y! `* H* q9 z" j| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
; C6 i0 _8 Z( Q. f├──{4}--第4章WebGL颜色和纹理
& M2 X6 H$ _! {6 P4 z; E7 O- S! O| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M3 R5 ^1 {* r! w1 ]- \: S! g$ u; M
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M" h ^$ W- K/ |2 V! N: D
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M( h: K( E5 O0 W' {
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
7 F8 ^- _% ^8 X0 a- ~. j6 w% } p9 F├──{5}--第5章WebGL原理学习:OpenGLES语言
7 B* j- x+ J1 g1 t3 @4 {2 ]| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
% X0 p( }/ h$ c" t8 @4 R* D% n| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M& f1 N* s6 J7 c( X, \8 _. i
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M8 o' C5 D/ @# R/ k2 Y$ J3 a8 Z7 L
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
8 R- ~) Z& g- s| ├──[5.5]--5-5函数 .mp4 18.55M
; M0 {! P5 i* F: _$ n9 o" H( Z6 H| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
& P& i' [6 V0 T; a+ s6 B9 ~3 Q| └──[5.7]--5-7存储限定词 .mp4 20.30M
' E% L6 {' e+ g5 G% L9 f3 T├──{6}--第6章WebGL三维世界
$ K" g- _9 ~/ k( N- Q) x- q| ├──[6.1]--6-13D基础 .mp4 136.57M
8 G/ ]+ U0 G1 b# W: y| ├──[6.2]--6-2正射投影 .mp4 88.72M, ~4 G6 T' E+ R) K% p- `
| ├──[6.3]--6-3透视投影 .mp4 166.86M0 M4 Q" [. D8 }, i" ]# G
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
- }. O: [9 u" L| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
% w3 ^7 Z3 l( c├──{7}--第7章webgl光照 ( R" K* g/ c8 h7 l8 C
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M3 t$ @- D6 t3 S! w* \8 j# _& I/ G
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M/ z( c r2 ^! q! O- ]2 l' J7 l
├──{8}--第8章WebGL进阶操作
6 A7 [8 q4 l& N3 o7 F6 t| ├──[8.1]--8-1雾化 .mp4 103.20M& k( U1 t( T( ^5 q0 v! }, [ P3 D
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M; W! ]+ B( a6 r" C' s- @) d
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M6 b1 ^5 E8 \, O) S) `8 k
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 ! |: Z2 o5 f* z9 g1 g! d( E7 y
| ├──[9.1]--9-1什么是threejs .mp4 19.62M/ s& ?& d; l9 a1 t' z: y7 x
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
$ A$ A! F' N. Q% i1 e# _| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M/ h0 q7 X4 R( Q" n! n7 K0 c
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
7 \" m c* n+ s+ ]' N. Y# {└──课件 .zip 22.02M( e0 J! B& Y' d( H2 v( z3 Q! P( s
5 [/ A; h& H: R p5 @# V
|
/ y5 n# [: x3 a8 }2 ?/ \+ A |