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