WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
( X4 b/ D! L1 I9 L! b- p├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以 1 U* Z4 S4 Y+ D7 c6 {4 I, n0 K
| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
( x& v3 f' w6 ?7 \# S; g# u| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
' } ~& d6 s; {! k1 J| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M! t) p7 h! u: F4 p7 ? j9 I# A. |
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
/ r6 h# I+ G) z* u+ J* u. d├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
/ s9 Z* H1 f ~$ q' j: g+ T) T9 X| ├──[11.1]--11-1光源类型 .mp4 14.42M
! ]" V$ h9 {6 O* {* b- E; E% J) d. R| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
! T( y* Q' {8 S/ }0 o7 m| ├──[11.3]--11-3环境光 .mp4 31.93M- _: Y5 i2 [9 q4 A5 z3 |. g
| ├──[11.4]--11-4点光源 .mp4 23.73M7 v& s6 B; K! t( z; q- [
| ├──[11.5]--11-5平行光 .mp4 37.07M+ D. J6 d+ D0 F) n+ b: N# c
| └──[11.6]--11-6半球光 .mp4 35.13M
y; | n; G2 Z [) y├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
( U) F5 J: v* N1 v1 w9 H# [| ├──[12.10]--12-10联合材质 .mp4 21.84M' `8 A3 N; H/ ?* T# o. p$ R
| ├──[12.1]--12-1材质简介 .mp4 29.71M/ H: _7 G& V1 G# }( @4 R2 d! g
| ├──[12.2]--12-2基础材质 .mp4 37.18M
+ Y- t9 {7 ]1 P0 N% t3 _| ├──[12.3]--12-3深度材质 .mp4 32.18M
2 R+ m1 J/ g) V$ x% [9 s| ├──[12.4]--12-4法向材质 .mp4 26.16M, Z4 a {3 Y+ d0 e2 e! J
| ├──[12.5]--12-5面材质 .mp4 16.12M' [ d# q, [; @ _" G
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M+ u$ N0 G c3 U7 s- Q2 J# ^* a1 U
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
- u3 J% C( J/ [& u| └──[12.8]--12-8着色器材质 .mp4 42.33M
& W1 [) p! d. |├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
* m" l9 z! R N: M7 Z1 W| ├──[13.10]--13-10多面体 .mp4 59.18M
I6 q7 ]' t& y, M# o0 g| ├──[13.11]--13-11文字 .mp4 56.47M: b2 H: |8 q/ s
| ├──[13.1]--13-1几何体简介 .mp4 7.74M
R2 l) V% s' P& L* H0 r! u| ├──[13.2]--13-2二维平面 .mp4 128.03M
; ?* ^6 g3 b3 `; J% z% O }, W| ├──[13.3]--13-3二维圆 .mp4 56.66M+ K. x/ `4 s- @3 j/ w }
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
; O; [( X% F2 [. W8 I| ├──[13.5]--13-5立方体 .mp4 38.30M* ?; X! q) z( E; t) i; O
| ├──[13.6]--13-6球体 .mp4 34.72M; D. h8 S9 |" B" P" T. L: Q' D& @; b
| ├──[13.7]--13-7圆柱体 .mp4 29.46M' }; A( ~! c- o
| ├──[13.8]--13-8圆环 .mp4 47.07M$ D* H; j9 d% s
| └──[13.9]--13-9纽结 .mp4 45.00M
. `/ M* t; S4 K+ c7 `├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 % ?& F9 E' a/ n+ _& S+ D7 l
| ├──[14.1]--14-1基础动画 .mp4 5.64M
9 R, X& R, `6 z0 q: j& K- D. F| ├──[14.3]--14-3点击选取对象 .mp4 68.04M* o8 X" W4 m9 Z. e$ V3 t, x: ?/ O+ ]
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M9 Q* {% l- A. Q6 k7 n& M
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M, g; S& D( V8 A0 i* Z& M
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
% |; a, g$ {- E/ v2 p% N1 L3 S├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 : l8 O1 {' }# p3 `! ]$ w
| ├──[15.1]--15-1基础纹理 .mp4 45.86M& ~' C8 P1 k1 o2 y8 s: o
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M' S2 a% ]" d1 _6 S" Y, R7 d w
| ├──[15.3]--15-3法向贴图 .mp4 51.24M4 ]3 Q7 V- w$ H( K; T7 p
| ├──[15.4]--15-4环境贴图 .mp4 90.46M' x; g6 S; q) c' a0 M' T
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
* E: C( n y9 K# |* `$ Y) g# a1 F| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
. H6 D% d; E; F8 F. ~; v├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
9 {+ z; c8 e5 x+ x7 W| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M( e/ @5 v$ Y ]/ s( }
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
* n' V/ Y$ S( `! T' y' K| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
/ w! _" @7 T4 q5 T7 S├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
2 n G% N+ l7 `7 j# b5 G6 w& f8 || ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
% l9 `- d. m0 S6 P0 s3 c| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M! i- i! r3 f O# ^4 N& e2 E2 `+ H4 }
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
9 p3 C1 n5 i4 c# m) p; W( P| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M/ y" i _0 \7 {! ~, e
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M& ]2 \6 u' R- x+ p4 Z
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M( w/ J2 E; M* ^1 e" B" Z. n4 N- r
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M2 o+ j& f$ k2 ^/ O, c2 e6 u
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
7 p, H+ J1 f# @, J* K, v| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
0 z, B/ J& L# G4 R, I V| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
- C3 ?8 M! w3 ^$ C" Y6 x" s| ├──[17.1]--17-1blender基础使用 .mp4 26.13M$ I! D( K6 f* y# P& h2 N
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M; t3 F/ X+ ]: H
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M. r+ ^, s0 K3 `. u# [3 d$ A
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
+ e: j2 L! S/ t- j' g; b$ a| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
* b8 h: Z) W0 K9 Q1 B i( o2 || ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M
0 q# l/ V' M, i, p; W# ]. Q| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
3 `9 h* s; N' `" s- `! o ~" e| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
9 A9 X" p# s2 P4 ]5 }2 s5 [| ├──[17.6]--17-6添加交互效果 .mp4 79.35M/ b$ {+ [% p) y' r+ G" l
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
$ V/ |" v6 X9 ~| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M. p$ _2 a+ E" @ v2 J8 J! H& Z
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M2 ^' Z6 T2 H& P, [# n7 `
├──{18}--第18章番外篇:webgl里的数学
, {. G( K- y3 U1 `- C/ {0 b| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M3 z8 K, u1 p6 f5 A
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M$ Z3 F, p0 C/ ^ t6 l' L1 E' z
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
8 n0 }7 b% G- i0 B; L| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M0 g7 u j7 f% @
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M9 B2 h1 o$ I& E* ^- L
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
: Z- b1 f+ J4 B) w+ || ├──[18.6]--18-6番外6点积 .mp4 41.72M3 J- V6 ~+ P. N2 c) b( P* u
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M$ b( W4 @) b- R3 W4 c* B6 ]
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M) l( E2 x& O0 r' r( E, H/ P
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
; j7 R& c2 W0 D/ O& B4 S' ]! B├──{1}--第1章课程开篇 + v {# S5 C* q5 p
| ├──[1.1]--1-1课程导学 .mp4 44.95M
# q0 _4 t( y7 K9 ]" O| └──[1.2]--1-2课程简介 .mp4 22.39M8 E( X } F+ F$ F4 P7 {" u
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
B6 l7 `7 V: F2 I| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M; T8 d) Y0 J& S" t. D! \
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M5 ]$ ?5 r2 ~6 A( C! F; @
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M, n5 @+ M* @# w$ V9 N e: M, X
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M% W- a# X4 g/ n& r# h
| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M6 |) r# D/ |3 D% J1 _. l L
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
5 R# _' i' X/ F7 K V2 U| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M6 y T7 f. C3 n. y
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M9 d/ z7 i. y# z7 f
├──{3}--第3章WebGL多图形绘制和动画
& |2 D5 [- R5 v| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
2 [5 S m3 _1 l% P| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M3 {5 B/ Z2 U- v ^& \
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M Y) P* l( M7 v3 A
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
# t o% {& F, P| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
" h4 l$ w- j9 |4 s2 X| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M3 s3 [- U9 W( }1 M2 U
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
/ p {' P* ~9 P0 v; f G| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M0 K: F+ ~7 p& @( n. k7 C
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M" _ G2 c, S& g2 ^/ \. T
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M" ]4 Z! |+ B4 }* x$ \
├──{4}--第4章WebGL颜色和纹理
2 Q& z/ u' `: R& q, _; n| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M
( A8 U4 b+ l% w7 [2 `) w| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
$ B6 ?& Z; ]3 Q/ J| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M5 x" g3 Q- P" t6 N
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
* m- u& d# W9 ~( S├──{5}--第5章WebGL原理学习:OpenGLES语言
2 v% h8 {6 o0 A3 i| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
& u5 d+ K( E( Z: E$ b Q| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M- r* |! ]# T1 x& \ N
| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
s4 o; t9 J6 s: f) {| ├──[5.4]--5-4分支和循环 .mp4 9.27M4 F) e7 d5 c& {4 w* ^1 n" R
| ├──[5.5]--5-5函数 .mp4 18.55M$ k5 o. N2 \# q
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
/ t5 B& G: I; n7 n q/ z8 W| └──[5.7]--5-7存储限定词 .mp4 20.30M) Q6 ~9 P$ H4 S* m; j2 x
├──{6}--第6章WebGL三维世界
- g& ^6 e% I( `) |, Z8 b G% [| ├──[6.1]--6-13D基础 .mp4 136.57M! [$ K7 t* ^9 J) b; [
| ├──[6.2]--6-2正射投影 .mp4 88.72M
8 q; N B# V4 H9 F1 N8 j7 e9 \| ├──[6.3]--6-3透视投影 .mp4 166.86M
5 E2 q- P( ^8 Q7 R$ r2 I2 g| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
6 f7 Z) }' `4 ?& M) z/ q4 E| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M5 s& {, u/ P! n9 G
├──{7}--第7章webgl光照
) [; B6 @+ I9 i3 V, D2 [+ u| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
$ }( i0 L# Y( X4 c| └──[7.2]--7-2给场景添加光源 .mp4 72.04M2 B* |2 z$ @, k8 o- i3 `
├──{8}--第8章WebGL进阶操作 ) z6 y; x! o1 y5 ` U
| ├──[8.1]--8-1雾化 .mp4 103.20M
; T7 o, b4 |0 W. c# F+ N/ V, H| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
: ?* Y3 I) j5 [6 f. E, c| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M5 ]* ^4 Z4 T0 [/ _
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 ) X0 b; ^0 y5 P1 j( t& @) M0 n. v0 l
| ├──[9.1]--9-1什么是threejs .mp4 19.62M
5 p3 S* U: [$ ^/ ]0 A| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M5 Q1 x, [4 ~1 P( d
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M5 Y5 D6 F9 O+ P+ r7 n! |
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M; R* P2 c% ]; n* _: I# t
└──课件 .zip 22.02M1 m/ Y" k& V7 d4 r2 S) x! c
, ~& x7 a( V; r+ ^9 G: ]7 m
|
0 V) M5 a7 K$ l( k3 g/ h |