WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】: w' b5 w/ a- J, q
├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
7 o" O3 B: X3 t1 |! n5 c- k1 p, V! o| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
9 a0 r7 p3 f5 q, c/ n( }% r| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M$ x7 b1 D) q# [ `
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M; G8 K6 g8 k- {- E9 q' r' a
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
; H" Z$ X7 {: t; ~ w├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 2 J+ s; T- A) }, Q
| ├──[11.1]--11-1光源类型 .mp4 14.42M
4 K) M! L1 D* u2 i6 E5 G| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M9 p6 u, Q1 U5 e8 K4 Y% Y* _! h; A' F) |
| ├──[11.3]--11-3环境光 .mp4 31.93M+ \& w$ i" r6 S1 g
| ├──[11.4]--11-4点光源 .mp4 23.73M# V5 }" `$ d3 l9 \7 F. x
| ├──[11.5]--11-5平行光 .mp4 37.07M9 M6 s. i# w& Q8 b
| └──[11.6]--11-6半球光 .mp4 35.13M
$ {9 g2 F4 u' a% o7 H8 @├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
( G, K2 t$ A' k% _$ R| ├──[12.10]--12-10联合材质 .mp4 21.84M
8 R, f: s2 M, U" [3 M ^. ?| ├──[12.1]--12-1材质简介 .mp4 29.71M! `8 q I1 ]! D7 M- q1 [( C4 X
| ├──[12.2]--12-2基础材质 .mp4 37.18M
6 c- R5 D/ t2 U9 l/ g& e| ├──[12.3]--12-3深度材质 .mp4 32.18M
, g' r2 A( W. d) s2 u| ├──[12.4]--12-4法向材质 .mp4 26.16M! S) ]# z) A* ?& h
| ├──[12.5]--12-5面材质 .mp4 16.12M0 \8 Z$ E0 H/ l4 ]/ U% Z8 E
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M, r5 M' y, y! m) }: y
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
: C* U i& b4 {6 Z| └──[12.8]--12-8着色器材质 .mp4 42.33M3 l \# A E/ o
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
2 p' k3 T4 h: U; p0 s3 b2 r| ├──[13.10]--13-10多面体 .mp4 59.18M# }& q& G; ]$ m
| ├──[13.11]--13-11文字 .mp4 56.47M
& i$ {0 J8 }7 B. E9 H% P' O| ├──[13.1]--13-1几何体简介 .mp4 7.74M
( Y: @! x4 g+ p4 T| ├──[13.2]--13-2二维平面 .mp4 128.03M
- n- ^4 y9 b7 V9 J5 q$ D8 b1 B- g| ├──[13.3]--13-3二维圆 .mp4 56.66M* `2 f- [/ l3 r! s
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
3 |: Q1 l# I( }/ n1 i9 G7 S% j| ├──[13.5]--13-5立方体 .mp4 38.30M
/ C+ Z/ u8 N. B$ N! ~. x, F| ├──[13.6]--13-6球体 .mp4 34.72M
2 m8 ]4 v( S9 z: Q| ├──[13.7]--13-7圆柱体 .mp4 29.46M8 }7 }; b5 A/ Q$ V' E
| ├──[13.8]--13-8圆环 .mp4 47.07M7 ~' u* `- _ e$ j& u+ h* d7 g5 v
| └──[13.9]--13-9纽结 .mp4 45.00M9 h4 l8 ?) R$ C/ Y n
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
1 D) u7 Q* E$ B* k3 H' o| ├──[14.1]--14-1基础动画 .mp4 5.64M
- h. u. [; M3 x' _4 ?| ├──[14.3]--14-3点击选取对象 .mp4 68.04M# |. t, F6 x' C; O b. ?% y
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M4 J2 z# ?! O9 y" D; ]! R7 S
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M8 b" F8 R3 d' \$ n1 e
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
! F F5 S" s/ b9 B ~: t1 X├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
/ W1 N' y; l D2 X1 b: `| ├──[15.1]--15-1基础纹理 .mp4 45.86M
9 F8 [1 @# c3 {( T% n| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
7 C1 W$ h) }: V& L+ W| ├──[15.3]--15-3法向贴图 .mp4 51.24M
) X; n0 j# n$ E8 }7 p| ├──[15.4]--15-4环境贴图 .mp4 90.46M
: m* i: a- L! d, x6 o0 F. D1 `# k! W| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
* S) G; v7 R/ v6 I( @) S% [| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
( h0 j% ~; d J& d' r2 r- g3 B$ [- v% [├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 * h( a4 H# |9 @% W; ^% ^
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M3 t2 H8 ^ M8 x. u5 c1 ]
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
" ^, z5 r1 c$ o1 S6 G( [# Y# o| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M9 {( R- U/ D" h: f' _5 n) `
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
+ _( j: I7 }9 x+ L9 A; u+ T" s| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
0 z- [0 R4 |- a h4 \# _! V% Y1 T| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
f( g7 L& {4 r8 E| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M( b7 ?( K0 H% V7 X0 j( m
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
' k" Y8 j# A: u| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M. [) u; _. r3 A; D9 W% g8 e( S
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M* b; R1 h9 k. m+ h; Y3 D
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M7 b J! T' U5 w8 W% S
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
2 W$ P; R. h# `1 i* x| ├──[17.18]--17-18场景文字添加 .mp4 64.20M$ A$ q! f1 @% e
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
, {' e- h8 ^# N$ \| ├──[17.1]--17-1blender基础使用 .mp4 26.13M9 B1 p7 F; I4 ]: o8 k9 F9 v
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M- j) H2 f+ A- W, H" x3 m! ]% O
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
7 L4 g/ R H z% {5 p9 k2 d' ^| ├──[17.23]--17-23烟雾预警 .mp4 173.47M8 B: K! S% n5 c, A2 a' G
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
6 Y. W, q1 x/ L$ A. w8 P# _) _| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M+ Z5 v; R; h4 w" @! U
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M8 { @# G- _* a" W+ ]) a7 Z! j- T& U7 X
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
; N$ ?1 A8 `" U4 K& J/ S| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
r) b" k9 Z& ~/ [' Y4 A| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M* w1 X" [0 |& @ `0 {3 B
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M0 K) X0 P& h; i8 j9 a+ b% t7 G
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M+ w, P* c4 \( r
├──{18}--第18章番外篇:webgl里的数学
; C8 \# m. Z) d+ Y| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
$ ^) a6 T9 F( n: o T| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
8 Z2 q% S5 i; s| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
3 S1 c6 e" u1 u4 O7 g| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
; x8 A, H. N3 m| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M4 P; f4 Q$ \ [% {1 E
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M# P: {5 s+ y* K7 y
| ├──[18.6]--18-6番外6点积 .mp4 41.72M1 J& A @& `! ?: I
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M/ U+ o3 R5 S3 G) z9 {/ m
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
! O2 X& k9 c8 t3 h) ]* F| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
4 v, g& P# Q6 a' t├──{1}--第1章课程开篇 . J7 q1 P% H; g7 U
| ├──[1.1]--1-1课程导学 .mp4 44.95M
! S, V7 |7 h" O4 h( q! q8 c| └──[1.2]--1-2课程简介 .mp4 22.39M
$ d& H! @$ T# j1 h2 O) }* \6 j) c├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL 5 ?1 F/ e9 P, |1 k( E& r& m: u
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M+ f3 D+ z" J+ S2 l0 Q1 S$ p0 k& _! l
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
1 H2 W, \$ x, j0 _| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
/ j6 H: `0 Y v7 l# r! M| ├──[2.4]--2-4绘制一个点 .mp4 226.54M* G3 Q- s) P& U1 {
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
6 r% Y3 B, ^0 D| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M0 N* P& u" m# E0 y8 _$ H, D7 u
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
/ L0 L7 Q. y+ u* Z" c: m- w0 [| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
2 c! ?5 C5 s2 H! f& S2 ^├──{3}--第3章WebGL多图形绘制和动画 & v3 K- h: b9 q( n t+ C3 [! p
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
6 C8 j7 x9 e7 l9 H# T| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M6 f$ e Z, y/ S8 F
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M& W0 K: ^* ?" n$ ~0 C1 T) Y
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M: K) W8 W" }, v# y1 O0 N
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
' g% |5 r2 R, t& @" g4 {+ ~* |3 H| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M: B" {+ |/ k8 ^
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
8 I& B+ O I$ J3 P2 d6 I; s$ s| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M4 N0 d* j: e+ i0 ]
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
. U1 C1 p+ {2 } {: K' B| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
, l6 ~' ^% A0 |( S+ m) K# F; H- `! B+ n├──{4}--第4章WebGL颜色和纹理
' x! |& v$ q7 b| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M7 ]* P7 D. n: E5 w$ n3 z$ X, a
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
4 R4 l0 |% q8 V7 @- B7 R' @| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M* { t! Q: E0 Y$ j3 G
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
& i! [7 r1 k7 h5 b& H4 Z├──{5}--第5章WebGL原理学习:OpenGLES语言 7 v% [1 W' R7 h$ T/ Y; W! `& o( k
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M% h/ z; c/ X5 b& \2 ?$ |. K1 k
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
. U! E$ @4 w. m* d2 [2 s5 H| ├──[5.3]--5-3纹理取样器 .mp4 18.37M' ^- p a3 c2 C5 ~/ b0 ^
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
E5 }$ P9 X/ ]. A( r4 g| ├──[5.5]--5-5函数 .mp4 18.55M
2 O# K U) j6 ?/ t& I' C e* i| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
" X: }6 j( D+ f4 y$ b; m| └──[5.7]--5-7存储限定词 .mp4 20.30M
* Q9 C6 k# k3 p/ x' h├──{6}--第6章WebGL三维世界
* w$ M" S( K' Q* s3 d6 b7 s| ├──[6.1]--6-13D基础 .mp4 136.57M0 q6 A0 n& K8 C, u3 t
| ├──[6.2]--6-2正射投影 .mp4 88.72M
( ]$ j Q: Z9 ]| ├──[6.3]--6-3透视投影 .mp4 166.86M
$ x+ h* p1 s) t% P| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
/ x8 W$ Y4 N7 B+ }| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
9 m+ g- [. v* P# w" p& G* G├──{7}--第7章webgl光照
7 N! @; Q, t- h2 q S: H" P| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
: [) ?; E) A0 M( x8 I! k| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
, y( l7 V0 [6 i" V5 ~, h7 i├──{8}--第8章WebGL进阶操作 0 I4 n, [7 P9 D9 R/ j* `
| ├──[8.1]--8-1雾化 .mp4 103.20M1 y. a) K8 {: p& b. N
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M0 z2 Y% E& C3 f6 {& g
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M6 A9 W% _" u2 q0 v
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
' s; c" z ~- O9 u| ├──[9.1]--9-1什么是threejs .mp4 19.62M( A8 P0 S/ A& r7 ?( ~. }% S% w' H) i
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M( k1 j9 y+ m0 P$ s
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M2 H8 K" `+ {0 c4 R- g
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M/ j( P( ?8 B+ J6 h
└──课件 .zip 22.02M/ q! ~( w$ N; w) L: b
/ ^% E/ U- h& V( _! J( ?
| 7 Y( i% d( x, G. h
|