WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
8 F1 c' q6 F" P4 H├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
% m& }2 ~8 o3 r2 N! v7 I y& E* H9 V| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M0 D9 _7 J9 p) T' f9 N9 o; j3 [
| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M
) H! k9 G; B# H5 D" |. P| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M! H: b/ u7 B# u7 ?: O, z
| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M) B8 B8 x" p. A# U, H
├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个
3 Q6 s0 z- `! |2 i! A| ├──[11.1]--11-1光源类型 .mp4 14.42M6 l& Q1 |4 T L+ r: i; h
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M
( `% m3 Q7 b4 \3 O% d/ z" W| ├──[11.3]--11-3环境光 .mp4 31.93M9 w, H8 o6 W8 B& D
| ├──[11.4]--11-4点光源 .mp4 23.73M$ R* b: T) H; X& Z' _- d* b9 G% q
| ├──[11.5]--11-5平行光 .mp4 37.07M
1 c* f# M6 m @6 m# C5 x: Q$ || └──[11.6]--11-6半球光 .mp4 35.13M1 H. d5 z* q* i! v2 n
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 * r/ l9 ^( e& M) v" {# R& A" l
| ├──[12.10]--12-10联合材质 .mp4 21.84M _' V8 [2 g4 E: l O" `7 B% j
| ├──[12.1]--12-1材质简介 .mp4 29.71M
, G: Q1 M5 d* Q) R" _ a8 x0 S; W| ├──[12.2]--12-2基础材质 .mp4 37.18M1 E2 [9 _" g& z% v) @2 h
| ├──[12.3]--12-3深度材质 .mp4 32.18M2 [6 Q3 q9 l- l8 _
| ├──[12.4]--12-4法向材质 .mp4 26.16M
Z5 V# u: w% d$ Z1 \& F$ T| ├──[12.5]--12-5面材质 .mp4 16.12M
. s2 R0 A$ i& ?| ├──[12.6]--12-6郎伯材质 .mp4 29.13M& k/ [9 T9 ^' z5 u8 q5 H0 }
| ├──[12.7]--12-7Phong材质 .mp4 27.09M
5 F0 g3 m! J4 m& X6 U, P7 [! q| └──[12.8]--12-8着色器材质 .mp4 42.33M) ]2 S7 x6 ?0 p" `9 M" c/ r4 G
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
/ a, I5 Y$ x R( t: t| ├──[13.10]--13-10多面体 .mp4 59.18M) k0 { N; p9 H! v; ?
| ├──[13.11]--13-11文字 .mp4 56.47M
2 N2 y- c' {1 R$ R| ├──[13.1]--13-1几何体简介 .mp4 7.74M) ~& a! ?8 V' v* j; P* U& v; R
| ├──[13.2]--13-2二维平面 .mp4 128.03M9 d! B- t' b! R+ _# Y8 y
| ├──[13.3]--13-3二维圆 .mp4 56.66M
% t: S; k4 d3 U3 u| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
# g1 v3 l1 U' C( i; g| ├──[13.5]--13-5立方体 .mp4 38.30M
4 }4 r# W! c0 o3 s w+ U| ├──[13.6]--13-6球体 .mp4 34.72M
3 S+ r- I6 q" G2 |5 o; A6 T| ├──[13.7]--13-7圆柱体 .mp4 29.46M
# {4 U7 w9 [* E" G8 ^3 b| ├──[13.8]--13-8圆环 .mp4 47.07M& d0 {9 E9 M. C8 n' Q. U' f
| └──[13.9]--13-9纽结 .mp4 45.00M. O1 r/ C* e5 l: h- _& `
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样 + L: x5 Q5 ^2 t6 ^
| ├──[14.1]--14-1基础动画 .mp4 5.64M) i+ |) R% r0 ^6 U
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M& g6 Y4 ^& p/ s% z3 B r
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M5 m/ C1 i5 b: y& b7 c* @1 T1 V
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
7 S" v: F" q/ W0 U8 l+ {. X| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M6 }: T9 O, x+ P! f; k9 l" X V# U
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了 1 ^9 J ^1 {2 _; s. P4 n$ S1 [
| ├──[15.1]--15-1基础纹理 .mp4 45.86M
, v! Q5 @" m) H- }4 P| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M8 j4 f! w, o2 y! S" q
| ├──[15.3]--15-3法向贴图 .mp4 51.24M
; @4 l, q' d) _$ U; q4 q| ├──[15.4]--15-4环境贴图 .mp4 90.46M
3 V7 r# a0 S+ T) g, `5 ~| ├──[15.5]--15-5canvas贴图 .mp4 35.15M9 S; K2 [4 g: p# P3 R5 u& Y
| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M: F% R# `* |- q/ S) _
├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有 9 _8 c" d; C* o1 ~2 t: z0 e3 N6 z$ g
| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
/ s9 {) N; ^" V$ O% S3 ]| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M3 _" n ]1 |# H2 u$ R0 q
| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M# [8 P4 X0 B C/ }3 Y# V$ Y
├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
+ H. u, ~4 }/ `6 d# H| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M
% }- ^9 r. K5 @ T2 v5 o% }( B3 v1 N7 A| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M
) X$ \- T( Z+ K( B* Y| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M+ j. I( d' i/ z9 ]" y" [
| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M% @+ s2 D* }# w3 j n
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M$ t6 W! P' e7 c. V
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M8 h5 }9 X2 H: S/ @
| ├──[17.16]--17-16特效:飞线 .mp4 115.06M4 F/ J5 Y" c& Y; K
| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M, u) X/ u# A* v2 z& b
| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
, X' K+ P2 E/ @| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M# B, L# v8 i7 {+ o. _
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M, |3 v; Y# ~( k8 d* P* v; b
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M6 Y* y" n) w# U8 } F$ r, S
| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M7 Q6 o3 B% U7 }: @ f1 [
| ├──[17.23]--17-23烟雾预警 .mp4 173.47M
6 |: v. Y4 w1 c; P2 S4 B| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M# C" S" i- y8 p& T$ m0 K$ v9 K
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M2 X% z. G3 ~8 D. q7 d% P
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M( L( Y) e5 D" f- C- F% h
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M
; ~. |) x9 J: b7 O| ├──[17.6]--17-6添加交互效果 .mp4 79.35M
4 t: r0 l" V$ k, ~8 || ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M4 b. X2 D+ J# \4 m
| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M
$ j. ]) b# c6 J; n" O2 r& \* Y- ]| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M
+ O+ x/ n" ]3 q9 \- H├──{18}--第18章番外篇:webgl里的数学
( `% @' e \5 ]| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M
' U5 u& ~: _. r; Q| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M; i; i& n* c6 K3 m5 K
| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M
! c0 n" D; C; D8 @. f1 {( `# m9 y| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M2 b3 Y; b% W! `1 J) ?& a
| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M2 |4 L2 K- d! M+ R
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
( P1 B2 M) Q: ]: n| ├──[18.6]--18-6番外6点积 .mp4 41.72M+ [7 e& n- N) |+ ~
| ├──[18.7]--18-7番外7叉积 .mp4 51.19M
( ^! x0 o5 ?4 h- t5 g! [| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M) s, e/ U* g1 C* W( ~. P3 ~
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
: [5 G. h% N" d9 C9 u0 a├──{1}--第1章课程开篇 9 N! ?, i7 o% W
| ├──[1.1]--1-1课程导学 .mp4 44.95M/ I8 B+ {4 X2 n: ^! K3 V
| └──[1.2]--1-2课程简介 .mp4 22.39M
: K! `) G! g$ z$ g/ V7 p├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
! q! x( ^0 S, k7 o| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M4 Z* w Y$ @; S" K0 {9 G/ t
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M
* E2 V# e: n6 V1 O, a| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
! Y V/ Q6 [0 g| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
& ^* m5 e" J0 B+ _) L! u| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M6 L4 W/ }# N6 U9 H/ Q
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M8 N1 S, [; S& w- M; |, U* p8 b4 k* d4 `
| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
7 \2 J. h$ T) L, |) M( [' [| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M9 e y" \" w4 p8 P+ ]
├──{3}--第3章WebGL多图形绘制和动画
% e4 j8 E! ?2 e9 J( P! q1 O& ^| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
$ J' Y+ p8 K8 f3 V+ J* J" d| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M
- X7 R" M, R3 l& D$ y. d1 [| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
1 Q4 t' Z4 F" w+ @, s| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M
- g( a* s0 q1 @ g* u% K| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
! w( [7 T* d1 e0 L( U. R| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M, r" n- s+ ^# S# ~+ u7 N
| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M {" P8 b* S- x6 s) r
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M1 D) V& ~( w5 I9 l
| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M P/ l4 [$ S6 `/ [$ J1 ?( E
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
! d+ K5 `7 l2 H2 t" C├──{4}--第4章WebGL颜色和纹理 2 K( ^0 r* V6 D0 x# |
| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M- |4 I1 y ^, M- Q* Q
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M
8 p& F4 |( J, m5 [4 n- J* F| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M* L) S" R% K0 m& A) ]
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M& a5 q8 c/ H' i. ~
├──{5}--第5章WebGL原理学习:OpenGLES语言 9 |2 H% ~% {4 V( p) R7 V2 |2 |. b* F3 `
| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M7 m: g$ f2 |8 y8 L
| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
3 h% b: H1 A# O/ @1 f| ├──[5.3]--5-3纹理取样器 .mp4 18.37M! \7 |6 b# q* d g: z
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
2 q+ b% M v) n+ ~# X8 c) W$ ]7 H5 t| ├──[5.5]--5-5函数 .mp4 18.55M: X5 R/ k2 s. n3 T
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
% N) P; h9 k4 l; t| └──[5.7]--5-7存储限定词 .mp4 20.30M/ w1 h6 K1 m7 ^. A: ]7 @& Q: \$ O
├──{6}--第6章WebGL三维世界
5 e: U! R9 n! F0 J, p; [2 S& }1 R+ U| ├──[6.1]--6-13D基础 .mp4 136.57M
5 z5 x9 v! g3 ]3 i2 o| ├──[6.2]--6-2正射投影 .mp4 88.72M, o/ F: ?8 o2 ^0 S" I( O' C
| ├──[6.3]--6-3透视投影 .mp4 166.86M
- q0 m5 I. `" p3 R| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
5 Q* J( o) l8 a3 || └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M
+ p c5 Q. I1 w├──{7}--第7章webgl光照 $ o! A% e1 V8 F+ o! f' l7 X
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M: f: g) j! U* G4 \( D8 q8 j" E' t
| └──[7.2]--7-2给场景添加光源 .mp4 72.04M9 O$ h4 C/ `% b
├──{8}--第8章WebGL进阶操作 + H% o0 ^/ H5 v) \; X+ v
| ├──[8.1]--8-1雾化 .mp4 103.20M
" h/ U6 {2 }) r8 |7 I/ F| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
" H/ L5 p6 j- g( m. Z| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M) F/ j. p j! ]% n, n
├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果
. w3 l, K, L/ \7 h+ b: b$ M| ├──[9.1]--9-1什么是threejs .mp4 19.62M: g8 R9 M2 i: y7 q3 B
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M
4 c* M1 K- M3 [& P9 E/ n G| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M
! B5 d8 Y7 q8 _+ D" b| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
% R) M7 k! k; }4 _! s2 ~└──课件 .zip 22.02M$ }+ s: [- M8 A2 A' x: x( e+ d
! a9 V2 P+ ?; U( e$ L7 {- M. E
| 7 `; j6 `; {* T# O
|