WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】( _3 x F% N5 u0 \% p% X! l
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 ) z6 I4 w& \& Z. r2 j" ~
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
$ T% Y- _6 n& t& e| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M4 T- @# g8 v! o% @& G
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
; ~0 k& ~, J) z# O T| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
; I2 h2 }; \$ f1 k├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
3 J$ ]5 y/ s! T" l. |9 q* X| ├──[11.1]--11-1光源类型 .mp4 14.42M
- O! b3 @2 b" P$ [. o7 }| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M# {7 @0 }7 Q0 X6 ^$ C) e6 b
| ├──[11.3]--11-3环境光 .mp4 31.93M
4 L. X$ _" C8 s; a| ├──[11.4]--11-4点光源 .mp4 23.73M3 W1 t6 f" H* O6 K
| ├──[11.5]--11-5平行光 .mp4 37.07M4 M4 _% n8 X! C4 I, q5 \
| └──[11.6]--11-6半球光 .mp4 35.13M
$ c) ~& O# S' x% n├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
# c! |4 _; A0 o$ t- P7 K| ├──[12.10]--12-10联合材质 .mp4 21.84M' b! }, _& V' \) f) Z' e; x
| ├──[12.1]--12-1材质简介 .mp4 29.71M
6 Y0 m; m# F! t% T& v| ├──[12.2]--12-2基础材质 .mp4 37.18M
9 o' i9 r# R$ p7 u| ├──[12.3]--12-3深度材质 .mp4 32.18M5 w5 `/ l( V9 t) M! v
| ├──[12.4]--12-4法向材质 .mp4 26.16M
+ |: ~. l1 ?; V| ├──[12.5]--12-5面材质 .mp4 16.12M
4 n% J# Y3 D/ U( N4 ^: x| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
- L5 b5 a9 q A$ r3 L) T; G| ├──[12.7]--12-7Phong材质 .mp4 27.09M
5 B- r( }, W, Z4 v# Y9 K| └──[12.8]--12-8着色器材质 .mp4 42.33M7 Z) K ~/ \8 l" S
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 / w% d$ H) {! u8 M
| ├──[13.10]--13-10多面体 .mp4 59.18M
s Q. P, l. [* j) }" ~/ Z7 E| ├──[13.11]--13-11文字 .mp4 56.47M
2 ]/ D' g! U' k! ]| ├──[13.1]--13-1几何体简介 .mp4 7.74M
: k. J; o0 _( U' j* S) ], |: z| ├──[13.2]--13-2二维平面 .mp4 128.03M
9 h& t3 }- C0 ?# c" e0 ]3 X| ├──[13.3]--13-3二维圆 .mp4 56.66M' P2 Z' y/ r4 H! N" }
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M+ c7 l8 K/ W4 q0 [" @7 s
| ├──[13.5]--13-5立方体 .mp4 38.30M. V$ C) X/ \8 J( S
| ├──[13.6]--13-6球体 .mp4 34.72M
5 z. @# e0 T, z$ q6 U3 @. M3 P) y |( W| ├──[13.7]--13-7圆柱体 .mp4 29.46M
6 x8 j, j/ B# l" M0 N' @* L; \| ├──[13.8]--13-8圆环 .mp4 47.07M
8 N" n; G; c) u+ H% ?| └──[13.9]--13-9纽结 .mp4 45.00M# R/ S/ s! X2 H- p6 y4 y) k% z( u
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 6 B. C# a- e( Z D
| ├──[14.1]--14-1基础动画 .mp4 5.64M0 ?6 e$ X+ |% E5 b5 D4 |
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M _! T+ m: @5 ~0 q3 E4 p/ p
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M2 Q( R6 r+ {4 D, z+ S1 T- P) G( k8 c
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
* m5 G2 U8 F7 W, D| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M5 i( ?; w) D( m, G' u3 Y
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 6 y: z& L. ~ a1 v. _- P9 Q
| ├──[15.1]--15-1基础纹理 .mp4 45.86M
1 N5 K" G$ v6 L. o( {| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M& s! R" y' s/ Q9 c, y X& g
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
, T( P- |' j' ]- u) V& E| ├──[15.4]--15-4环境贴图 .mp4 90.46M1 H9 A2 z/ p2 s7 x+ C. u
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
$ K$ \: B, g4 s| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
0 |) h. O1 B `, P- F3 X├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
- x% l! ` C7 w8 |( C7 X2 e- I| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M" X& c7 a4 M! i5 T! ~ v
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M7 Z% h& t" I2 q; R) U2 ]7 S
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M+ @3 W! z: q4 W3 D
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
9 |) i! O4 i3 x' ]9 M| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M* w, ^% Q9 ?" ?7 g! |5 `
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M/ q2 J! F. X# ?" O$ d
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
) C. z% b5 O4 l; l4 I+ Z# O| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
7 p3 M* X3 y* R! O$ t3 g| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M" p9 x! y' \ k
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M y0 Z/ s8 K$ F" x3 d
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
1 C% b Q6 ^' A5 _& @| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M1 M! U, _% C$ u) k0 o/ p/ ~
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
. X' u6 r% Z c& b8 R5 l' P) H| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
& C( {1 a( i2 v7 ~| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
/ Z+ f5 z3 w$ `" J( g+ C| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M3 l5 @( p3 b# ]3 Q' Y3 \/ S g
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
. O8 A4 Q& g: L$ n| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
3 e" I6 S. O! [" e' c| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
! g o5 c) }# j- y| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
/ o% l$ F) F0 C4 Y+ |( n| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
7 H% W0 d+ ?$ h+ A1 W( z! B: a% h3 ~| ├──[17.5]--17-5背景天空盒 .mp4 45.74M {; n6 [* a2 l( l
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
' ]5 e: I% ]: E* \& ?| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M x$ B7 V" P7 M/ l$ ^& N
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
, e7 T- q0 G( A m- i) f| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
0 T' ]9 ]9 _# H: J├──{18}--第18章番外篇:webgl里的数学
v& c; m" G! e7 f$ S( @| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
9 g( E; x8 a# F* n4 b E| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M8 G$ F: W, R! X, q6 F: A5 P& R7 S
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
. v& s4 i- M' _1 F u| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M' G' G% b' I1 [
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M8 A5 o9 ]+ _7 t& J1 ?7 K+ }6 T
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
3 ~: P: D$ M6 \: J. Z: D| ├──[18.6]--18-6番外6点积 .mp4 41.72M" K8 O1 s7 D! o- L- ?$ T S9 m- `
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M4 Q0 X% J1 o5 Z: g" o
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
7 w, V2 a' i* y# y6 ]1 N0 e| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M" D1 K3 [. T+ {3 i T: _/ E
├──{1}--第1章课程开篇
& P) ?- J7 X6 X' N8 I ?5 V| ├──[1.1]--1-1课程导学 .mp4 44.95M
: Y: p r2 V$ \- T0 P! [! d| └──[1.2]--1-2课程简介 .mp4 22.39M
' h% U( F+ z" T├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
& t( C3 l0 k. m6 v4 x9 D' t4 v% l7 O| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M) F$ t& Z( f) @ l9 w/ K* M/ S5 n) j
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
9 z5 R* Q. y' X- V; y$ m| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
' N" K1 x' i) e' {| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
2 Z9 a8 A- N; ~9 U. N| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M/ y) {# Z2 d" g1 f
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
: G- D) m* D) n% m' K. \| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M2 e7 L+ E+ j( Q c# ?
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
% k4 X; N: Y* ]6 T* m" J. I├──{3}--第3章WebGL多图形绘制和动画 8 C/ M7 a" t; [+ J
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
/ B+ g5 O* u r0 ` I" S| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
: i% Z7 t1 D O& _| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M3 Y4 u. F3 P$ o
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
7 @: Z: G3 y5 ~ K: d3 o( J| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M' O# t* m, y" t7 Q- X7 q
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
; ^2 U3 r2 N7 C8 j0 P2 w| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M% t( k: Y/ v# l' I e$ H
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
3 `4 ]/ i9 I8 [) K, z! m7 Z| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
u# H5 X% n2 k+ ?; D7 v) n: [| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M5 l t6 m+ Z4 b1 J2 q* }
├──{4}--第4章WebGL颜色和纹理 % c4 w% r3 q1 [/ J. H
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
2 g$ A+ x& A3 X| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
! w1 W% b' X8 u- _( w4 F| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
: @8 U2 @5 B5 Y$ q7 u' C# d$ T& w" A| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
+ B8 l) ~* T9 u# c$ e├──{5}--第5章WebGL原理学习:OpenGLES语言 / k! R) c$ d) H* u( e6 L9 @
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
# l$ I4 ]4 L, u! u| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
' q. N/ T4 |% Y5 }| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
9 q% v- J3 ]5 R; P u& X| ├──[5.4]--5-4分支和循环 .mp4 9.27M: k2 U! D3 ]/ D4 V1 m4 h
| ├──[5.5]--5-5函数 .mp4 18.55M6 U/ D U0 F! Q0 ~4 q, g7 C2 y
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
3 M6 G0 H: A5 a% ~6 Q/ i7 m" G, q5 O| └──[5.7]--5-7存储限定词 .mp4 20.30M
+ ^& N8 B# s! ]1 m A: N8 \; P├──{6}--第6章WebGL三维世界
& B2 d! z6 n; K| ├──[6.1]--6-13D基础 .mp4 136.57M a' P; c v' v
| ├──[6.2]--6-2正射投影 .mp4 88.72M
7 M3 K1 l9 t* ?0 ?+ Q| ├──[6.3]--6-3透视投影 .mp4 166.86M! c& q' G) n5 l3 f6 i: E4 w- K# R
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
" @7 I5 h( V. y0 {$ I6 p7 K1 ]| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M4 C# F; q4 m8 w8 u
├──{7}--第7章webgl光照 . a' g6 W$ q4 \3 G4 P
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M5 Y) r1 C& K' R3 S8 l* ]2 T4 k5 E
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
* |# n4 E# k! ~8 f* {├──{8}--第8章WebGL进阶操作 , i* }, }% a+ W9 p. w7 ^$ V3 I( v* Q
| ├──[8.1]--8-1雾化 .mp4 103.20M
+ I9 d; t. b# m7 L8 b| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M0 A" x* k- Y3 N$ V8 [+ e# O
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
6 i, [; W: o7 @/ P: H8 D& H: ~├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 + C, |# r" I9 q5 ~
| ├──[9.1]--9-1什么是threejs .mp4 19.62M
! ^0 ?. m, x2 Z8 L" z/ \$ Y: y| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M; H$ C, ^6 q f) o
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M: H; ^& ?3 p" T2 ]- F" _+ ^
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M1 ~4 i* s% D9 _7 p8 h( Z8 G5 O
└──课件 .zip 22.02M" o2 }/ j+ B& l! L6 Z. l1 h: I
2 e" r* R9 o2 A/ P( f& ~0 g8 e
| : v8 S5 G5 \: U. ~& z W! t
|