WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
5 i; n4 [7 n+ h+ z& Y├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
' }; I7 `1 X" n| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
& k7 `3 R/ @9 q: Z5 g| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M* o0 Y6 a) w. g8 d$ T
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M' [2 \$ ^0 [ ~) m- L( p/ E
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
9 L0 m Q" `4 x├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
/ I) S' F: K5 M, f| ├──[11.1]--11-1光源类型 .mp4 14.42M( i$ H$ d5 C. N9 o. m' o
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M) Q; I) E1 }3 L# ?# n
| ├──[11.3]--11-3环境光 .mp4 31.93M, I7 X! a" I ~2 s ] `3 y# \
| ├──[11.4]--11-4点光源 .mp4 23.73M
4 E) z8 R/ Z, @# W+ @| ├──[11.5]--11-5平行光 .mp4 37.07M
1 Q9 C3 p6 E" u4 B5 }+ }* u7 b| └──[11.6]--11-6半球光 .mp4 35.13M( i0 G# c$ v* x" G2 M2 K7 l
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 6 S, J9 o a) l
| ├──[12.10]--12-10联合材质 .mp4 21.84M \: _+ ?$ n# t' Z7 f" b
| ├──[12.1]--12-1材质简介 .mp4 29.71M' ?0 ]2 A5 y4 e( O, j5 z' P
| ├──[12.2]--12-2基础材质 .mp4 37.18M+ o* m' I% P7 f9 e
| ├──[12.3]--12-3深度材质 .mp4 32.18M. G8 S- ?( e1 _ E
| ├──[12.4]--12-4法向材质 .mp4 26.16M
( j7 n( _8 V5 s; [! [% h| ├──[12.5]--12-5面材质 .mp4 16.12M
) q/ t- X) j- t h4 n| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
- a# a# ~/ x( q" B! k G/ s| ├──[12.7]--12-7Phong材质 .mp4 27.09M+ E8 ^* A6 F; ^/ U( R2 X' K
| └──[12.8]--12-8着色器材质 .mp4 42.33M
* @. {$ k7 u; J- K0 Z @$ S6 X& C├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体 , n' ]2 r: \6 L$ e
| ├──[13.10]--13-10多面体 .mp4 59.18M
3 W* j9 M( K' M7 \| ├──[13.11]--13-11文字 .mp4 56.47M
7 T x1 _# K, ~$ p| ├──[13.1]--13-1几何体简介 .mp4 7.74M
9 R) q1 i8 n" G2 k| ├──[13.2]--13-2二维平面 .mp4 128.03M
9 w, j/ P7 p% g) b/ r7 _! V6 e| ├──[13.3]--13-3二维圆 .mp4 56.66M( I1 V4 e# g' v+ F+ P
| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
( j* H$ j, k, V| ├──[13.5]--13-5立方体 .mp4 38.30M
1 g- W/ W0 Z8 T| ├──[13.6]--13-6球体 .mp4 34.72M
0 Q( x% ^% [& f9 G$ d" }; q| ├──[13.7]--13-7圆柱体 .mp4 29.46M
) m2 h$ ?9 [! A# x4 X| ├──[13.8]--13-8圆环 .mp4 47.07M
* H; Z3 u9 e N, T| └──[13.9]--13-9纽结 .mp4 45.00M+ Y$ V0 Q9 `: J: `
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
; M, s0 f; B# W) H| ├──[14.1]--14-1基础动画 .mp4 5.64M
+ B# I. k: \/ Q| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
' o; F7 X, }; J$ G8 ~% g1 a0 r| ├──[14.4]--14-4加载外部文件 .mp4 36.88M' k6 `2 K* Z- c7 c
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
+ ^& }+ _* U* j! j| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
* y# e, F4 `; W2 w7 Y5 l. ~; }├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
2 W; \9 a4 Q8 c7 S5 i| ├──[15.1]--15-1基础纹理 .mp4 45.86M$ P- ]; R( e! `! B+ t p; o+ u
| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M: n$ H+ C0 j" e
| ├──[15.3]--15-3法向贴图 .mp4 51.24M3 M) o) S1 G8 J: O9 L) a9 X
| ├──[15.4]--15-4环境贴图 .mp4 90.46M9 l& h" R4 o+ x) O, s
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
2 V" W; |$ b, [, D9 @9 J1 l| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
* U- G6 Q% \$ p+ X% |├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
0 F4 Q5 b& M6 ^' h: U| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M% S/ J" l8 Q2 x6 u/ h
| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M% ~* o u+ m$ K" H
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
. T1 x. p+ p0 K9 h├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 & v+ ?' ]0 ~( S+ I! q
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
' G+ D6 q: v' }8 T) @7 p| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M: O8 n+ g. ?! h) G2 A. n) z
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
7 ] g0 E/ f- g! M4 a/ X| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M+ b* |8 L- h6 M% |
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M
, \! _4 k1 i! c1 I$ l. \| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
; K8 e- }% @: O" o, K| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
; {' Y e( v, q| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M7 i: Z# Y! h& r# x+ k5 H' y" l
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M0 U8 C$ o' q9 X7 }# X
| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M, u1 ~ { \6 n7 D
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
7 X1 c- q @! @* x/ E| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
4 ]' d, ]2 T! S6 } p4 l| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M7 Y! {- K3 ?0 S% n+ U
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
; O- [$ [; Y* K9 e/ \| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
' x6 b5 ]8 U- v* {1 I. A| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M' e% h% l" |5 c, x# ?$ W& P
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M
* J# _$ `2 ?7 S! z| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
/ ~6 n, N+ [" b| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
- P% R/ P+ Z/ j" }| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M f1 n5 i1 U5 n" D, h3 L# h- B# J0 r0 j
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M7 G; l# l7 ?( t# V) a4 ?
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
& e& n* d2 {- ?. i! D/ G├──{18}--第18章番外篇:webgl里的数学 * p9 b" n$ `0 x3 k, q
| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
* H5 h3 q1 i5 v5 l: a( x| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
# _4 _' F5 F4 `- d+ o; B% ]0 m5 u7 x| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M9 }+ w- \: ?! S4 F+ e
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
7 S( k0 S& l+ k* w) t| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M) U& r" ? y/ B5 b e; O
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
" Z, M9 W }+ U" t5 l, E; Z| ├──[18.6]--18-6番外6点积 .mp4 41.72M$ Q0 T3 A, u7 a, @: V4 r) j6 k
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M. |9 j7 Y1 v" X& j8 q
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M
% e5 G8 m# w6 Z7 m! K| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
( h5 v5 U6 n( N├──{1}--第1章课程开篇 8 @8 L' }9 G- N# \
| ├──[1.1]--1-1课程导学 .mp4 44.95M
! E$ O$ ^' l& M| └──[1.2]--1-2课程简介 .mp4 22.39M
6 N8 c& z2 H; l. I2 x+ D% A├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
Q. z# v( U: y7 a, e" Z| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M
6 U$ |4 X8 F ^+ k: l) V| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
- O3 d) e) |7 J% _( g/ Z| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M4 n8 F( ~. a' A2 o- }. \+ x
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
5 N$ k B. p6 A ^6 O7 p, P# E| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M
0 U7 O; F! @7 k: \9 J, Q+ n; `| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M, H W& v' }+ o% b( S- T0 A8 g! w
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
; M9 w& H- z# i| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M, K/ s; G5 m7 n, y$ q" Q* I
├──{3}--第3章WebGL多图形绘制和动画 7 y% u" q1 w4 G- |. u
| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M$ @8 p, s& H8 M0 G+ O% S; i
| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
! a2 O: o9 h$ W/ L| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M. o& E6 N; }' E9 I' ?' o
| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M9 s# @- J" m% \: u# }7 h6 m K
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
6 O% m( |9 T& g o5 t| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
; r; d* C) n3 |1 V8 X| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M
2 b! W3 j7 `/ Z$ |# z9 _0 || ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
- ]; B0 a2 W2 h8 p; Y0 W( P% W| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M; G% I" B* ~6 Q6 z
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M4 g' I' |3 O2 D2 g7 w
├──{4}--第4章WebGL颜色和纹理
: |$ A5 ~* r3 z; ?( x9 V( ^| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M1 ~) V& h! [3 t+ _/ O3 v
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
' [. D8 @6 ~3 ]8 Q& [6 ]6 V( D2 B| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M
6 Q8 s' _3 z6 [3 s+ V| └──[4.4]--4-4使用多重纹理 .mp4 56.12M
' p2 E9 e) ^% k5 \├──{5}--第5章WebGL原理学习:OpenGLES语言 % e5 l4 d. w# l* p
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M" U4 H5 ~# o* t3 a
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
8 }# I. [! P+ \# V- f4 a& B| ├──[5.3]--5-3纹理取样器 .mp4 18.37M
, Q# \$ D. S1 V, a$ Y$ i9 D) u| ├──[5.4]--5-4分支和循环 .mp4 9.27M
- O3 F- I( l5 C# ^+ R m* n% J| ├──[5.5]--5-5函数 .mp4 18.55M, A; w( J8 [8 A8 w. j7 I& o
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
- v5 d B2 Y4 @| └──[5.7]--5-7存储限定词 .mp4 20.30M
* Y j" N. w3 T3 p3 g3 J: P├──{6}--第6章WebGL三维世界
+ P- m4 t2 i) N# D: ^| ├──[6.1]--6-13D基础 .mp4 136.57M
?2 [0 z* c" e2 {! b| ├──[6.2]--6-2正射投影 .mp4 88.72M
; l. t$ t. Q0 Z4 l! ?" ^/ {| ├──[6.3]--6-3透视投影 .mp4 166.86M3 Y# t+ g* s( o% T
| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M! G) |7 ^1 \8 [+ J- X
| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
0 P) N. ^( l, `├──{7}--第7章webgl光照
- P4 ~0 H/ a3 }, F/ u| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M# L& F9 H$ {$ {0 ]
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M; v. ? @+ ~$ n) D. z
├──{8}--第8章WebGL进阶操作 & F" U$ @% O2 c7 i
| ├──[8.1]--8-1雾化 .mp4 103.20M; z2 T+ Y8 R2 y5 ]3 K/ y
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M9 n) \ ?2 J7 _6 {0 s# e' V
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
7 n% d5 C; f. b" H# N$ q8 ^- n, p├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
$ `/ z) E0 W% {2 n6 Z+ ?5 L| ├──[9.1]--9-1什么是threejs .mp4 19.62M
# R; Q/ r/ ?! v( {7 U2 p; L7 B| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M$ J8 i& q E5 n2 R% `* c1 B! s% {
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
" O$ I2 M* v8 B; }( G b' w% r; M| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
' V i- [: ]0 d' d# |└──课件 .zip 22.02M; G: [' W/ {3 X7 ^9 ^3 A, }% R( m; T
- |% [1 k! f( W! f
| & j9 M# N/ r9 c2 |* i% U; K6 G7 u/ r4 S
|