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