WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
& ?# L) l( Y: O+ S; K├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
% N: M1 g ]+ n# p| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
/ z o- f/ n& S0 L( H| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M& C' f) S4 C8 W0 o
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
/ w9 W) r5 n# c0 F3 x" Z4 o V. C| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
0 |, `- z2 ~' c, e! _5 D├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 6 a! ]' C ?, N( L! I
| ├──[11.1]--11-1光源类型 .mp4 14.42M
' y% E; m- [/ i( E6 l7 || ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
8 V6 E2 ?6 Q9 ] o! b1 i. T| ├──[11.3]--11-3环境光 .mp4 31.93M! y! L/ ?: @) `+ s4 a& G. J! x
| ├──[11.4]--11-4点光源 .mp4 23.73M
' g$ f* a* T. h, C0 v$ N| ├──[11.5]--11-5平行光 .mp4 37.07M
2 P; S8 U2 v7 R# u+ r3 z| └──[11.6]--11-6半球光 .mp4 35.13M
$ J9 N2 h# k+ p0 V) r: x# U# `. y├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
* G% o& a# z. [2 N| ├──[12.10]--12-10联合材质 .mp4 21.84M
9 F+ A% c. N2 h0 y| ├──[12.1]--12-1材质简介 .mp4 29.71M: m/ a2 e# g2 L8 E+ j
| ├──[12.2]--12-2基础材质 .mp4 37.18M
: F9 [; s, Y4 u A1 l7 x| ├──[12.3]--12-3深度材质 .mp4 32.18M; W; P# L3 a6 K( \
| ├──[12.4]--12-4法向材质 .mp4 26.16M0 t" `$ n4 q. R- c1 n$ t) _
| ├──[12.5]--12-5面材质 .mp4 16.12M6 y Q! w% w5 t; h9 N% E0 T
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
* D6 h0 H, c% X- S0 G% _; X| ├──[12.7]--12-7Phong材质 .mp4 27.09M0 o+ j* C Z; I
| └──[12.8]--12-8着色器材质 .mp4 42.33M
$ o. M7 u# `9 i6 W @├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 - t$ t: o; {& u: A' ], B
| ├──[13.10]--13-10多面体 .mp4 59.18M
- }2 w; h% Z6 v3 |* f9 G| ├──[13.11]--13-11文字 .mp4 56.47M
( I, t% r- g0 k. K. T7 v| ├──[13.1]--13-1几何体简介 .mp4 7.74M
! p f0 n( z3 K! T5 G| ├──[13.2]--13-2二维平面 .mp4 128.03M' \3 a* X' V. g/ j: H
| ├──[13.3]--13-3二维圆 .mp4 56.66M
% u' b# a# {! P7 T7 ?| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M9 c0 M4 }% O1 T0 G, S, H. O' l
| ├──[13.5]--13-5立方体 .mp4 38.30M
! {% b8 F! S( d| ├──[13.6]--13-6球体 .mp4 34.72M
3 g+ o* f, v- A: y| ├──[13.7]--13-7圆柱体 .mp4 29.46M
) R7 _2 M, x" D2 S$ W6 r, b% r| ├──[13.8]--13-8圆环 .mp4 47.07M4 s6 U9 a) c0 |% o0 q
| └──[13.9]--13-9纽结 .mp4 45.00M( e$ i* L( V- R+ d |! z
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 ) t. Y) e. y4 u! D
| ├──[14.1]--14-1基础动画 .mp4 5.64M' A& R( x- j4 i5 I: g
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M9 [, P$ a/ z2 p9 ~. C
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M: P8 L2 O; U- O4 q! M
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
$ I# A7 |/ U+ t0 X; E| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
' O. E2 v( \1 p2 e+ @2 m+ Z* g6 B├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
! v( n6 ]% C/ i D* n# w& l| ├──[15.1]--15-1基础纹理 .mp4 45.86M
& I3 P+ o3 n1 N \$ [. }0 ^| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
% ?8 n6 T; H. A" T/ A) m| ├──[15.3]--15-3法向贴图 .mp4 51.24M' B0 _" W( ` \9 u% o4 `
| ├──[15.4]--15-4环境贴图 .mp4 90.46M
/ q; x2 L O8 g& o. A- Q: s| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
# R3 Z! }) Y4 ~: \3 E+ a; O, P| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M% u9 _4 A3 I% \( {
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 ; p3 X9 I3 W3 N4 U; F' a/ {1 S
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
" P2 ]) R o) C% \| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
1 D, ~( u* P6 p- Z2 w, I| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M2 A' M1 U. M' m$ w
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 + y: j2 z6 c6 q' t4 W
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M) S, O f( F; N4 X2 `* k& Y; ?$ F
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M' `# [$ W$ z1 y. H" G ^$ U
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M2 ]* r& G0 _: c) Q0 |
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M
2 d9 o5 |& ]6 w2 O) |7 e| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M8 X4 Y- J) p' _; ^" S% l! b V
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M; {# M2 c' x/ h
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
3 k1 G8 ~, t: S" Q8 j- N9 P| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
3 z4 D9 b" g1 Y# L0 O| ├──[17.18]--17-18场景文字添加 .mp4 64.20M% \1 O4 f3 b; O
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M. s) @/ O: g- t. ^% @
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M' x' a3 s& N, |6 a9 q/ N5 ~: M
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
2 D1 Z7 p1 x6 ~6 W T4 a: I| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M% a/ }2 |7 I( z( z
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
. i; o& N4 K e| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
& Y) }# d, w$ i; Y: ?" N| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M3 x& Z, u: r5 L
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M* R9 [4 H8 b3 \7 l3 e5 d& I$ |
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
6 z- z. U) G$ S' P- @4 a3 L| ├──[17.6]--17-6添加交互效果 .mp4 79.35M2 k B# Z( G" @% i4 H& r
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
. l: y2 I: H2 l) L/ u% w- h| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M7 ~2 V& l. ^# L( f+ C2 e7 c$ Z
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M. l; v- N7 y# h
├──{18}--第18章番外篇:webgl里的数学 6 b6 K, n/ J7 ?" o% n
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M4 Q1 c9 M6 a+ S% }) S- I; v% y8 J
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M4 t8 k9 D- A- z# p! j
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M, T K8 ]7 H6 y" B- @
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
# B7 l; ~' S G: u0 Z| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
^9 M6 l6 t1 O \. i4 r j" F| ├──[18.5]--18-5番外5归一化 .mp4 8.74M8 r7 l. o4 o* n
| ├──[18.6]--18-6番外6点积 .mp4 41.72M
$ u# R, n7 j1 [6 r5 ?3 m5 t| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
" G1 v. ]% Z7 p+ c$ _0 g| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
; |( N5 @$ J& |6 v| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
' F7 n' Y/ J( G7 [├──{1}--第1章课程开篇 $ ^$ l( I4 y* v& l: A0 a4 Q
| ├──[1.1]--1-1课程导学 .mp4 44.95M+ h6 d! ?8 e: [$ ~" h
| └──[1.2]--1-2课程简介 .mp4 22.39M
, h4 U# J4 |: Q9 v, T├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL 1 o' h! a6 }$ D7 Y9 l9 q* G
| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M4 ?5 e; E( \7 q
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
9 E% V* }4 A& [; M7 {& || ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
, c2 K( _" ]9 f: O, R4 _| ├──[2.4]--2-4绘制一个点 .mp4 226.54M8 r7 v8 G, }' l+ l
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
?1 o( u4 f& p1 q9 m| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M! r) a* `! {& z# s a
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M# _' ~6 @3 R4 m0 u! R# b; u1 r
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M3 E9 Z; H( j; N5 ^
├──{3}--第3章WebGL多图形绘制和动画 l$ N6 v1 }6 v4 s
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
5 g# Z' a! W4 D5 P* j8 c5 P3 W. S| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
# R/ y3 k" N2 C: V$ M9 ?| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M9 G! C, ~, t: R* I# `2 k* _& @
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M6 Y9 p" Q% y% h' ^" o A
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
0 J& L5 P( k0 L2 C& ~| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
, c: [7 N* _5 G Z0 {/ K6 p# k| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
d& D) u. B, _ F6 d( F& }7 C' b| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M* v" Z. l$ x2 R9 ^/ |: @: }2 ~
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M
. |9 M/ ^0 T; Q" v) E| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M2 E/ E0 Y9 U2 j1 V' {$ W d' X* M
├──{4}--第4章WebGL颜色和纹理 5 ^1 K; P+ t: H6 X' W# v- j/ [$ z
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
; g& U. j* C' z* e- `+ C3 z9 |1 v| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M2 @) n$ H. m0 M
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
1 [1 K, \# M& @3 {| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
! L' D3 Q( j' r) ?" _├──{5}--第5章WebGL原理学习:OpenGLES语言 + D5 v" O" A: ]9 F& W
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M: v# j; \6 m4 K% a. o6 b; G
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
. U# E9 X7 C- n- @| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
" ?$ p" |; }; s# F3 |: X| ├──[5.4]--5-4分支和循环 .mp4 9.27M
% d$ }$ }4 h; m7 \4 i' I| ├──[5.5]--5-5函数 .mp4 18.55M
* b% G# X( O+ ^2 B| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M$ t( U( W8 \2 {+ K4 ?6 J! u$ _5 u# O
| └──[5.7]--5-7存储限定词 .mp4 20.30M. d6 y9 p+ o; p$ E
├──{6}--第6章WebGL三维世界 2 F; V1 l( t, A
| ├──[6.1]--6-13D基础 .mp4 136.57M* u3 i. K- k7 c8 V* I& a
| ├──[6.2]--6-2正射投影 .mp4 88.72M$ J6 N- n! x8 u$ k& ?$ O* C3 \
| ├──[6.3]--6-3透视投影 .mp4 166.86M
A# ?6 N5 u ~0 n& ^1 ]2 ]| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
3 e) z4 q" o. I V$ o, ~| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M( X. ?1 V5 e/ C1 j p) d) ]7 R
├──{7}--第7章webgl光照 * t: b( e o9 e( E3 v
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
9 i0 R' b0 m/ z. Z| └──[7.2]--7-2给场景添加光源 .mp4 72.04M: h( {" S0 x' L& ~
├──{8}--第8章WebGL进阶操作 ; z4 _) L; G. [6 t3 [
| ├──[8.1]--8-1雾化 .mp4 103.20M
/ ?2 {7 M/ p$ q$ u% L| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
$ M; y. x* d+ U) C) _4 I( Y| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
% b% j8 a0 q' t" ?; h& `├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 9 y" [( j* c6 P; x' \
| ├──[9.1]--9-1什么是threejs .mp4 19.62M% U* q9 f8 r, t* G J: w5 @- z
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
4 D9 M' H- z3 S# v6 {( n, L+ u5 S, p| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
6 p7 k! L8 n3 N9 }3 \: Y' _! e/ m| └──[9.5]--9-5添加雾化效果 .mp4 24.10M& {2 V- B T* ^; y$ L% _7 d
└──课件 .zip 22.02M' }0 w/ W& l& q, n' ?. s
1 v+ ~, k. ~3 ?( Q a4 c; t
|
0 N& f: H6 o, N2 j% d% U1 O! l |