网易云Three.js可视化系统课程WebGL

涛情大胜

网易云Three.js可视化系统课程WebGL
% i3 q& O- t: `├──1-课程部分3D案例展示  
+ L* Q7 h2 A* g; s|   ├──1-课程案例源码3D效果5分钟速览.mp4  201.25M
6 N! M  B9 z$ n7 Q|   ├──2-智慧城市数字孪生3D可视化.mp4  100.50M
|   ├──3-智慧小区(第一阶段效果).mp4  79.81M
|   ├──4-物联网数字孪生3D可视化案例——收费站.mp4  14.24M
|   ├──5-智慧工厂（初步效果，完善中）.mp4  61.16M
' y( V- t& S  y$ d|   ├──6-产品720 3D展示( 轿车 手机).mp4  34.67M
|   ├──7-地球大屏3D可视化—飞线.mp4  35.12M
8 ?! L' W( P" c$ o" D/ B/ Y|   ├──8-地图中国大屏可视化.mp4  5.99M
|   └──9-机械 BIM在线预览(源码在课件中).mp4  2.10M
├──10-【Threejs教程】8.渲染器和前端UI交互界面  
|   ├──81-1.three.js Canvas画布布局.mp4  51.22M
|   ├──82-2.UI交互界面与Canvas画布叠加.mp4  23.64M
|   ├──83-3.UI交互按钮与3D场景交互.mp4  10.53M
8 C1 d7 v( X* q; }& V' q0 e|   ├──84-4.Three.js背景透明度.mp4  31.08M
|   ├──85-5.Three.js渲染结果保存为图片.mp4  27.88M
; @( d' N/ {5 m# D5 r0 x|   ├──86-6.深度冲突(模型闪烁).mp4  42.49M
|   └──87-7.模型加载进度条.mp4  45.21M
& ]1 l+ n/ T6 l* a2 Z& [! a├──11-【Threejs教程】9.生成曲线、几何体  
|   ├──100-13.扫描ExtrudeGeometry.mp4  17.09M
|   ├──101-14.多边形轮廓Shape简介.mp4  34.13M
|   ├──102-15.多边形轮廓Shape(圆弧).mp4  31.40M
|   ├──103-16.多边形Shape(内孔.holes).mp4  17.69M
|   ├──104-17.模型边界线EdgesGeometry.mp4  41.58M
* ]2 W/ Y' R  b* Y( E" F|   ├──105-18.几何体顶点颜色数数据.mp4  29.75M
1 d! Q+ X. J& B$ w1 U8 I3 Z. F|   ├──106-19.一段曲线颜色渐变.mp4  29.03M
8 y& Q/ v* E8 D* B; z|   ├──107-20.Color颜色渐变插值.mp4  40.11M
|   ├──108-21.查看或设置gltf几何体顶点.mp4  34.08M
|   ├──109-22.山脉地形高度可视化.mp4  45.43M
|   ├──88-1.生成圆弧顶点.mp4  26.35M
+ M$ [5 H4 B, ?. V% z( p|   ├──89-2.几何体方法.setFromPoints().mp4  23.92M
|   ├──90-3.曲线Curve简介.mp4  34.57M
+ k0 m) L9 N, e5 t, l, \9 \% `|   ├──91-4.椭圆、圆.mp4  26.29M
; s% r, m5 k6 c$ y5 a! x. a4 C+ C|   ├──92-5.样条曲线.mp4  52.44M
|   ├──93-6.贝塞尔曲线.mp4  57.65M
; G: j, u- C: z& C|   ├──94-7.样条、贝塞尔曲线应用.mp4  39.29M
/ z5 t2 N. Z- }7 g) q: O) L|   ├──95-8.组合曲线CurvePath拼接不同曲线.mp4  44.75M
|   ├──96-9.曲线路径管道TubeGeometry.mp4  39.97M
$ g5 y5 f" I1 M: k* m|   ├──97-10.旋转成型LatheGeometry.mp4  23.25M
. O) v; s, @& {! }& J|   ├──98-11.轮廓填充ShapeGeometry.mp4  17.00M
|   └──99-12.拉伸ExtrudeGeometry.mp4  39.81M
- B# R0 O/ e% o/ Z) }├──12-【Threejs教程】10.相机基础  
|   ├──110-1.正投影相机.mp4  98.91M
|   ├──111-2.正投影相机-Canvas画布尺寸变化.mp4  39.17M
  }0 M; M  [1 ~: N, J7 g|   ├──112-3.包围盒Box3.mp4  26.19M
  K# p" Y& |5 U* P3 R! n8 o' ?|   ├──113-4.地图案例(包围盒、正投影).mp4  58.50M
! {, p/ [* ]) \' f4 s|   ├──114-5.相机动画( .position 和 .lookAt() ).mp4  162.41M
|   ├──115-6.不同方向的投影视图.mp4  16.95M
|   ├──116-7.相机上方向.up(旋转渲染结果).mp4  18.45M
|   ├──117-8.管道漫游案例.mp4  78.95M
# [2 _7 B9 @$ o9 {4 ~9 ?|   ├──118-9.OrbitControls旋转缩放限制.mp4  111.24M
|   └──119-10.相机控件MapControls.mp4  40.89M
├──13-【Threejs教程】11.光源和阴影  
|   ├──120-1.聚光源SpotLight.mp4  39.74M
5 F: j; V4 P- P+ i/ K( V+ {. j|   ├──121-2.平行光阴影计算.mp4  64.36M
5 w& Z4 w8 H7 x# `5 g1 @/ f|   ├──122-3.阴影范围.shadow.camera.mp4  81.23M
: _" S9 ?8 ~& G5 i" q|   ├──123-4.阴影像素、弱化阴影边缘.mp4  47.35M
- q2 y5 S; b5 |! J|   ├──124-5.工厂光源(环境贴图和环境光).mp4  59.56M
|   ├──125-6.工厂光源(平行光模拟太阳光).mp4  91.49M
; b7 k5 G5 a& H, T$ N$ k0 n|   ├──126-7.工厂(模拟太阳光阴影).mp4  75.75M
  q  e3 j6 E4 Q  c4 o" ^& p|   └──127-8.gui辅助调节阴影范围.mp4  56.34M
├──14-【Threejs教程】12.精灵模型Sprite  
|   ├──128-1.精灵模型对象Sprite.mp4  49.80M
& u1 O# u2 @) [9 r+ Z! y; ^. j|   ├──129-2.精灵模型标注场景(贴图).mp4  54.34M
|   └──130-3.Sprite模拟下雨、下雪.mp4  132.00M
├──15-【Threejs教程】13.后期处理  
|   ├──131-1.后处理(高亮发光描边OutlinePass).mp4  42.92M
' X! r3 {0 W  [' k7 K8 L) k|   ├──132-2.OutlinePass发光描边样式.mp4  20.39M
|   ├──133-3.Bloom发光通道.mp4  35.46M
|   ├──134-4.多通道组合(GlitchPass和描边).mp4  27.89M
|   ├──135-5.gltf工厂模型设置发光描边.mp4  48.68M
|   ├──136-6.gltf后处理颜色异常(伽马校正).mp4  43.53M
$ i& U. l  m1 q( a|   └──137-7.抗锯齿后处理.mp4  70.68M
├──16-【Threejs教程】14.射线拾取模型  
|   ├──138-1.射线Ray.mp4  70.80M
& g$ p% H5 c0 p- J6 ]|   ├──139-2.Raycaster(射线拾取模型).mp4  52.62M
|   ├──140-3.屏幕坐标转标准设备坐标.mp4  63.80M
|   ├──141-4.Raycaster(鼠标点击选中模型).mp4  30.60M
- p5 I: G$ v& ?|   ├──142-5.Canvas尺寸变化(射线坐标计算).mp4  47.01M
% O0 H* P" e' Q|   ├──143-6.射线拾取层级模型(发光描边).mp4  62.75M
4 D1 ~3 t% I0 V2 }2 b% g2 k% d6 Q|   └──144-7.射线拾取Sprite控制场景.mp4  22.89M
├──17-【Threejs教程】15.场景标注标签信息  
. _& a5 q/ R3 q/ j|   ├──145-1.CSS2DRenderer(HTM元素作为标签).mp4  89.99M
|   ├──146-2.HTML标签遮挡Canvas画布事件.mp4  37.84M
1 }# Z7 `& r( S|   ├──147-3.Canvas画布尺寸变化(HTML标签).mp4  41.71M
3 b7 I( y( k3 s* }, q* R8 |4 J8 X* _|   ├──148-4.标签位置不同设置方式.mp4  56.55M
# ~% s9 w% g: }2 B|   ├──149-5.标签位置(标注工厂设备).mp4  69.91M
9 _4 m9 c* z- W9 o/ U|   ├──150-6.标签指示线或箭头指向标注点.mp4  70.72M
|   ├──151-7.鼠标选中模型弹出标签(工厂案例).mp4  85.34M
: F  K# A1 v4 M. H$ @3 ~0 Z1 B|   ├──152-8.单机按钮关闭HTML标签.mp4  45.87M
! h$ p& [# H$ ]$ Z! W|   ├──153-9.CSS3DRenderer渲染HTML标签.mp4  86.69M
|   ├──154-10.CSS3批量标注多个标签.mp4  72.41M
1 ?2 R3 T: A. v" m|   ├──155-11.精灵模型Sprite作为标签.mp4  47.84M
|   └──156-12.Sprite标签(Canvas作为贴图).mp4  65.64M
├──18-【Threejs教程】16.关键帧动画  
- R) R4 b- `: C; Y% a3 ^- b, n|   ├──157-1.关键帧动画.mp4  55.04M
/ l9 R3 @! B0 H9 R2 O|   ├──158-2.动画播放(暂停、倍速、循环).mp4  64.91M
3 S2 Q* W3 k. N  a/ z$ O3 f8 D|   ├──159-3.动画播放(拖动任意时间状态).mp4  42.72M
1 F6 c7 t8 b/ B0 D, y4 E4 h' L|   ├──160-4.解析外部模型关键帧动画.mp4  58.68M
|   ├──161-5.机械虚拟装配案例(播放).mp4  36.98M
8 r3 {& L. C9 A' i* y, o! S  F|   ├──162-6.虚拟装配(任意时间定位).mp4  28.40M
|   ├──163-7.变形动画原理.mp4  60.08M
: w9 `. u; W% {3 }0 Y|   ├──164-8.变形动画(定制人物胖瘦).mp4  56.34M
|   ├──165-9.骨骼关节Bon.mp4  47.05M
+ K5 ~. }: d! L|   ├──166-10.查看外部模型骨骼动画.mp4  71.09M
6 \* s% D+ g2 }) {0 f|   └──167-11.骨骼动画不同动作切换.mp4  48.69M
7 C, ?2 e! Y& D$ N8 r- C├──19-【Threejs教程】17.动画库tween.js  
( U7 s  C- @0 A- N6 y|   ├──168-1.tweenjs创建threejs动画.mp4  46.30M
2 G6 p: D) ^4 B! m# [1 Q0 V) j|   ├──169-2.tweenjs相机运动动画.mp4  65.01M
+ C- a. r' [( x; A, B|   ├──170-3.点按钮,相机飞行靠近观察设备..mp4  157.59M
|   ├──171-4.点击设备,相机靠近放大预览.mp4  89.31M
2 F9 Q" U( C& _; Q6 U4 t5 l* h- d|   ├──172-5.缓动算法.easing(地球渐入相机动画).mp4  44.14M
|   └──173-6.模型或标签淡入淡出.mp4  62.08M
├──2-Web3D生态和如何学习  
|   ├──10-课程面向人群.mp4  16.21M
|   ├──11-Web3D现状以及如何学习.mp4  13.66M
|   └──12-WebGL前端工程师工作、要求、待遇问题.mp4  48.28M
( S3 e$ g. c3 w; _5 M├──20-【Blender】Blender基础操作  
6 H9 K. C8 x+ ||   ├──174-1.Web3D可视化3D建模.mp4  27.07M
' [/ }" b' [3 A: q: T|   ├──175-2.Blender下载、安装、中文界面.mp4  6.66M
|   ├──176-3.基本操作：旋转、缩放、平移.mp4  26.28M
' ]5 Q) I7 E4 ~2 \9 W% |' H( N|   ├──177-4.编辑、保存网格模型.mp4  37.58M
|   └──178-5.Blender导出gltf(美术与程序员协作).mp4  37.64M
├──21-【Threejs 进阶】1. 数学几何计算基础(向量)  
|   ├──179-1.threejs坐标系与三角函数.mp4  44.54M
|   ├──180-2.三维向量Vector3简介.mp4  63.07M
( r# E* C$ @3 [  q|   ├──181-3.向量大小(Vector3长度.length()).mp4  96.26M
|   ├──182-4.向量方向(归一化.normalize).mp4  66.39M
9 t6 {7 X1 e+ w2 H8 K|   ├──183-5.相机沿着视线方向运动.mp4  122.62M
' h% |& Y0 H% F( R4 a2 {|   └──184-6.箭头ArrowHelper.mp4  53.55M
├──22-【Threejs 进阶】2. 位移、速度、加速度  
|   ├──185-1.匀速动画(向量表示速度).mp4  39.35M
& Z! B( }1 I% m# f% |6 ?6 a3 ^|   └──186-2.物体下落动画(重力加速度).mp4  48.24M
6 P5 E: _) q8 ?% J3 V* m0 G├──23-【Threejs 进阶】3. 向量点乘、叉乘  
' Q2 H9 z' r9 ^4 W7 D; ?( g|   ├──187-1.向量点乘dot.mp4  35.49M
2 c, C0 j6 L, d( L; V! r- o|   ├──188-2.点乘练习-计算三角形夹角.mp4  25.29M
3 o2 S  a5 B3 ?0 k. p0 Q|   ├──189-3.点乘判断物体在人前或人后.mp4  34.76M
  j' T; H- n, X|   ├──190-4.点乘判断是否在扇形内.mp4  44.29M
|   ├──191-5.向量叉乘cross.mp4.mp4  72.97M
0 \4 ?* Q; I6 x0 P& j|   ├──192-6.叉乘判断人左右.mp4  61.84M
|   ├──193-7.点乘判断平行向量方向异同.mp4  14.21M
|   ├──194-8.判断两个点是否在线段同一侧.mp4  48.73M
# y: [2 v5 `$ G- X/ F# @0 k7 d|   ├──195-9.叉乘计算三角形法线.mp4  27.76M
. R4 X# {& F4 u1 X|   ├──196-10.叉乘计算三角形面积.mp4  17.40M
|   ├──197-11.练习—计算物体的表面积.mp4  41.98M
|   └──198-12.点到直线的距离.mp4  21.33M
├──24-【Threejs 进阶】4.四元数、欧拉角(角度姿态)  
|   ├──199-1.欧拉角Euler.mp4  76.69M
- l( i# z: P" n4 [7 g) R|   ├──200-2.四元数Quaternion.mp4  44.52M
|   ├──201-3.四元数表示物体姿态.mp4  28.78M
|   ├──202-4.四元数乘法运算.mp4  37.59M
* q6 \1 |8 ^% t|   ├──203-5.四元数表示两个向量旋转.mp4  31.60M
& {4 x7 G# l9 }6 ?6 {|   └──204-6.练习-无人机绕飞.mp4  98.89M
- Q' u8 J$ P( i1 v4 ]├──25-【Threejs 进阶】5. 矩阵基础  
2 Z0 u% u; \' o1 ^6 J4 X2 R|   ├──205-1.数学基础(平移、旋转、缩放矩阵).mp4  39.80M
7 o" v8 V6 \8 c- C: h/ v|   ├──206-2.模型矩阵.mp4  42.06M
3 o+ w% j9 c. w/ U3 p5 G* S" L8 b|   ├──207-3.Three.js矩阵Matrix4.mp4  48.68M
|   ├──208-4.矩阵乘法multiply.mp4  34.37M
|   ├──209-5.模型本地矩阵、世界矩阵.mp4  50.42M
: K) P* f9 j1 j% N& y  N8 s: a" p+ A|   └──210-6.视图矩阵、投影矩阵.mp4  105.05M
├──26-【Threejs进阶】6.射线  
0 a/ o  ]+ K3 C1 \) e1 J|   ├──211-1. 射线Ray(复习前面内容).mp4  70.80M
# h5 ?7 \5 q+ z0 Z2 M$ m|   └──212-2.射线拾取模型(复习前面).mp4  52.62M
├──27-【Threejs进阶】7.包围盒  
* m& C4 K7 z6 Y+ A) p|   └──213-1.包围盒Box3(复习前面).mp4  26.19M
* A8 s! ]; u; \' W# q2 u5 f: R├──28. 第一、三人称漫游  ( 游戏元宇宙 常用)  
|   ├──214-1.键盘WASD按键状态记录.mp4  61.11M
|   ├──215-2.W键控制角色模型运动.mp4  43.92M
. V* u6 R" K9 d- ~( K2 s3 U/ I& p, ?|   ├──216-3.W控制人移动，设置加速度.mp4  30.34M
|   ├──217-4.阻尼(玩家角色逐渐减速停止).mp4  29.00M
) g* A: W- K5 _3 ]2 X1 v8 N|   ├──218-5.按键S退后运动.mp4  24.72M
7 F) |% U* b. L0 g7 G/ P|   ├──219-6.相机跟着玩家走(第三人称漫游).mp4  70.62M
2 ~: I9 q$ R9 \0 M/ x% b# Z|   ├──220-7.鼠标左右拖动改变玩家视角.mp4  64.32M
) x  z4 r6 U8 P& ]3 i% f9 ?|   ├──221-8.获取玩家(相机)正前方方向.mp4  56.65M
|   ├──222-9.鼠标上下滑动改变相机视角.mp4  71.83M
|   ├──223-10.玩家角色左右运动(叉乘).mp4  47.88M
# n+ X2 }6 B. z* @% T, ~, P! O' N. ||   ├──224-11.鼠标滑动改变视角(指针锁定模式).mp4  67.62M
|   ├──225-12.快捷键切换第一、第三人称.mp4  52.16M
  M' q, V/ B5 m6 p! d|   └──226-13.骨骼动画与运动状态关联.mp4  73.60M
