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