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