├──29-第一、三人称漫游—八叉树碰撞检测( 更新中 )  
8 ?7 c3 A0 ?* P; a5 \* ~|   └──227-1.八叉树Octree扩展库介绍.mp4  100.54M
├──3-【Threejs教程】1.快速入门(2023年新版本)  
9 w3 S1 n4 `+ |: ]  C|   ├──13-1.threejs文件包下载和目录简介.mp4  35.18M
|   ├──14-2.学习环境—代码编辑器和本地静态服务器.mp4  32.48M
9 y0 D: C/ ^2 r6 P. \: x7 ]|   ├──15-3.开发和学习环境，引入threejs库.mp4  54.40M
3 s; z1 b6 X. y5 T( b9 `( \+ c|   ├──16-4.第一个3D案例—创建3D场景.mp4  40.69M
|   ├──17-5.第一个3D案例—透视投影相机.mp4  61.57M
|   ├──18-6.第一个3D案例—渲染器.mp4  46.14M
|   ├──19-7.Threejs三维坐标系—加强三维空间认识.mp4  49.07M
|   ├──20-8.光源对物体表面影响.mp4  41.74M
|   ├──21-9.相机控件轨道控制器OrbitControls.mp4  43.42M
|   ├──22-【选修】Vue + Threejs 开发环境( 可跳过 ).mp4  56.76M
5 t% ]" u# \9 ]9 C) h' q. r|   ├──23-【选修】React +  Threejs开发环境( 可跳过 ).mp4  47.77M
|   ├──24-10.平行光与环境光.mp4  60.59M
5 n; N; V& a: b- w/ }|   ├──25-11.动画渲染循环.mp4  58.65M
|   ├──26-12.Canvas画布布局和全屏.mp4  38.00M
. [! ~! j7 A$ K  V- J* I4 B|   ├──27-13.stats查看threejs渲染帧率.mp4  61.95M
|   ├──28-14.阵列立方体和相机适配体验.mp4  72.07M
|   ├──29-15.Threejs常见简单几何体简介.mp4  32.92M
4 Y' c8 Q9 T  P) H- Y9 \! n|   ├──30-16.高光网格材质MeshPhongMaterial.mp4  38.19M
" L. P, W# |! u6 ~|   ├──31-17.WebGL渲染器设置(锯齿模糊、背景颜色).mp4  29.81M
2 N8 u/ X: h: I# O8 b|   ├──32-18.gui.js库(可视化改变三维场景).mp4  69.05M
9 I6 A# G# I$ F3 ||   ├──33-19.gui.js库(颜色、命名、步长、事件).mp4  37.46M
|   ├──34-20.gui.js库(下拉菜单、单选框).mp4  39.87M
|   ├──35-21.gui.js库(分组).mp4  35.38M
- P  h+ Z( c  I2 M3 L7 N|   ├──36-22.查询案例examples和文档(辅助开发).mp4  45.69M
# O7 v! n9 u* ]( ?+ L|   └──37-23.threejs语法总结.mp4  71.24M
9 }; U, Q9 \! F; [├──30-【Threejs进阶】10.物理引擎CannonJS(更新中)  
) p+ ?. I! ]0 P+ H|   ├──228-1.CannonJS简介和引入.mp4  30.99M
+ r1 o  @* F+ f|   ├──229-2.CannonJS自由落体计算.mp4  55.58M
- V* r5 E& b& S. g1 s; Q6 N) L$ y$ l) X|   ├──230-3.练习-threejs可视化cannon计算结果.mp4  28.56M
6 H9 i5 B8 D- Q, v+ {|   ├──231-4. CannonJS模拟乒乓球下落反弹.mp4  40.91M
|   ├──232-5.练习-修改小球参数.mp4  23.22M
, ^: B0 _" U5 {5 F; \# r' _# Q( H5 a|   ├──233-6.练习-点按钮重复下落.mp4  16.03M
" k% ~' y" \, n. u% ~) i|   ├──234-7.CannonJS碰撞事件，碰撞声音.mp4  41.72M
|   ├──235-8.长方体Box碰撞体(箱子下落).mp4  63.09M
|   ├──236-9.练习题-外部gltf箱子模型.mp4  39.99M
: j* k; s! ]7 E8 C. O) A9 @) b" f|   └──237-10.凸多面体ConvexPolyhedron.mp4  50.45M
├──31-案例——物联网粮仓  
|   ├──238-1.2.项目方案选择.mp4  138.49M
|   ├──239-1.3.学习安排(必看).mp4  49.98M
- r: L$ ?5 w' S- w) [: Y|   ├──240-1.4.公司项目人员方案.mp4  37.59M
; p5 Z" |: C: Y3 X: u|   ├──241-2.1.Three.js下载特定版本并使用.mp4  23.49M
* L8 i% }9 D4 ^: y9 _|   ├──242-2.2.一个最小Three.js代码.mp4  45.62M
- G- @: O( |1 h|   ├──243-2.3.渲染循环.mp4  21.30M
|   ├──244-2.4.Three.js开发辅助工具.mp4  32.45M
5 n  Q8 c+ i; x: |3 ^- C|   ├──245-2.5.项目部署Canvas画布页面布局相关.mp4  32.33M
0 G4 z( t+ {1 a4 N: m|   ├──246-2.6.Three.js代码模块化.mp4  34.76M
: d9 z! f  I  \2 @|   ├──247-3.1.三维软件绘制模型(美术和程序协作).mp4  61.22M
|   ├──248-3.2.体验three.js editor编辑器-搭建一个三维场景.mp4  68.37M
|   ├──249-3.3. GLTF格式模型文件简介 (Web3D领域JPG).mp4  138.31M
" P1 |, p5 Q  K  q' d|   ├──250-3.4.建模软件导出GLTF(blender、3dmax).mp4  40.92M
. S! V$ D2 B! E) t/ d1 n|   ├──251-3.5.加载GLTF格式粮仓基地模型.mp4  70.08M
|   ├──252-3.6.粮仓贴图颜色偏差问题解决.mp4  48.23M
( ~% p; g. O: L0 q/ ], o  s|   ├──253-3.7.gltf相关文件glb.mp4  22.78M
|   ├──254-3.8.gltf文件是否包含光源.mp4  184.55M
|   ├──255-3.9.相机渲染范围和视角设置.mp4  70.08M
|   ├──256-3.10.模型导出位置和姿态问题注意.mp4  35.71M
|   ├──257-3.11.加载gltf模型(透视投影相机).mp4  386.44M
|   ├──258-3.12.批量修改GLTF材质.mp4  42.88M
|   ├──259-3.13.粮仓基地场景雾化效果设置(Fog).mp4  52.63M
) M/ P( o1 e' `0 z* Y+ {6 ?/ Q|   ├──260-4.1.模型命名(程序与美术协作).mp4  53.49M
! ]. d  u6 s1 O5 L" ]|   ├──261-4.2.粮仓基地模型命名并导出.mp4  80.67M
|   ├──262-4.3.CSS2DRenderer标注每个粮仓.mp4  493.54M
1 g8 ]1 F1 B- U: z|   ├──263-4.4.CSS3DRenderer标注每个粮仓.mp4  57.53M
7 u3 Q3 d" a6 @: g|   ├──264-4.5.鼠标交互-射线拾取.mp4  46.82M
|   ├──265-4.6.射线拾取弹出粮仓HTML信息标签.mp4  52.59M
9 q6 W7 l+ I( q) R|   ├──266-4.7.火焰效果(序列帧动画).mp4  88.08M
|   ├──267-4.8.粮仓火焰标注.mp4  43.76M
|   └──268-4.9.火焰信息标签.mp4  24.30M
' T/ C1 u8 [5 h' ?8 F# |├──32-案例—产品720展示（轿车、手机）  
+ H5 P; X" ~6 r; W: o, _+ _|   ├──269-1.1.课程效果展示.mp4  34.67M
) V1 Q2 p6 A" B; w$ p: [! g% ?|   ├──270-1.2.产品Web3D展示方案.mp4  52.49M
|   ├──271-1.3.学习安排.mp4  61.71M
7 R. F& T+ E3 s3 E|   ├──272-2.1.手机相关几个章节学习指南.mp4  20.37M
|   ├──273-2.2.绘制产品三维模型—手机.mp4  34.21M
|   ├──274-2.3.Blender或3dmax导出gltf格式模型.mp4  29.53M
; O( \, g* X6 m% K0 ?) N|   ├──275-2.4.三维软件导出产品模型注意.mp4  52.30M
|   ├──276-2.5.Blender预览产品PBR材质的模型.mp4  76.80M
|   ├──277-2.6.Three.js下载R125版本并使用.mp4  52.70M
|   ├──278-2.7.threejs最小案例—模型和光源.mp4  115.40M
. {& z' T$ Q5 u9 q|   ├──279-2.8.threejs最小案例—相机和渲染器.mp4  85.37M
|   ├──280-2.9.渲染循环(设置产品旋转预览动画).mp4  39.17M
|   ├──281-2.10.产品预览旋转和缩放(相机控件OrbitControls).mp4  70.37M
5 H/ D4 k5 a2 }* @8 l% g  g, Z|   ├──282-3.1.three.js加载gltf模型.mp4  62.23M
|   ├──283-3.2.查询模型节点并设置模型PBR材质贴图.mp4  64.17M
|   ├──284-3.3.产品展示相机参数设置注意.mp4  102.92M
. I8 e; b- L8 b5 o% e|   ├──285-3.4.环境贴图envMap.mp4  50.83M
! I# i/ l4 R: N|   ├──286-3.5.调试场景光源参数.mp4  59.44M
& B6 ~3 F( a. ^% F/ o' f( Z' B4 V# T|   ├──287-3.6.手机产品旋转动画控制.mp4  49.28M
& Q- `% G) C7 p5 _|   ├──288-3.7.Canvas画布全屏且跟随窗口变化.mp4  32.21M
  T1 b# W2 |$ s7 P3 L- f|   ├──289-3.8.three.js代码模块化.mp4  28.52M
|   ├──290-3.9.gui辅助调节光源强度、位置、受环境光影响程.mp4  76.20M
  }, ^  H9 Q* P3 p" _|   ├──291-4.1.产品展示缩放和旋转范围约束.mp4  46.84M
|   ├──292-4.2.一个720辅助显示的圆弧线—圆弧线.mp4  51.41M
|   ├──293-4.3.一个720辅助显示的圆弧线—720符号.mp4  33.33M
% J2 o$ e/ Z1 \. Z  z|   ├──294-4.4.UI按钮暂停手机旋转动画.mp4  56.32M
|   ├──295-4.5.前端UI按钮切换颜色贴图.mp4  52.07M
+ G+ R& k5 W! H|   ├──296-4.6.练习例子—canvas局部布局UI按钮切换颜色贴图.mp4  28.29M
|   ├──297-4.7.颜色贴图.map切换动画.mp4  40.39M
|   ├──298-4.8.产品特定部位标注—光点.mp4  50.14M
% K% k( G. S. W$ g" f5 T& h|   ├──299-4.9.产品特定部位标注—半透明叠加问题解决.mp4  23.85M
' m0 r5 F6 ]& R8 q|   ├──300-4.10.产品特定部位标注—波动光点.mp4  28.32M
: P3 c: U" a7 v- J|   ├──301-4.11.HTML 2D标签标注相机热点.mp4  78.21M
) u+ T, U+ p4 B- c, d- p|   ├──302-4.12.HTML 3D标签标注相机热点.mp4  38.36M
- \6 i& {9 p! A3 s% V6 ^( f4 |- I|   ├──303-4.13.射线拾取标注热点—弹出信息.mp4  78.78M
6 O6 f* a* @. r0 {; S+ s) o|   ├──304-4.14.点击热点弹出HTML信息标签.mp4  46.78M
" {7 i. Q. s2 }* M' m' I|   ├──305-5.1.轿车3D模型基本情况简介.mp4  44.23M
|   ├──306-5.2.加载车gltf模型1—模型和相机.mp4  80.59M
|   ├──307-5.3.加载车gltf模型2—材质和贴图.mp4  36.92M
|   ├──308-5.4.gltf加载颜色空间和颜色失真问题.mp4  66.60M
9 J' p, e% t2 P6 D9 E1 _|   ├──309-5.5.批量设置Mesh环境贴图.mp4  16.78M
|   ├──310-5.6.MeshStandardMaterial金属度和粗糙度了解.mp4  66.41M
|   ├──311-5.7.设置后视镜效果.mp4  37.73M
! q$ [! W0 ]2 [; ~|   ├──312-5.8.MeshPhysicalMaterial(车外壳、车玻璃).mp4  56.51M
7 R+ q7 n9 H( _. o2 \|   ├──313-5.9.代码创建一个地面.mp4  58.74M
|   ├──314-5.10.代码创建一个隧道.mp4  52.39M
|   ├──315-5.11.设置雾化效果.mp4  28.06M
3 c% ^- j6 Q1 P5 x5 ?9 V|   ├──316-5.12.约束相机控件的旋转、缩放和平移.mp4  91.39M
|   ├──317-6.1.车开关门—思路和模型问题.mp4  65.32M
|   ├──318-6.2.车门开关—热点标注.mp4  51.02M
|   ├──319-6.3.车门开关—射线拾取，打开或关门车门.mp4  35.71M
|   ├──320-6.4.tweenjs库设置开关门动画.mp4  48.88M
|   ├──321-6.5.车门开关—开关门声音.mp4  28.99M
|   ├──322-6.6.颜色款式选择.mp4  31.05M
2 E' z8 c  J0 x, D# E" \|   ├──323-6.7.颜色变化动画.mp4  46.17M
|   ├──324-6.8.背景音乐设置.mp4  23.00M
|   ├──325-6.9.旋转动画开启或关闭.mp4  22.30M
|   └──326-10.车前灯开关模拟.mp4  76.20M
├──33-【WebGL教程】1.WebGL快速入门(更新中)  
|   ├──327-1.学前说明.mp4  30.52M
|   ├──328-2.着色器GLSL ES语言.mp4  34.08M
1 S" e( o# ^% O& T9 |: V# z|   ├──329-3.第一个WebGL案例(绘制一个点).mp4  79.32M
|   └──330-4.WebGL坐标系.mp4  31.33M
├──34-WebGL入门教程( 学习上个章节新录制的即可 )  
|   ├──331-0.学习WebGL的必要性.mp4  45.16M
' B  q# ~4 F- S  }! H3 e+ _( w0 i4 M|   ├──332-1.第一个WebGL程序(绘制一个点).mp4  51.91M
! d! I( o. _# j% D  I5 f# m+ ?( t  }|   ├──333-2.WebGL绘制一个矩形.mp4  70.12M
' ]+ u  V3 {, k8 P|   ├──334-3.WebGL坐标系(投影).mp4  29.91M
|   ├──335-4.WebGL平移变换.mp4  28.85M
|   ├──336-5.绘制一个立方体(WebGL旋转变换).mp4  35.05M
|   ├──337-6.WebGL顶点索引绘制.mp4  35.62M
|   ├──338-7.varying变量和颜色插值..mp4  47.87M
+ g+ i* |8 c) ~* V& L% P|   ├──339-8.立方体(每个面一种颜色).mp4  21.01M
7 d# O. b6 a/ _( Z! Q|   ├──340-9.WebGL光照渲染立方体.mp4  101.28M
& y7 Z, \9 w4 X. |2 O6 D8 g3 z" u|   ├──341-10.立方体旋转动画.mp4  36.28M
|   ├──342-11.WebGL绘制多个几何体.mp4  27.20M
3 {6 i/ |( [* I6 ^& C' p6 {# s|   ├──343-12.纹理贴图.mp4  44.07M
9 q$ ~( |- K9 _6 u* {! K. ]|   ├──344-13.彩色图转灰度图.mp4  19.90M
" C" s- X8 Y; J- B! \! s; U% L( f|   ├──345-14.切换着色器程序.mp4  52.19M
* E7 x* y+ r" A( k- N; ^|   ├──346-15.WebGL透明度与α融合.mp4  17.82M
|   └──347-16.深度测试与α融合.mp4  18.01M
+ r4 l/ ^8 w6 D# ]4 ~$ F& e# `, y& ?├──35-【Shader教程】1.threejs Shader基础语法  
|   ├──348-1.学前说明.mp4  28.79M
|   ├──349-2.着色器GLSL ES语言(复习WebGL中内容).mp4  34.08M
( H. {( c6 K% S) [* @5 b) b7 p|   ├──350-3.ShaderMaterial着色器材质.mp4  107.09M
|   ├──351-4.ShaderMaterial半透明、双面显示.mp4  20.74M
|   ├──352-5.uniform变量传值.mp4  31.69M
|   ├──353-6.WebGL渲染管线.mp4  48.78M
- V. F5 n! p% ?) f|   ├──354-7.片元屏幕坐标fragCoord.xy.mp4  33.05M
|   ├──355-8.顶点颜色varying插值计算.mp4  36.83M
- Z" Z! v9 e% R; M% l|   ├──356-9.顶点位置插值(实现渐变色).mp4  63.74M
7 W7 \7 i' B# l|   ├──357-10.颜色贴图map(顶点UV坐标).mp4  47.89M
& s3 R" c0 [9 N! V- B' N|   ├──358-11.shader模仿点材质效果.mp4  44.11M
|   └──359-12.attribute自定义顶点变量.mp4  26.86M
5 K$ z) g) h3 |$ b0 T├──36-【shader教程】2. onBeforeCompile修改材质  
' m' r* A; \/ d) \5 B|   ├──360-1.threejs各个材质的shader代码.mp4  43.83M
|   ├──361-2.onBeforeCompile修改材质shader.mp4  43.09M
|   ├──362-3.修改材质shader(彩色图变灰度图).mp4  22.26M
- _8 h5 Z% J" v+ ]; \7 o# |. [/ m|   ├──363-4.顶点位置插值(设置片元颜色).mp4  56.56M
|   ├──364-5.顶点位置插值(设置片元颜色)2.mp4  54.94M
|   ├──365-6.模型扫光效果(顶点位置插值).mp4  36.87M
|   └──366-7.模型扫光效果(颜色渐变).mp4  33.76M
├──37-案例—大屏3D地图可视化  
|   ├──367-1.1.课程完成效果展示.mp4  63.06M
  ]: |, G1 T3 c0 R$ t|   ├──368-1.2.技术选择(SVG、Canvas、WebGL、Three.js).mp4  59.23M
