WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
& C' j( F/ N! t8 S├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
9 W' V" p$ @1 E+ B' N| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M9 E$ |( d0 L$ Y0 p7 n! `
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
& c; E7 v. y2 ?6 ^% q| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
% Y+ {- z6 L9 g| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
! _ c/ V: q4 q6 c: ~1 C8 ~├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 1 u0 ^9 L" e, ^' M T3 ]
| ├──[11.1]--11-1光源类型 .mp4 14.42M3 {: v6 i/ o' {2 ?. U' b
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
; d: d% J& B; V9 K, r5 P| ├──[11.3]--11-3环境光 .mp4 31.93M: v3 a! i( W1 z' A8 A
| ├──[11.4]--11-4点光源 .mp4 23.73M6 g' K4 r1 r* ]
| ├──[11.5]--11-5平行光 .mp4 37.07M
) N8 D7 B4 Q" r) || └──[11.6]--11-6半球光 .mp4 35.13M- ]+ m- N. E% V: @: h" J6 z- Z$ G
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适
7 ]+ R" C- C2 l2 U0 T| ├──[12.10]--12-10联合材质 .mp4 21.84M
# O7 |0 N% {" C7 B/ O6 ^| ├──[12.1]--12-1材质简介 .mp4 29.71M
% J) l6 B: ~) S9 d8 ~- \! a3 l; t| ├──[12.2]--12-2基础材质 .mp4 37.18M7 N& m% u* a0 y/ B
| ├──[12.3]--12-3深度材质 .mp4 32.18M
8 }. {' F! g, |+ n9 y# B0 F& c- K| ├──[12.4]--12-4法向材质 .mp4 26.16M: e! K5 _+ ^* ]$ d
| ├──[12.5]--12-5面材质 .mp4 16.12M8 @( J$ A+ a! S; @% g+ ^
| ├──[12.6]--12-6郎伯材质 .mp4 29.13M
; ~' B6 ]3 c% y' K- k& {5 {+ G' |0 v| ├──[12.7]--12-7Phong材质 .mp4 27.09M
/ l9 B2 D0 P% k6 P| └──[12.8]--12-8着色器材质 .mp4 42.33M$ U. C. H8 Y4 t& ]& [3 q4 G+ `9 R
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
9 i' n* Q: ^; U0 \: F( R| ├──[13.10]--13-10多面体 .mp4 59.18M% T) I, k( Q# n2 \- K$ O0 q
| ├──[13.11]--13-11文字 .mp4 56.47M) M. [! ^- j: ~ ^6 [& o1 Z
| ├──[13.1]--13-1几何体简介 .mp4 7.74M
6 H0 t4 z; `5 Q1 j& || ├──[13.2]--13-2二维平面 .mp4 128.03M
& j% j( d/ C8 N. A! F, d1 x1 R) b| ├──[13.3]--13-3二维圆 .mp4 56.66M
; o/ ?3 @7 x9 F& @4 m) |5 Z9 A| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M: O4 v, H- V5 W. F" j' ]. x
| ├──[13.5]--13-5立方体 .mp4 38.30M
8 U- _6 u$ m3 E; k) A0 I e4 k| ├──[13.6]--13-6球体 .mp4 34.72M5 u2 K; W1 W4 A" Z' w. i* s. a5 N
| ├──[13.7]--13-7圆柱体 .mp4 29.46M
" j% x4 K: e" E8 h% }) y| ├──[13.8]--13-8圆环 .mp4 47.07M; Y' u! F$ L( U. r/ e7 q `( S
| └──[13.9]--13-9纽结 .mp4 45.00M6 F8 \" C b2 Q9 b
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
" ?2 P8 U! [4 S9 a8 j; S# t| ├──[14.1]--14-1基础动画 .mp4 5.64M
) U2 e0 O3 u) I* J| ├──[14.3]--14-3点击选取对象 .mp4 68.04M
% h+ x9 F& p T- k. }| ├──[14.4]--14-4加载外部文件 .mp4 36.88M" t- g( h$ B! _7 o- v6 R8 ]9 s# g, p
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M$ ]1 b6 w3 E/ i8 K/ m
| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M
' B( \$ q. t9 u/ L├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 , ~ `9 }( E. X6 b
| ├──[15.1]--15-1基础纹理 .mp4 45.86M
6 K0 V* k- a3 h6 n$ S+ F| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
4 C3 U8 t2 t' |$ ?( \$ q" E6 }6 N| ├──[15.3]--15-3法向贴图 .mp4 51.24M) x' z5 Z+ g( a5 Z: H+ ~: a! }, G
| ├──[15.4]--15-4环境贴图 .mp4 90.46M
/ H% X- @ z/ L% `3 M" a| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
; Y* m9 k9 l& ~" T; ~ e| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
4 x! c6 a1 f; u N6 t, R├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 1 h4 i7 d4 P' ^* _- n/ s9 | V
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
8 s# @! P5 X! f, U| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
0 @# T5 h' u6 x0 a| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
) I& Z/ h/ _5 S$ l0 f├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧 ' Z* y. L% O! j6 t' s
| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M2 c+ T1 p! l+ m# g2 }5 o
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
0 Z9 k8 J0 k1 i5 Z| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
0 A* p2 w2 G' [| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M# E% ^, j2 }/ x8 Q
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M$ ?2 z6 k; l, z+ V* P+ |1 E
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
$ D# ^2 Y: }. r3 C/ u! d+ l| ├──[17.16]--17-16特效:飞线 .mp4 115.06M6 ?2 D" F! k, s" _6 ]# ^
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
7 D3 r2 D8 C- q9 g( J| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
/ W0 e9 a; @- A+ K4 U/ `| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M
; C9 g2 X( x/ W& m| ├──[17.1]--17-1blender基础使用 .mp4 26.13M
4 t5 h( X- |9 ~; {% y| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
) B* X6 |3 }- |5 @, U| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
( ~0 O1 `7 `! [| ├──[17.23]--17-23烟雾预警 .mp4 173.47M1 v$ ?7 k; y ~4 H% W- f! `
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M
9 \# J* s$ @1 e| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M( Z, D4 O0 U6 D; W) f$ U
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M6 b( N1 N# ^3 U: Y e) `) s
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M, v, [# H& g# L: c4 v$ O* j1 p
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M. n' Y, [# j* R y0 D
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M# ^ G+ M( d/ H0 f3 N: K4 d
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
5 |# s2 Z3 A. f. T1 M' Z| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M2 f1 k" ]; |5 D
├──{18}--第18章番外篇:webgl里的数学
& z2 F3 J0 H P, l3 r| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
" r' T1 {% J1 B/ r! |# }" Q3 y| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
* W; K1 N% q: K8 F1 j, w| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
0 {- a1 M* `- ?/ [6 E| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
9 Y1 o" V6 N9 |/ ~7 H* h8 c `| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M
0 ~4 y+ c! l' |% Q. A1 W' @| ├──[18.5]--18-5番外5归一化 .mp4 8.74M- J; L# w* i/ Z `8 F( n& h
| ├──[18.6]--18-6番外6点积 .mp4 41.72M
& G$ M+ Y1 y' R0 ~6 E* M4 ]) f| ├──[18.7]--18-7番外7叉积 .mp4 51.19M; ~" L. W& C# Q! H
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M8 t2 s. B3 e' U' f
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
9 o( r# v) x* |8 r├──{1}--第1章课程开篇 ( }6 j4 q4 Y) P3 A& _/ \
| ├──[1.1]--1-1课程导学 .mp4 44.95M& }6 f8 N6 F; }: F
| └──[1.2]--1-2课程简介 .mp4 22.39M/ E+ Z8 W; ^! K7 x. |, e0 a
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
: N: c& q( ~! @| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M- g D8 V X: P
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
. l _* q- _! g+ j* n; Z. U- e| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M" m# S+ s$ `$ Y% I1 I& y. a
| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
" i6 [" z9 S; V2 A| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M! {7 M; Z- B1 e+ p2 [
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M' y7 N, [; \5 F( g' l6 u
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M. [3 F) N! b Z0 p% H. N' _2 E6 g
| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
7 ^/ F+ r4 o1 m5 I├──{3}--第3章WebGL多图形绘制和动画
& b1 X; y/ a$ F) O) Y' S& J| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
, |) o6 ?4 t V& s& K$ N- L| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M! E; h1 d: J4 D+ a
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
4 t" [# U( I, @9 B4 Z| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
7 u0 N" K! J) S2 m| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M. L+ R6 f7 H# w `& v* k7 F0 [
| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M# y# M7 h5 ?( X- p4 c' l
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M3 @9 H; r5 y5 c4 L
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M5 | E! u2 x4 g5 O
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M- j9 L+ ?/ y; x! ?) Z2 \5 Z+ J
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M! A$ o9 K2 o6 L. |
├──{4}--第4章WebGL颜色和纹理
0 V' N7 `( S4 O7 ?! Z| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M6 v2 w+ h$ U6 m5 t: H: h/ _' J
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M/ w% a% N, I b/ w# [; g( G
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M7 [" O/ h& q8 B, p9 a4 }
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M& N* G& u8 O( g( x0 j
├──{5}--第5章WebGL原理学习:OpenGLES语言
7 M' k# _0 B7 n| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
; R3 W$ [$ q/ F. I$ O| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
2 p7 ?( r: R* Y Q8 }& i$ d| ├──[5.3]--5-3纹理取样器 .mp4 18.37M* m7 O9 J: b/ |3 B1 V
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
. v" K& ]; U2 W1 `$ l. S3 \| ├──[5.5]--5-5函数 .mp4 18.55M* F* y6 B; e0 }9 E: X, O5 z7 Z+ i
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
5 E) b B, W0 T| └──[5.7]--5-7存储限定词 .mp4 20.30M
' n+ a! U. g" O5 j8 o0 e1 J* ]" w├──{6}--第6章WebGL三维世界
9 c1 I: H- k0 \! |( {| ├──[6.1]--6-13D基础 .mp4 136.57M
9 p. o) V' W0 I0 q4 d| ├──[6.2]--6-2正射投影 .mp4 88.72M' j9 [* o0 z2 k1 a9 `4 Q
| ├──[6.3]--6-3透视投影 .mp4 166.86M
W% @) Y8 a% Q| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
8 Y! P, Z, e# n) F. l) W| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
# H: r' l5 @! h; E% A├──{7}--第7章webgl光照
% Y4 ^/ h/ u. E" W! c; A| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
9 \) k0 \$ R& h3 L* @| └──[7.2]--7-2给场景添加光源 .mp4 72.04M
! g0 M: t6 z( \) N# i! v├──{8}--第8章WebGL进阶操作
7 Q/ G" `2 k3 |- i. @| ├──[8.1]--8-1雾化 .mp4 103.20M$ u# e+ R' _. Q- g4 K* M
| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M9 T$ [5 X/ U! _1 C: P/ o/ l4 \
| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
: u+ f2 R' q `├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 - Y! {' b) z& Y
| ├──[9.1]--9-1什么是threejs .mp4 19.62M
1 ^# S% A& R) P/ w* W Q" |# R1 P| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
) ?" [8 V7 x" U" n| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M% e! ]+ K. a+ o) s6 e6 t
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
) ?% x( K# W9 s( r└──课件 .zip 22.02M8 W; |7 n* z, W! [0 Y4 g/ {3 p
3 X9 b1 }& N3 r9 r
| . w4 u: P Z m, U5 i
|