7 I* [3 J3 K" |) p|   ├──369-1.3.Three.js引擎简介.mp4  158.74M
& N, N! G; F+ M; V|   ├──370-1.4.学习细节安排.mp4  18.29M
# @3 d* A: O: R8 n5 G0 l|   ├──371-2.1.GeoJOSN数据简介和获取.mp4  42.15M
|   ├──372-2.2.先通过Three.js实现一个基础渲染代码.mp4  332.65M
|   ├──373-2.3.渲染非全屏(相机和渲染器).mp4  56.05M
; Y' I4 q( A* [1 I) e" q|   ├──374-2.4.相机渲染范围、位置和目标.mp4  57.49M
, R1 [. w+ k1 u9 I9 ?+ ||   ├──375-2.5.渲染循环和相机控件OrbitControls.mp4  108.16M
|   ├──376-2.6.解析边界线(几何体顶点和Line模型).mp4  107.49M
* U3 X8 A0 g: [|   ├──377-2.7.Shape几何体填充行政区域.mp4  206.96M
|   ├──378-2.8.渲染中国地图(相机参数适配).mp4  305.01M
|   ├──379-2.9.渲染省份或城市地图轮廓.mp4  29.61M
|   ├──380-2.10.拉伸行政区轮廓.mp4  74.33M
|   ├──381-2.11.经纬度转墨卡托坐标.mp4  39.40M
6 G  N: Z: _- n- ]  {$ @8 z& J|   ├──382-3.1.矩形贴图标注位置.mp4  69.71M
|   ├──383-3.2.热点—波动光圈.mp4  53.20M
|   ├──384-3.3.热点—旋转棱锥.mp4  39.40M
8 w, s8 K0 [; `# A$ N! W2 k9 z* s|   ├──385-3.4.HTML元素作为标签(世界坐标转屏幕坐标).mp4  30.40M
2 c- T" a  Z; \8 \: R|   ├──386-3.5.HTML元素作为标签(CSS2DRenderer).mp4  64.97M
|   ├──387-3.6.HTML元素作为标签(CSS3DRenderer).mp4  49.58M
|   ├──388-3.7.鼠标单击拾取选中一个行政区.mp4  47.62M
|   ├──389-4.1.中国地图颜色深浅可视化.mp4  60.53M
|   ├──390-4.2.练习-世界各国GDP可视化(区域颜色深浅).mp4  35.67M
|   ├──391-4.3.行政区域拉伸不同高度可视化数据.mp4  45.69M
, h4 p* m1 u& m2 K/ `0 N+ M6 F|   ├──392-4.4.气泡图(不同颜色和大小圆圈).mp4  125.81M
/ J( i6 Y  f6 y) q+ F|   ├──393-4.5.柱子可视化数据.mp4  30.15M
|   ├──394-5.1.密集点(微博登录活动).mp4  20.02M
|   ├──395-5.2.Line可视化轨迹线(北京公交轨迹).mp4  12.79M
|   ├──396-5.3.Line可视化轨迹线(全球高速公路轨迹GeoJSON).mp4  25.42M
; M8 s, r3 Q& C0 M$ @: `1 _|   ├──397-5.4.世界人口密度(柱子可视化).mp4  201.11M
0 E8 Z2 l) I8 q( ^/ U% f|   ├──398-5.5.世界人口密度(柱子颜色渐变)..mp4  64.63M
& b6 Y+ o7 a; Q( P7 v|   ├──399-5.6.世界人口密度可视化(几何体合并).mp4  74.49M
+ y8 L2 x4 F  Y" f|   ├──400-5.7.柱子可视化(数据特定间距).mp4  40.79M
( B' u0 l0 e5 F# {0 ^  @|   ├──401-6.1.轨迹线(样条曲线).mp4  53.30M
|   ├──402-6.2.飞线(轨迹线上提取一段作为飞线).mp4  24.39M
0 R( y# z3 x, z- m|   ├──403-6.3.飞线粗细设置(linewidth)..mp4  24.22M
|   ├──404-6.4.shader实现小蝌蚪状飞线.mp4  128.58M
6 V& k8 t$ F' v- W|   └──405-6.5.练习题—飞线综合案例.mp4  125.85M
# y3 l/ T* j$ Y├──38-案例——大屏3D地球可视化  
|   ├──406-1.1.地球大屏数据可视化效果.mp4  35.12M
|   ├──407-1.1.课程完成案例展示.mp4  71.26M
|   ├──408-1.2.学习安排.mp4  25.38M
|   ├──409-2.1.Three.js下载并使用.mp4  33.33M
|   ├──410-2.2.一个最小Three.js代码.mp4  95.90M
) d2 G: S8 V8 x, I|   ├──411-2.3.渲染循环、OrbitControls、AxesHelper..mp4  34.71M
# O8 H! ^6 u. v: l2 g, ?|   ├──412-2.4.通过纹理贴图渲染一个地球效果.mp4  32.67M
: ^; O4 f9 h; J& X0 T$ v|   ├──413-3.1.地球经纬度和球面坐标.mp4  20.25M
2 ^' N; k' Q( r2 r7 ~; E- z|   ├──414-3.2.经纬度坐标转球面坐标推理.mp4  41.88M
' S, ?" q  \/ p( }( ~; d|   ├──415-3.3.解析world.json绘制所有国家边界线.mp4  165.39M
  z) e4 ^0 A& x|   ├──416-3.4.解析world.json绘制所有国家轮廓Mesh.mp4  21.15M
' V" D1 r0 Q6 u3 }- a) {8 ], R" U% y|   ├──417-3.5.解析world.json程序生成纹理贴图.mp4  42.18M
|   ├──418-3.6.球面上渲染国家边界线.mp4  42.02M
|   ├──419-3.7.精灵模型Sprite设置地球光圈.mp4  34.25M
  N& l/ C' |0 o8 l7 K3 o$ F|   ├──420-3.8.所有国家边界线合并为一个.mp4  110.28M
|   ├──421-3.9密集点数据可视化.mp4  61.23M
|   ├──422-3.10.密集点数据可视化—颜色插值明暗变化.mp4  51.28M
|   ├──423-3.11.轨迹线可视化.mp4  313.93M
: C& W1 Z: E( w4 c& L+ p* N|   ├──424-4.1.矩形平面Mesh标注球面某地.mp4  62.42M
8 K  W" @, n" M|   ├──425-4.2.平面Mesh标注新闻热点和机场.mp4  33.00M
|   ├──426-4.3.光柱效果.mp4  70.41M
; Y9 @/ [% H; Q|   ├──427-4.4.地球新闻热点标注光柱.mp4  36.69M
|   ├──428-4.5.热点波动光圈-标注新闻热点.mp4  58.70M
|   ├──429-4.6.光柱、光柱底座、波动光圈合成一个.mp4  158.93M
|   ├──430-4.7.光柱高度、颜色和新闻热度相关.mp4  43.52M
% Q/ ~: k: H* |1 B3 s5 W4 S|   ├──431-4.8.射线拾取新闻热点模型对象.mp4  215.00M
/ T2 d, n, E/ `5 e1 ~2 O$ ~6 Z|   ├──432-5.1.整体思路( 生成每个国家的球面Mesh ).mp4  37.66M
4 Y/ n- j* O( _+ @) K0 c|   ├──433-5.2.多边形轮廓内生成等间距网格点.mp4  45.34M
/ T. {$ u2 u, H' ]+ e! u|   ├──434-5.3.三角剖分.mp4  60.05M
|   ├──435-5.4.三角剖分绘制每个国家球面Mesh.mp4  86.55M
|   ├──436-5.5.射线拾取国家Mesh，弹出国家名称HTML标签.mp4  59.65M
1 }4 O9 u& o' t: X|   ├──437-5.6.各个国家GDP可视化(Mesh颜色深浅不同).mp4  56.87M
|   ├──438-5.7.地球陆地网格点阵特效.mp4  242.99M
|   ├──439-6.1.柱子可视化国家GDP.mp4  83.99M
|   ├──440-6.2.世界人口密度可视化-柱子姿态.mp4  90.55M
|   ├──441-6.3.世界人口密度—渲染所有柱子.mp4  293.14M
|   ├──442-6.4.世界人口密度层次感—顶点颜色.mp4  88.50M
, M  j8 ]- @/ e4 K+ [6 p0 c2 Q|   ├──443-7.1.球面上两点轨迹线绘制思路.mp4  64.62M
|   ├──444-7.2.轨迹线实现方式—贝赛尔曲线.mp4  163.35M
( N6 v( G/ ]* U|   ├──445-7.3.圆弧线ArcCurve介绍(绘制一条圆弧轨迹线).mp4  36.95M
|   ├──446-7.4.平面上三点确定一条圆弧.mp4  59.56M
; I) O1 }* X3 P% Y|   ├──447-7.5.3D空间中三点确定一条圆弧飞线轨迹.mp4  54.18M
|   ├──448-7.6.解析经纬度坐标数据绘制轨迹线.mp4  59.19M
|   ├──449-7.7.轨迹线上提取一段作为飞线.mp4  78.05M
- O- X. [' x+ }! `|   ├──450-7.8.shader实现小蝌蚪状飞线.mp4  110.23M
|   ├──451-7.9.圆弧轨迹-使用圆弧绘制绘制飞线.mp4  60.49M
|   ├──452-7.10.练习—解析数据绘制地球飞线效果.mp4  117.35M
|   ├──453-7.11.飞线起始点标注和波动光圈.mp4  39.70M
|   └──454-7.12.棱锥标注飞线起点.mp4  63.28M
, x# |5 a4 M: e0 u) f├──39-入门到精通(本章节当做手册查询功能使用即可)  
, y4 I9 P/ J/ B+ L/ P% ]' g0 ]|   ├──455-1.1 第一个3D(本章节已升级为2023版本，发布在前面，选修即可).mp4  58.43M
3 S, d% _" \2 O|   ├──456-1.2 旋转动画、requestAnimationFrame周期性渲染.mp4  54.65M
( ?; V5 b6 O% \* q$ r5 Q& p( C7 G+ B|   ├──457-1.3 鼠标操作三维场景旋转缩放.mp4  42.07M
|   ├──458-1.4 场景插入新的几何体.mp4  69.51M
8 t" u  e: n. N6 G4 i|   ├──459-1.5 设置材质效果.mp4  23.66M
/ a3 l% ~; y* }- d, ~; K|   ├──460-1.6 光照效果设置.mp4  21.66M
|   ├──461-2.1.顶点位置数据解析渲染.mp4  22.12M
' I3 C- X. h, }1 F; ]|   ├──462-2.2.顶点颜色数据插值计算.mp4  17.56M
|   ├──463-2.3.顶点法向量数据光照计算.mp4  17.17M
1 x7 k: Y% [6 u|   ├──464-2.4.顶点索引复用顶点数据.mp4  17.19M
|   ├──465-2.5.设置Geometry顶点位置和颜色数据( 新版本已舍弃Geometry ).mp4  19.04M
; L( _" j9 V  i" Y$ a4 ||   ├──466-2.6.Face3对象定义Geometry的三角面( 新版本已舍弃Geometry ).mp4  20.37M
|   ├──467-2.7.访问几何体对象的数据( 新版本已舍弃Geometry ).mp4  26.94M
|   ├──468-3.1.常用材质介绍.mp4  25.38M
* s" @9 z8 n  @|   ├──469-3.2.材质共有属性、私有属性.mp4  31.78M
|   ├──470-4.1.点、线、网格模型介绍.mp4  21.43M
|   ├──471-4.2.模型对象旋转平移缩放变换.mp4  16.99M
- J6 z0 U& P& |# J5 Y# u|   ├──472-4.3.模型对象克隆clone复制copy.mp4  24.49M
2 N' O' K, `6 P, S|   ├──473-5.1.光照原理和常见光源类型.mp4  32.20M
8 @' B* D  H2 k  A0 I|   ├──474-5.2.阴影投影计算.mp4  31.44M
|   ├──475-5.3.基类Light和Object3D.mp4  7.88M
|   ├──476-6.1.组对象Group、层级模型.mp4  26.65M
|   ├──477-6.2.对象节点命名、查找、遍历.mp4  26.03M
: \1 f, O7 M7 A. y! V; L* A# i' z|   ├──478-6.3.本地位置坐标、世界位置坐标.mp4  14.22M
5 b! ~! p" W( g$ J|   ├──479-7.1.常见几何体和曲线API介绍.mp4  25.55M
: J, r! P; a, q% T|   ├──480-7.2.圆弧线绘制(直线、椭圆、圆弧)、基类Curve.mp4  28.57M
" H# r0 n6 m. @; {|   ├──481-7.3.样条曲线、贝赛尔曲线.mp4  20.09M
4 O. h5 d6 ~3 x) ?|   ├──482-7.4.多个线条组合曲线CurvePath.mp4  10.07M
& B  }. u% f3 t/ x|   ├──483-7.5.曲线路径管道成型TubeGeometry.mp4  12.96M
|   ├──484-7.6.旋转成型LatheGeometry.mp4  9.05M
|   ├──485-7.7.Shape对象和轮廓填充ShapeGeometry.mp4  29.19M
|   ├──486-7.8.拉伸扫描成型ExtrudeGeometry.mp4  20.71M
|   ├──487-8.1.创建纹理贴图.mp4  27.06M
|   ├──488-8.2.UV映射原理(顶点纹理坐标).mp4  44.63M
|   ├──489-8.3.数组材质、材质索引materialIndex.mp4  29.08M
|   ├──490-8.4.纹理对象Texture(阵列、偏移、旋转...).mp4  39.38M
. h- w2 X2 y6 N3 Q9 f4 m|   ├──491-8.5.canvas画布、视频作为纹理贴图.mp4  23.55M
|   ├──492-8.6.凹凸贴图、法线贴图(压缩模型).mp4  41.47M
$ j1 k( G3 l' x( u2 z  o$ H|   ├──493-8.7.光照贴图添加阴影.mp4  15.44M
; W0 ?* Y8 U' `  Q|   ├──494-8.8.高光贴图..mp4  13.11M
|   ├──495-8.9.环境贴图.mp4  15.39M
|   ├──496-8.10.数据纹理对象DataTexture.mp4  20.27M
|   ├──497-9.1.正投影和透视投影相机.mp4  43.08M
|   ├──498-9.2.窗口变化自适应渲染.mp4  17.04M
; G( {7 r  [! H|   ├──499-10.1.精灵模型对象Sprite..mp4  30.57M
. B" Y2 @) m- ]|   ├──500-10.2.中国城市PM2.5可视化案例.mp4  23.65M
|   ├──501-10.3.树林效果.mp4  17.64M
  S9 I+ P, Z% _|   ├──502-10.4.下雨场景效果模拟.mp4  32.71M
|   ├──503-11.1.编辑关键帧并解析播放.mp4  30.14M
! G- I5 j5 Y" W7 ]! L$ j|   ├──504-11.2.解析外部模型的的帧动画.mp4  18.59M
|   ├──505-11.3.播放设置(暂停、时间段、时间点).mp4  19.03M
|   ├──506-12.1.骨骼动画原理.mp4  60.62M
|   ├──507-12.2.加载外部模型骨骼动画.mp4  29.89M
|   ├──508-12.3.变形目标动画原理.mp4  24.27M
: @. w" x3 w4 u- c1 X, X- ]|   ├──509-12.4.解析外部模型变形目标数据.avi.mp4  27.45M
  C9 `& e( B1 q|   ├──510-13.1.音频与场景关联(音源、监听者).mp4  22.19M
5 F/ b' J$ r! s( |* l|   ├──511-13.2.音乐可视化..mp4  17.26M
|   ├──512-14.1.Three.js数据结构、导入导出..mp4  54.07M
: g4 k7 z6 Q( P$ i|   ├──513-14.2.加载stl文件并解析.mp4  22.35M
! p; k# {( c' O6 \1 p; b$ G& e|   ├──514-14.3.加载obj文件(几何体、材质、贴图.mp4  34.53M
|   ├──515-14.4.加载FBX并解析骨骼动画.mp4  20.40M
|   ├──516-14.5.手镯在线预览(商品展示).mp4  25.30M
|   ├──517-14.6.心脏预览(法线、高光、环境贴图)..mp4  40.32M
|   ├──518-15.1.场景渲染结果网页局部显示.mp4  23.29M
|   ├──519-16.1.向量.mp4  34.18M
- [$ `: n$ w- x) R* I0 S|   ├──520-16.2.矩阵.mp4  31.51M
|   ├──521-16.3.旋转、平移和缩放矩阵.mp4  18.98M
|   ├──522-16.4.投影矩阵、视图矩阵.mp4  25.83M
6 V+ d6 B& M9 v|   ├──523-16.5.包围盒Box3、Box2、Sphere.mp4  20.46M
* ~* R( x  j2 ?0 }|   ├──524-16.6.欧拉Euler和四元数Quaternion.mp4  24.64M
6 I* X) }- Z" N( G7 o|   ├──525-16.7.几何计算Line3、Triangle、Ray、Plane.mp4  25.05M
5 ], M& K* E( z& |: ?# ?4 V+ ^  K|   ├──526-17.1.场景、相机和渲染器（17章学习前提：熟悉webgl和threejs）.mp4  37.89M
  r2 o( [- f' P8 X, C|   ├──527-17.2.WebGL渲染器简介.mp4  33.47M
|   ├──528-17.3.renderers目录下渲染器相关代码块介绍.mp4  56.94M
|   ├──529-17.4.顶点数据封装.mp4  37.38M
+ _/ x; F3 Y  \1 q, a|   ├──530-17.5.解析几何体提取顶点数据.mp4  70.61M
|   ├──531-17.6.层级模型封装和解析.mp4  31.46M
|   ├──532-17.7.本地矩阵和世界矩阵.mp4  34.56M
4 @' u: F% F3 s|   ├──533-17.8.对象具体分类过程.mp4  41.38M
|   ├──534-17.9.点线网格模型和绘制模式.mp4  27.23M
, u, O* Q* g" i# o6 |0 l|   ├──535-17.10.光源对象分类.mp4  32.58M
|   ├──536-17.11.Material对应的Shader.mp4  45.62M
" J; o, M! Z8 X4 f# C" A* k! D|   ├──537-17.12.处理shader代码.mp4  42.03M
|   ├──538-17.13.着色器字符串处理—材质属性、光源数量.mp4  18.87M
|   ├──539-17.14.火狐查看Three.js合成的着色器shader.mp4  27.71M
& w% ^  j; W" `6 D. \4 \, f|   ├──540-17.15.传值-attribute.mp4  36.14M
9 g% y; |, E4 `& x|   ├──541-17.16.uniform变量传值.mp4  48.88M
|   ├──542-17.17.着色器材质对象ShaderMaterial.mp4  22.48M
|   ├──543-18.1.第一个three.js着色器程序.mp4  17.94M
3 G' A- R3 u* i9 y$ B0 ?|   ├──544-18.2.着色器—矩阵变换.mp4  24.42M
9 b' x% N. }( \. |) L0 k9 Q|   ├──545-18.3.着色器——Uniform.mp4  15.11M
6 X, t- O  t' O|   ├──546-18.4.着色器——光照计算.mp4  21.72M
|   ├──547-18.5.着色器——颜色插值计算.mp4  14.01M
|   ├──548-18.6.着色器——纹理贴图.mp4  15.28M
|   ├──549-18.7.着色器——彩色图处理为灰度图..mp4  6.86M
|   ├──550-18.8.着色器——UV动画.mp4  14.29M
5 E. A- P& N* L% Y2 V|   ├──551-18.9.着色器——着色器模块.glsl调用.mp4  19.90M
|   ├──552-18.10.着色器——系统uniforms模块调用UniformsLib.mp4  20.11M
4 S4 |& s3 p( w% I5 c|   ├──553-18.11.着色器——模仿系统的材质对象.mp4  14.65M
|   ├──554-18.12.着色器——自动提取光源对象信息.mp4  45.96M
1 X  L! \  ?4 M( C& K1 k) S7 g|   ├──555-18.13.着色器——phong网格材质二次开发.mp4  10.44M
. N- ~6 r1 k+ Z0 G|   ├──556-18.14.WebGLRenderTarget(离屏渲染).mp4  44.14M
' U& j+ ^  h; W1 c|   ├──557-18.15.WebGLRenderTarget实现灰度图后处理功能.mp4  12.18M
|   ├──558-16.后处理EffectComposer—自定义着色器.mp4  26.17M
8 O, S5 i, {% [7 X|   ├──559-18.17.后处理EffectComposer——直接调用常见通道.mp4  21.06M
$ X) }, D1 t0 k  a5 J|   ├──560-19.1.模型标注(热点)——平面网格模型Mesh.mp4  36.07M
|   ├──561-19.2.模型标签——精灵模型对象Sprite.mp4  16.51M
|   ├──562-19.3.模型的标签——HTML元素.mp4  30.53M
6 P0 O( A# t% i* `, Q7 O|   ├──563-19.4.HTML元素标签位置更新.mp4  21.71M
; Y1 n; ?7 o/ ^1 l|   ├──564-19.5.模型标签—HTML、CSS实现一个好看的UI效果.mp4  18.69M
3 U1 a+ p5 c- A( [  G) u0 C* C|   ├──565-19.6.模型标签——Canvas技术与threejs结合.mp4  28.17M
|   ├──566-19.7.Canvas作为精灵或网格模型标签的贴图.mp4  20.63M
  \: i1 E/ d6 ^# d) U|   ├──567-19.8.CSS2DRenderer—HTML元素标签.mp4  32.90M
|   ├──568-19.9.CSS3DRenderer.mp4  35.27M
2 u) L0 S$ k+ _' Y! B6 h" E/ v|   ├──569-19.10.标签坐标问题—局部、世界坐标.mp4  40.83M
7 s3 S  G# l" v1 g: y. v1 s9 K- e|   ├──570-19.11.标签坐标问题—几何体顶点坐标.mp4  73.56M
6 F0 f: v. B9 B- Y3 d  Y8 D, G" t|   ├──571-19.12.标签坐标问题—加载外部模型标注案例.mp4  51.33M
|   ├──572-19.13.标签坐标问题—几何体偏移.mp4  14.67M
9 ~4 ?  \. c# a) K|   ├──573-19.14.射线投射器Raycaster和射线Ray介绍.mp4  14.48M
4 M& m+ K/ _8 e, _: g% x|   ├──574-19.15.射线Raycaster—鼠标点击选中拾取网格模型.mp4  17.19M
0 d2 T) r  b5 U|   ├──575-19.16.点Points线Line精灵Sprite—拾取.mp4  15.78M
|   ├──576-19.17.射线碰撞检测相关.mp4  22.98M
|   ├──577-19.18.射线拾取、模型标签坐标变换—局部渲染.mp4  14.77M
4 N, y9 e; i( F% [% |: B|   ├──578-20.1.全屏和局部区域渲染.mp4  32.56M
|   ├──579-20.2.Threejs画布自适应窗口尺寸变化(窗口事件).mp4  42.74M
7 ^6 O0 F0 T& c1 s3 W|   ├──580-20.3.Three.js背景(图片作为背景或设置颜色).mp4  22.59M
  F# i1 Q; \+ }6 r|   ├──581-20.4.Three.js背景透明度(模型悬浮在网页上).mp4  34.27M
& y3 n+ ~. m7 h( [3 u' o; t6 ^9 N+ P. _|   ├──582-20.5.WebGL渲染器锯齿问题..mp4  29.27M
0 c! X* w7 b0 F* ]. P|   ├──583-20.6.帧缓冲区(颜色、深度、模板).mp4  273.94M
|   ├──584-20.7.材质控制渲染管线(深度测试).mp4  34.67M
4 B9 V0 s6 r* s( i|   ├──585-20.8.Three.js渲染视口.setViewport().mp4  33.00M
|   ├──586-20.9.渲染管线剪裁测试( 剪裁方法`.setScissor()`.mp4  40.29M
9 Y8 _) v' [% q- V0 W9 n|   ├──587-20.10.渲染管线—模板测试.mp4  77.06M
9 k/ F2 O$ E! |3 X. P: |% x; `5 k( }|   ├──588-20.11.剪裁剖切模型(.clippingPlanes属性).mp4  34.24M
|   ├──589-20.12.添加剖切面封口(模板测试).mp4  247.41M
|   ├──590-20.13.Three.js渲染结果保存为图片.mp4  23.90M
5 |; S6 ^) f! E|   ├──591-20.14.Three.js渲染更新总结.mp4  269.65M
|   ├──592-20.15.模型闪烁解释( 两个平面重合或非常接近 ).mp4  27.42M
% _) d4 I2 j8 K, p% o$ P|   ├──593-20.16.透视投影相机导致的模型闪烁Z-fighting.mp4  18.31M
/ e5 C5 s" J2 ]3 G4 z|   ├──594-20.17.渲染顺序(.sortObjects和.renderOrder).mp4  42.74M
2 l7 U8 U; a4 ?$ J1 O2 b4 i|   ├──595-20.18.多个二维图叠加渲染(禁止深度测试解决深度冲.mp4  17.19M
|   ├──596-20.19.一个模型总渲染在前面(排序和深度测试).mp4  21.26M
; F2 y# k8 b, a! [- d0 Z% F5 o|   ├──597-20.20.透明和不透明three.js默认渲染顺序.mp4  24.71M
( j! {: V3 S, T, D+ O|   ├──598-20.21.透明模型嵌套(透明模型渲染排序).mp4  24.82M
/ D% @3 G: N7 g, U4 I" o! Z|   ├──599-21.1.相机动画( .position 和 .lookAt() ).mp4  64.24M
|   ├──600-21.2.相机不同方向的投影视图.mp4  45.17M
|   ├──601-21.3.旋转canvas画布渲染结果( .up 相机上方向).mp4  12.62M
|   ├──602-21.4.相机漫游视线和轨迹相切( 沿已知坐标的轨迹 )..mp4  39.69M
- ^" x- v/ r$ Q: O# {* Q|   ├──603-21.5.练习小案例—管道漫游.mp4  101.96M
|   ├──604-21.6.获得相机当前视线方向，并沿着视线移动.mp4  30.49M
& j+ H1 D; i; N7 i5 Y. M5 R9 n( \|   ├──605-21.7.OrbitControls.js相机控件.mp4  34.75M
' R4 F1 Q: d9 y- p0 j|   ├──606-21.8.浏览器控制台辅助选择相机视角(OrbitControls·.mp4  117.97M
- a% _4 V3 E7 X9 z|   ├──607-21.9.同步两个相机的位置视线等信息.mp4  22.40M
|   ├──608-21.10.地图导航控件MapControls.mp4  86.89M
: h* J  Q$ I  I: y|   ├──609-21.11.鼠标单击目的地，相机飞行漫游.mp4  122.60M
|   ├──610-21.12.相机控件与.lookAt()无效( .target属性 ).mp4  160.84M
|   ├──611-21.13.模型无法渲染或渲染不完整( 相机参数不匹配.mp4  53.46M
* L$ \! [0 `. E7 ^  d|   ├──612-21.14.包围盒功能辅助你合理设置相机参数.mp4  46.56M
|   ├──613-21.15.正投影相机自适应居中和全屏渲染模型.mp4  37.04M
|   ├──614-21.16.透视投影相机自适应居中和全屏模型渲染.mp4  140.64M
0 Q* T* z' V, ]9 q# O|   ├──615-21.17.判断mesh是否位于相机视锥体Frustum内.mp4  142.54M
|   ├──616-22.1.渲染Mesh三角形边线和顶点.mp4  63.30M
/ P2 C. {+ [3 J* `* m2 F|   ├──617-22.2.渲染模型边界线EdgesGeometry.mp4  33.37M
& n3 D3 d  c: O4 l! [  F: ^- ^|   ├──618-22.3.几何边线和半透明渲染模型.mp4  21.98M
2 W6 l5 S! J4 M. a9 v! r|   ├──619-22.4.模型隐藏( .visible ).mp4  16.60M
|   ├──620-22.5.雾化效果(Fog).mp4  24.59M
( P8 V% k- J9 l$ O5 k& H. H|   ├──621-22.6.练习小案例—简约地面效果.mp4  51.79M
$ n, O1 {& u. d6 o|   ├──622-22.7.线宽lineWidth无效( 扩展库解决线宽 ).mp4  23.84M
7 `  A; g2 G  Z' F! ^2 I; Q8 Z( O|   ├──623-22.8.模型高亮发光描边(后期处理OutlinePass).mp4  33.05M
6 w1 b1 q- X) B0 b) o|   ├──624-23.1.PBR材质简介.mp4  41.95M
|   ├──625-23.2.PBR材质渲染金属质感例子.mp4  52.16M
. L7 [$ |* Y5 ]6 p|   ├──626-23.3.PBR材质环境贴图(金属效果例子).mp4  47.72M
( Y1 m$ W3 A; M+ X$ s* G# m|   ├──627-23.4.解析外部PBR模型(金属度和粗糙度贴图).mp4  33.39M
|   ├──628-23.5.alphaMap透明度贴图.mp4  70.99M
% |# y3 p, D2 m+ W' M8 J. G|   ├──629-24.1.序列帧动画(多张图).mp4  24.00M
|   ├──630-24.2.序列帧动画(单张图，UV坐标)..mp4  82.04M
|   ├──631-24.3.矩形Mesh加背景透明png贴图(场景标注).mp4  130.87M
|   ├──632-24.4.光柱效果.mp4  30.49M
|   ├──633-24.5.球体Mesh渲染全景图.mp4  28.64M
|   ├──634-24.6.渲染全景图(矩形Mesh拼接立方体空间).mp4  52.82M
$ v+ a* k* v2 g9 P! \) @|   ├──635-24.7.一个贴图加载完再加载另一个(Promise和async).mp4  34.42M
4 ?- {& L1 O, V0 g6 f|   ├──636-24.8.优先加载视锥体内Mesh的全景贴图.mp4  33.04M
- Z/ O: ?4 E1 v: R7 @, O4 o|   ├──637-24.9.矩形图片剪裁为圆形渲染(CircleGeometry)..mp4  21.46M
|   ├──638-25.1.position控制片元.mp4  28.50M
|   ├──639-25.2.纹理贴图像素值混合叠加.mp4  53.15M
- y( R8 S& O, K3 }, b: A" J; M|   ├──640-25.3.随着高度透明度渐变(onBeforeCompile二次开发.mp4  58.19M
3 E# A( l- E" U+ Y|   ├──641-25.4.onBeforeCompile修改Phong着色器代码(灰度图).mp4  33.82M
  l2 I4 N5 V5 T8 H|   ├──642-25.5.PointsMaterial方点变圆点.mp4  23.24M
|   ├──643-25.6.练习小案例—波浪特效1.mp4  134.93M
" ^3 J$ P& G9 s6 O$ h|   ├──644-25.7.练习小案例—波浪特效2(圆点渲染).mp4  56.99M
, L+ s7 F3 j& H% s! a% X: G|   ├──645-25.8.练习小案例-波浪特效3(波峰波谷点大小不同).mp4  55.43M
|   ├──646-26.1.绘制三角函数曲线和波动动画.mp4  45.61M
6 i6 ~5 h& d: Y* M|   ├──647-26.2.BufferGeometory构建一个加号.mp4  17.64M
|   ├──648-26.3.ShapeGeometry填充加号轮廓.mp4  15.57M
|   ├──649-26.4.样条曲线绘制心形轮廓.mp4  16.56M
4 J) ]% X, f3 j! T3 i|   ├──650-26.5.几何体表面积计算.mp4  77.90M
|   ├──651-26.6.多个几何体合并为一个BufferGeometryUtils.mp4  96.34M
|   ├──652-26.7.山脉地形高度可视化(顶点颜色插值).mp4  47.08M
# W$ {( d7 s9 J|   ├──653-26.8.一段曲线颜色渐变.mp4  37.00M
|   ├──654-26.9.一段曲线逐渐绘制出来(.setDrawRange).mp4  26.81M
3 I. Z% [) _" K! ~' v|   ├──655-26.10.细线飞线和飞线轨迹.mp4  37.27M
) s0 j( Z" h! [# u5 _|   ├──656-26.11.粗线飞线..mp4  28.00M
|   ├──657-26.12.粗头细尾飞线(自定义着色器).mp4  40.21M
8 a# p' L6 ]$ z  c; A& ?|   ├──658-26.13.轨迹线生成带状平面Mesh.mp4  121.25M
|   ├──659-26.14.getSpacedPoints和getPoints曲线上取点区别.mp4  34.13M
' d$ j3 y  ~: h9 }* I; A) [. y|   ├──660-26.15.轨迹线生成带状平面Mesh(CurvePath直线不细·.mp4  53.51M
|   ├──661-26.16.直线拐角自动圆角化(贝赛尔曲线转弯)..mp4  128.60M
2 T: Q  Q! t7 P|   ├──662-26.17.直线拐角自动圆角化(圆弧转弯).mp4  167.28M
|   ├──663-26.18.光点或小球沿着任意轨迹线运动.mp4  17.65M
+ Y3 [) R( f* b2 K" l1 _( y|   ├──664-26.19.练习小案例—纯代码模拟树和小树林.mp4  98.40M
|   ├──665-27.1.三维模型、美术、分工.mp4  214.03M
|   ├──666-27.2.三维模型导出格式问题.mp4  45.96M
3 q" J3 i" m2 t, l: @3 ]/ X|   ├──667-27.3.three.js编辑器editor简介.mp4  58.82M
& g4 l  \5 @! f/ i2 s|   ├──668-27.4.three.js editor设置材质和贴图.mp4  164.07M
|   ├──669-27.5. GLTF格式简介 (Web3D领域JPG).mp4  42.06M
|   ├──670-27.6.加载GLTF格式文件.mp4  33.26M
5 a) J: {/ k; s9 l4 f5 P|   ├──671-27.7.相机渲染范围和外部模型尺寸匹配(美术与程序).mp4  77.66M
! l9 X- ^- D, v2 R: |5 ?* c' w9 c' g/ D|   ├──672-27.8.美术是否居中导出模型问题.mp4  29.38M
|   ├──673-27.9.模型导出角度和姿态调整问题(美术导出注意).mp4  32.73M
|   ├──674-27.10.导出gltf格式是否包含光源对象.mp4  47.71M
|   ├──675-27.11.解析层级模型批量设置材质颜色、环境贴图等.mp4  39.36M
|   ├──676-27.12.加载gltf包含外部贴图.bin等文件.mp4  33.03M
# n- a% o, b& k|   ├──677-27.13.程序与美术协作(模型命名).mp4  57.96M
3 }9 e1 f, M2 S  V7 Q/ z4 M) b|   ├──678-27.14.获取模型加载进度设置进度条.mp4  25.56M
|   ├──679-27.15.解析外部模型骨骼关键帧动画(GLTF).mp4  26.71M
# T6 A7 i$ y$ k+ U|   ├──680-27.16.模型压缩(gltf-pipeline、Draco).mp4  117.84M
|   ├──681-27.17.包围盒计算模型位置(平移模型居中).mp4  30.23M
" e. v* `+ X, O1 W|   ├──682-28.1.查看渲染性能(stats.js计算渲染帧率FPS).mp4  40.68M
: i$ Z0 M6 K7 @% b3 a|   ├──683-28.2.资源占用和性能瓶颈(CPU、内存、GPU、显存).mp4  121.23M
( e+ e1 ]! K: A  |# W- V) L|   ├──684-28.3.控制redner执行减少GPU资源占用.mp4  28.53M
( \' e1 m( C: w9 W9 v$ E2 B5 [|   ├──685-28.4.remove()移除场景不需要的对象.mp4  17.33M
|   ├──686-28.5.浏览器控制台查看geometry内存占用.mp4  23.06M
! D! J1 q7 W' v. p|   ├──687-28.6.three.js对象CPU内存占用释放.mp4  21.97M
, U- B) R/ w* Q- M5 R! `9 ?- X|   ├──688-28.7.GPU内存释放.dispose().mp4  111.99M
|   ├──689-28.8.几何体和材质尽量共享.mp4  30.41M
1 f! P3 Q. O# j|   ├──690-28.9.几何体合并.mp4  26.11M
. W( ^' f# _4 [; K9 \1 Q! t1 C1 A|   ├──691-28.10.尽量选择BufferGeometry.mp4  21.87M
  F1 {  w. X1 g|   ├──692-28.11.多细节层次模型Lod.mp4  181.60M
, p& j( a2 C% P& F|   ├──693-29.1.动画库tweenjs简介和引入项目.mp4  23.53M
|   ├──694-29.2.第一个threejs和tweenjs结合案例.mp4  31.91M
|   ├──695-29.3.多段tween动画串联起来.chain().mp4  25.36M
|   ├──696-29.4.批量创建tween动画片段并串联.mp4  13.86M
|   ├──697-29.5.tween开始、暂停、继续、延迟、重复.mp4  20.49M
* M% A3 k; j: I|   ├──698-29.6.动画不同阶段回调函数(开始、执行中、完成).mp4  19.53M
|   ├──699-29.7.一段tween完成后多个tween同步执行.mp4  10.29M
( o$ ?" S( J2 \7 Z- \. v/ z|   ├──700-29.8.缓动算法.easing().mp4  129.35M
3 J1 E( w+ x6 O9 ]|   ├──701-29.9.模型颜色渐变动画..mp4  12.07M
7 y/ X" E: ]5 Z|   ├──702-29.10.模型或标签淡入淡出.mp4  18.24M
8 X4 G( s, j6 ^0 E  L6 l  i2 v! Q|   ├──703-29.11.相机运动动画.mp4  11.09M
|   ├──704-30.1.Web3D项目实战开发(three.js与web前端结合).mp4  24.31M
|   ├──705-30.2.threejs与前端框架结合(Vue、react、angular).mp4  37.18M
|   ├──706-30.3.vue-cli4项目文件引入three.js.mp4  45.83M
3 _4 E' R) z/ x& l% J8 U|   ├──707-30.4.CSS z-index层叠问题.mp4  17.82M
|   ├──708-30.5.vue前端UI与3D场景交互—改变颜色.mp4  14.57M
|   ├──709-30.6.vue创建threejs HTML标签组件.mp4  26.53M
|   └──710-30.7.加载gltf模型文件.mp4  14.17M
├──4-【Threejs教程】2.几何体BufferGeometry顶点  
|   ├──38-1.几何体顶点位置数据和点模型对象Points.mp4  45.66M
|   ├──39-2.线模型渲染顶点数据.mp4  23.81M
' D/ U  {$ p" R1 ]: r3 P|   ├──40-3.网格模型渲染顶点数据(三角形概念).mp4  25.05M
|   ├──41-4.构建一个矩形平面几何体.mp4  20.58M
|   ├──42-5.几何体顶点索引数据.mp4  27.78M
- X0 J+ w/ l7 L# ]; ?1 `$ y" I|   ├──43-6.顶点法线数据.mp4  33.14M
; Z- |) b' _- ?|   ├──44-7.查看three.js自带几何体顶点结构.mp4  44.63M
|   └──45-8.BufferGeometry的旋转、缩放、平移方法.mp4  30.14M
├──40-案例—智慧城市  
|   ├──711-1.1智慧城市案例.mp4  100.50M
. f, m5 y% ]" C/ a|   ├──712-1.2.技术方向和方案问题(选看).mp4  33.55M
|   ├──713-1.3.学习安排(必看).mp4  22.30M
|   ├──714-2.1.开发环境和threejs基本代码.mp4  30.92M
|   ├──715-2.2.城市3D场景构建思路和数据问题.mp4  65.55M
|   ├──716-2.3.加载blender导出的城市gltf模型.mp4  57.44M
|   ├──717-2.4.访问加载场景的某些或某个模型设置材质.mp4  41.18M
|   ├──718-2.5.ShapeGeometry解析城市几何数据.mp4  55.76M
|   ├──719-2.6.ShapeGeometry批量渲染建筑物平面图.mp4  38.60M
$ d& L6 S+ p5 J( o. i, [+ h|   ├──720-2.7.经纬度转墨卡托坐标.mp4  69.45M
- e2 P, v5 W4 z; W|   ├──721-2.8.ExtrudeGeometry批量渲染建筑物.mp4  73.41M
|   ├──722-2.9.代码生成的模型导出gltf格式.mp4  40.10M
|   ├──723-3.1.根据多边形轮廓坐标构建围墙geometry.mp4  45.35M
2 [% j# a+ p' n3 N6 _|   ├──724-3.2.围墙透明度渐变发光shader-自定义高度相关.mp4  53.12M
|   ├──725-3.3.围墙透明度渐变发光shader - 使用position控.mp4  34.99M
|   ├──726-3.4.围墙geometry UV坐标生成.mp4  27.50M
2 r2 _, B' W/ o|   ├──727-3.5.围墙流动效果—texture动画.mp4  29.97M
3 s& @" x! S7 ]3 Q7 _9 {* f|   ├──728-3.6.围墙水平方向流光.mp4  33.08M
# i& |  p) X  o% ]5 S+ U' M|   ├──729-3.7.外部模型或threejs自带几何体流光效果.mp4  15.62M
|   ├──730-3.8.自定义ShapeGeometry的UV坐标，设置水面纹理.mp4  90.40M
* |7 _( s- N  z% k- K8 a7 f|   ├──731-4.1.建筑随着高度颜色渐变shader.mp4  53.67M
|   ├──732-4.2.建筑物雾化效果.mp4  38.06M
|   ├──733-4.3.点阵模拟地面.mp4  37.09M
( g6 Q4 m. A- V2 h) N, ]) N|   ├──734-4.4.模型线框.mp4  60.49M
|   ├──735-4.5.建筑场景扫描光带shader.mp4  63.28M
|   ├──736-4.6.建筑场景扫描光环shader.mp4  27.45M
* B: v$ q: I& R|   ├──737-5.1.城市场景插入飞行的无人机.mp4  60.54M
& {  Y0 t$ Z' R0 K|   ├──738-5.2.线模型绘制轨迹线.mp4  23.94M
- E% P  q0 N% ?( U, w, g|   ├──739-6.1.地面波动光圈.mp4  30.77M
# ~, ?- p( j$ ]. ~4 l! {' N|   ├──740-6.2.旋转棱锥.mp4  21.07M
|   ├──741-6.3.棱锥透明度渐变.mp4  23.27M
# t; O6 P9 K3 Z( S|   ├──742-6.4.圆柱透明渐变波动效果.mp4  28.54M
1 R  I2 j5 C" G9 \; x# L|   ├──743-6..5.透明度径向渐变球shader.mp4  46.97M
|   ├──744-6.6.扫描雷达效果.mp4  25.65M
1 d( o5 }8 Y% D4 h|   ├──745-6.7.信号波动画.mp4  28.84M
. G& c8 p9 B4 `|   ├──746-6.8.HTML标签标注无人机和建筑物.mp4  73.43M
8 W. G* n* K* e9 K8 r|   ├──747-6.9.火焰序列帧动画.mp4  20.85M
8 o0 r1 T& z. M. `& m$ d: s|   ├──748-6.10.信号飞线shader.mp4  45.10M
9 ?# v1 U( }" w6 [# l$ T|   ├──749-6.11.地铁公路流线shader.mp4  24.20M
|   ├──750-7.1.渲染帧率测试.mp4  36.40M
0 |" _3 X& b/ d' _, D6 ~* A4 d4 K|   ├──751-7.2.几何体合并.mp4  51.74M
|   ├──752-7.3.draco压缩模型.mp4  27.43M
; `$ Y) s0 a; @8 h& {|   ├──753-8.1.与前端结合工程化开发.mp4  61.76M
1 n1 O: V& D. L* n8 {+ u4 f8 L: P|   └──754-9.1.城市3D场景和大屏可视化图表结合.mp4  66.81M
8 b8 @# W3 M: H├──41-【WebGPU教程】1.WebGPU快速入门  
& L7 J' o' M- y7 r0 _|   ├──755-1.WebGPU学习开发环境配置.mp4  14.29M
2 H4 x6 C' z) D5 T' \: o7 z|   ├──756-2.WebGPU API和Canvas画布.mp4  46.31M
|   ├──757-3.创建顶点缓冲区、渲染管线.mp4  91.74M
|   ├──758-4.着色器语言WGSL快速了解.mp4  41.06M
4 @" Q. O4 q* T0 d' |1 n|   ├──759-5.顶点着色器.mp4  91.20M
|   ├──760-6.片元着色器、图元装配.mp4  61.78M
( j: Y6 Z& S$ d0 Z|   ├──761-7.渲染命令(至此完成第一个案例).mp4  93.81M
7 \4 r: O, X' y2 Y2 j: a|   ├──762-8.WebGPU 3D坐标系(投影).mp4  34.96M
5 Z6 E! F8 ?7 c& F* |1 V+ W|   └──763-9.三角形拼接矩形.mp4  31.74M
' A0 _& m6 F  P2 v: b$ n6 L/ s├──42-【WebGPU教程】2. 3D几何变换数学基础  
|   ├──764-1.数学基础(平移、旋转、缩放矩阵).mp4  39.80M
|   ├──765-2.模型矩阵.mp4  42.06M
! Y( G  k2 ]7 o3 l( z|   ├──766-3.gl-matrix数学计算库.mp4  61.31M
" v( k" w% {1 W$ |6 y|   ├──767-4.顶点着色器矩阵变换.mp4  65.99M
/ q( C* Z  }, o9 S|   ├──768-5.传递uniform数据..mp4  100.87M
" T  N0 o6 a  B|   ├──769-6.gl-matrix生成顶点着色器的矩阵.mp4  46.16M
|   ├──770-7.WebGPU动画(uniform旋转矩阵).mp4  54.55M
6 a5 m; t" H" Y* S4 A/ W1 B/ \( |7 K* N|   ├──771-8.绕y轴旋转动画.mp4  37.85M
|   ├──772-9.片元的屏幕坐标.mp4  62.61M
|   ├──773-10.片元深度值、深度缓冲区.mp4  33.24M
& L/ t3 e* ]' o4 A9 F% U8 Z|   ├──774-11.WebGPU顶点数据插值计算.mp4  54.27M
1 K! H+ d+ Q5 y' `" F|   ├──775-12.练习—顶点位置插值.mp4  50.70M
, J$ N) c" @- T7 ]- b0 [|   ├──776-13.顶点颜色渐变插值.mp4  69.19M
|   ├──777-14.顶点位置、颜色数据共享缓冲区.mp4  57.07M
|   ├──778-15.练习-顶点颜色.mp4  19.00M
, x+ T5 i& }) a' i( C& c) U- ]|   └──779-16.结构体作为WGLSL函数参数.mp4  22.54M
' r; B4 Q3 ?) |7 P' o" Z├──5-【Threejs教程】3.模型对象、材质  
( w3 \/ T* e1 n6 Q|   ├──46-1.三维向量Vector3与模型位置、缩放属性.mp4  62.79M
. i6 y; o; K& @% g2 A7 a|   ├──47-2.欧拉Euler与角度属性.rotation.mp4  34.24M
1 Y% k3 p# I' O|   ├──48-3.模型材质颜色(Color对象).mp4  41.87M
3 a( s+ f; |4 A, i+ u|   ├──49-4.模型材质父类Material.mp4  40.02M
/ m" t8 J* K' ?+ ?: l|   ├──50-5.模型材质和几何体属性.mp4  31.06M
* y+ t1 m) W+ K9 I' s. D8 ]6 z|   └──51-6.克隆.clone()和复制.copy().mp4  38.46M
; j3 j( B. l/ g+ H, z$ K1 V  I+ ]; |├──6-【Threejs教程】4.层级模型  
; j5 l3 G3 C% c  ]! ||   ├──52-1.组对象Group、层级模型.mp4  50.96M
; c! S0 A( E4 \# J2 ?" Q|   ├──53-2.递归遍历模型树结构、查询模型节点.mp4  37.92M
3 z  M+ ?& m8 m0 k2 y) L( ]|   ├──54-3.本地坐标和世界坐标.mp4  25.16M
) y6 E3 x0 T* R8 x: q7 i+ U|   ├──55-4.改变模型相对局部坐标原点位置.mp4  16.37M
|   ├──56-5.移除对象.remove().mp4  21.08M
/ K6 Y; ]' \+ U$ M2 V4 g|   └──57-6.模型隐藏或显示.mp4  19.42M
- {( |6 I# Y0 @( C9 f3 t8 j" C: s├──7-【Threejs教程】5.几何顶点UV坐标、纹理贴图  
. k+ j+ L; V" X8 u|   ├──58-1.创建纹理贴图.mp4  27.96M
|   ├──59-2.自定义顶点UV坐标.mp4  29.19M
/ [+ }% w! p' Z6 r( K|   ├──60-3.圆形平面CircleGeometry设置纹理贴图.mp4  23.36M
|   ├──61-4.纹理对象Texture阵列( 瓷砖地面案例 ).mp4  58.65M
3 q1 z9 `/ M' L1 \0 B& N|   ├──62-5.矩形Mesh加背景透明png贴图(场景标注).mp4  70.01M
, v( |+ }5 S' p6 y8 L5 K|   └──63-6.UV动画(偏移属性.offset).mp4  63.99M
├──8-【Threejs教程】6.加载外部三维模型(gltf)  
0 R5 L9 Z3 O& g) u8 W3 ]|   ├──64-1.建模软件绘制3D场景(比如Blender).mp4  47.58M
|   ├──65-2. GLTF格式简介 (Web3D领域JPG).mp4  47.28M
|   ├──66-3.加载.gltf文件(模型加载全流程) (如遇版本变化参考电子书说明).mp4  128.64M
|   ├──67-4.OrbitControls辅助设置相机参数.mp4  56.95M
|   ├──68-5.gltf不同文件形式(.glb、贴图、.bin).mp4  36.67M
|   ├──69-6.模型命名(程序与美术协作)—层级模型节点选择.mp4  48.41M
|   ├──70-7.递归遍历层级模型修改材质.mp4  45.04M
  x5 b' \9 @1 f6 ?/ t* e7 `4 ?|   ├──71-8.外部模型材质是否共享的问题.mp4  28.32M
; \) Q) E, k! f& z% l% Q! V|   ├──72-9.纹理.encoding和渲染器.outputEncoding.mp4  58.69M
|   └──73-10.gltf模型更换.map(纹理.flipY属性).mp4  23.02M
├──9-【Threejs教程】7.PBR材质与纹理贴图  
+ u) k1 Q1 G$ ^! y5 @' r|   ├──74-1.PBR材质简介.mp4  29.58M
' {% q$ |: F$ `* j8 p" S2 H|   ├──75-2.PBR材质金属度和粗糙度(金属效果).mp4  28.84M
: i  o5 L1 `/ W4 a4 b) A! K2 J7 P|   ├──76-3.环境贴图.envMap(金属效果).mp4  48.90M
|   ├──77-4.环境贴图2.mp4  41.84M
|   ├──78-5.MeshPhysicalMaterial清漆层Clearcoat.mp4  58.58M
+ z4 D; G, r5 ?|   ├──79-6.物理材质透光率.transmission.mp4  31.20M
$ k4 _. R, p7 V3 o5 a+ I|   └──80-7.三维软件导出PBR材质属性.mp4  43.04M
└──部分源码  
0 J5 S. w' A5 ?|   ├──1-9章节.zip  117.79M
% u( N  H! J6 T$ J|   ├──three.js.zip  322.21M
8 y5 q1 b# `' L  M7 ^* t% N. r|   └──课件地址(图文电子书).txt  0.23kb
( C" |8 {! R8 w2 t4 o, M0 g
+ y! U4 L; w: i  o$ o, ^



资源下载地址和密码（百度云盘）：

游客，如果您要查看本帖隐藏内容请回复

[/hide] 百度网盘信息回帖可见
# `6 B+ t: X% E, X- s
6 ]; Q0 g/ K! U, s! O
; J9 n9 A9 ~( a' i! X! R
. W' i2 r' }8 u+ Y) l本资源由Java自学网收集整理【www.javazx.com】

夢幻

强烈支持楼主ing……

王林全

强烈支持楼主ing……