Three.js可视化企业实战WEBGL课-2024年50章(源码+素材+课件)99G

知己的孤魂

├─{1}--认识three.js与开发环境搭建
│      [1.1]--如何的学习WEB可视化3D技术与课程内容演示.mp4
6 S9 I  x! v- o│      [1.2]--新增打造开放世界课程项目预览.mp4
$ y8 o4 ^# n. T│      [1.3]--本地部署threejs官网文档与案例.mp4
│      [1.4]--threejs第一个3d页面.mp4
4 g# I+ {) ?! P* K│      [1.5]--threejs结合vue进行开发.mp4
│      [1.6]--threejs结合React进行开发.mp4
│      
├─{2}--Three.js开发入门与调试设置
│      [2.1]--坐标辅助器与轨道控制器.mp4
│      [2.2]--物体位移与父子元素.mp4
│      [2.3]--物体的缩放与旋转.mp4
│      [2.4]--响应式画布与全屏控制..mp4
│      [2.5]--应用lil-GUI调试开发3D效果.mp4
( Q0 u8 H* U9 w│      [2.6]--几何体_顶点_索引_面之BufferGeometry.mp4
│      [2.7]--几何体划分顶点组设置不同材质.mp4
9 j/ T9 o8 L  S│      [2.8]--threejs常见几何体.mp4
│      [2.9]--基础材质_贴图_高光_透明_环境_光照_环境遮蔽.mp4
│      [2.10]--贴图的加载与环境遮蔽贴图强度设置.mp4
│      [2.11]--透明度贴图_环境贴图加载与高光贴图配合使用.mp4
│      [2.12]--纹理的颜色空间.mp4
& p. W6 V' M3 n│      [2.13]--场景的线型雾和指数雾.mp4
│      [2.14]--加载gltf模型和加载压缩过的模型.mp4
2 K+ U0 O, s8 S" m' t│      [2.15]--光线投射实现3d场景交互事件.mp4
│      [2.16]--补间动画Tween应用.mp4
│      
& K6 f$ G+ `; c- m. e) ^- X1 U( v4 H├─{3}--03-Geometry进阶详解
* {3 _: x4 ^1 B0 r5 w4 n│      [3.1]--全面讲解UV与应用.mp4
│      [3.2]--法向量属性应用与法向量辅助器.mp4
│      [3.3]--几何体顶点转化_顶点位移_旋转_缩放.mp4
# j0 w# v: b7 N" ?0 K6 d│      [3.4]--包围盒使用与世界矩阵转换.mp4
│      [3.5]--几何体居中与获取几何体中心.mp4
( n7 h/ D6 J# {. U; @) m' {0 s│      [3.6]--获取多个物体包围盒.mp4
9 s5 `5 w. {2 |. I5 W│      [3.7]--边缘几何体与线框几何体.mp4
& M: b9 R0 H$ J1 Y│      
. o% {4 Y0 [2 r/ h) `3 ]2 v├─{4}--详解材质与纹理
│      [4.1]--Matcap材质原理与应用.mp4
/ F# \  k, O3 p+ B│      [4.2]--Lambert材质与各种贴图应用.mp4
│      [4.3]--phong材质镜面高光材质应用.mp4
│      [4.4]--phong材质实现玻璃水晶效果.mp4
│      [4.5]--StandardMaterial精讲与凹凸_置换_环境遮蔽_法向.mp4
│      [4.6]--了解MeshPhysicalMaterial物理网格材质应用与物.mp4
1 U# @# ~0 t" `│      [4.7]--透明物体的通透性_厚度_衰减颜色_衰减距离效果.mp4
+ n4 C1 K- Y' W$ h5 P- ^# P│      [4.8]--透明物体的折射率和反射率.mp4
/ [0 U$ @4 F2 k0 J; d/ D1 |- C│      [4.9]--清漆效果与清漆粗糙度_清漆法向_清漆相关贴图.mp4
│      [4.10]--布料和织物材料光泽效果.mp4
' M3 m/ [' q5 C' a) T: `# [│      [4.11]--肥皂泡、油滴、蝴蝶翅膀等薄膜的虹彩效应.mp4
2 M# \8 s5 d; H4 ~, J│      [4.12]--清除物体_几何体_材质_纹理保证性能和内存不泄漏.mp4
/ e+ e+ o( m" r' w7 p/ _* p│      [4.13]--物理材质设置超逼真宝石戒指.mp4
  n; b, r  v/ c+ G0 R│      [4.14]--巧用编辑器设置材质效果导出物体.mp4
│      [4.15]--巧用物理发光属性打造逼真IPHONE产品.mp4
│      [4.16]--修改模型光泽效果打造逼真室内场景.mp4
6 h4 y2 R. P" h, r8 J- F9 b│      [4.17]--限制控制器位移-旋转角度避免3d场景穿帮.mp4
│      
├─{5}--纹理材质高级操作
, M6 @) C8 h- l│      [5.1]--纹理重复_缩放_旋转_位移操作.mp4
9 Q& ?: _" a# V8 C3 {! f5 S│      [5.2]--纹理纵向翻转与预乘alpha生成颜色.mp4
# D6 y4 E, `" P, x) V. x│      [5.3]--纹理映射之放大过滤和缩小过滤.mp4
' e+ j) |( w5 A' @│      [5.4]--mipmap解决摩尔纹条纹.mp4
│      [5.5]--各项异性anisotropy解决倾斜模糊问题.mp4
" J- ]' P/ u/ e│      [5.6]--jpg_png_webp_dds_ktx_hdr_exr格式纹理.mp4
│      [5.7]--使用NVIDIA_Texture_Tools软件导出优化压缩.mp4
% J( V9 V  J  }; m8 b│      [5.8]--threejs中使用KTX2_DDS_TGA纹理.mp4
│      [5.9]--设置高动态范围全景背景色调映射和色调曝光.mp4
7 z0 w$ _$ B' |│      [5.10]--高动态范围图片EXR_TIF_PNG加载使用.mp4
' U, l, \1 ~" C) ?* W│      [5.11]--材质深度模式_深度测试_深度写入_渲染顺序详解.mp4
│      [5.12]--材质混合模式详解.mp4
2 `4 k* r5 `6 n7 L/ @2 {│      [5.13]--透明冰块_透明液体_透明杯子多个透明物体混和渲染.mp4
+ n; ~# F' o& Y9 b+ `! i& T│      [5.14]--裁剪平面对物体裁剪.mp4
│      [5.15]--剪裁场景-1个物体同时渲染多种材质效果.mp4
. P9 I6 q: V0 v4 C8 K│      [5.16]--模板渲染.mp4
) s$ C4 D8 M& l│      [5.17]--模板渲染实现金属剖切面.mp4
1 j7 E8 }6 @$ M3 w$ X* h  i# k│      
% H9 S1 f' Q, x; s! C( |├─{6}--详解灯光与阴影
' _6 c+ X+ i: U' \! E│      [6.1]--Gsap动画库基本使用与原理.mp4
, A" Q' t7 I8 P' A│      [6.2]--Gsap控制动画属性与方法.mp4
│      [6.3]--灯光与阴影详解.mp4
│      [6.4]--直线光与阴影详细设置.mp4
- `* b$ j8 c  H/ I7 J+ t│      [6.5]--聚光灯各属性详解.mp4
│      [6.6]--点光源各属性详解.mp4
│      [6.7]--阴影作用透明度纹理与阴影常见问题.mp4
( y# G4 n+ A% O. R) `│      [6.8]--大场景动态级联阴影设置.mp4
  g# ]: ?+ m- m! m, g7 D+ `│      
4 r8 X1 M: j$ A! _$ F& Y├─{7}--操控物体实现家居编辑器
│      [7.1]--基础设置与物体添加列表.mp4
│      [7.2]--使用变换控制器操作物体.mp4
6 v  V8 z5 B8 ]4 R3 N7 l" k│      [7.3]--家居列表与控制物体切换.mp4
│      [7.4]--变换控制器对物体位移_旋转_缩放技巧.mp4
│      [7.5]--变换控制器按照本地与世界坐标控制.mp4
│      [7.6]--固定缩放位移旋转的比例.mp4
' [9 A8 }, e& r9 r* [( A6 o│      [7.7]--吸附地面与室内灯光开关.mp4
1 K( e6 V* W. S: H/ N# t. a! E│      
├─{8}--3D动画系统详解
│      01 动画原理与应用.mp4
$ y. h+ J' Q* F& f│      02 three设置keyframme关键帧实现动画.mp4
$ _% b8 X- N- J; X' n6 {) E│      03 四元数与欧拉角转换设置关键帧动画.mp4
$ ^* I* @5 B9 `, V# l│      04 布尔关键帧动画实现闪烁的星球.mp4
│      05 颜色关键帧动画实现各种颜色属性动画.mp4
│      06 numberkeyframe数值动画.mp4
│      07 mixer混合器详解.mp4
2 q3 [$ x& ]) Y8 O# v│      08 人物多动作丝滑切换.mp4
│      20240325_121954.mp4
8 d' {0 \, b( [  P│      
$ d4 S/ K1 h4 o# `, {. U' w1 F├─{9}--精通粒子特效
│      [8.1]--初识Points与点材质.mp4
│      [8.2]--深度解析点材质属性.mp4
; Z, S, B7 R2 n) w│      [8.3]--应用顶点着色打造绚丽多彩的星空.mp4
│      [8.4]--通过封装与相机裁剪实现漫天飞舞的雪花.mp4
│      [8.5]--运用数学知识打造复杂形状臂旋星系01.mp4
9 h: P% M( ]0 s│      [8.6]--运用数学知识打造复杂形状臂旋星系02.mp4
" K: L& g. R" W% {" D5 i│      [8.7]--运用数学知识打造复杂形状臂旋星系03.mp4
; X( a  q. K; y- v- I1 c9 J│      [8.8]--运用颜色收敛方法设置星系臂旋渐变.mp4
│
├─{10}--详解光线投射与物体交互
4 p% f( Y2 [/ @% \│      [9.1]--精讲投射光线实现3维物体交互.mp4
│      
' i7 Y- K, z8 Z├─{11}--打造3D全屏滚动官网
& f# J' M( z; ^+ U( h│      [10.1]--设置页面结构与样式.mp4
│      [10.2]--同步屏幕滚动与相机位置.mp4
│      [10.3]--设置三屏特效.mp4
! I$ I3 V) v7 \5 p7 F│      [10.4]--切屏触发当前屏幕物体特效.mp4
│      [10.5]--gsap控制网页切屏文字动画.mp4
│      [10.6]--鼠标控制相机摇晃特效.mp4
$ o6 |$ w% d3 N8 ^, L8 Y3 n& l│      [10.7]--设置滚动条隐藏的方式.mp4
& V& a( s6 [: D│      
1 ]$ B2 J+ s% q0 a1 g) ?2 P( c├─{12}--应用物理引擎设置物体相互作用
│      [11.1]--认识物理引擎与cannon安装.mp4
│      [11.2]--使用物理引擎关联Threejs物体.mp4
1 y7 a" Q! ]" n5 c$ N│      [11.3]--设置固定不动的地面与小球碰撞.mp4
│      [11.4]--监听碰撞事件和控制碰撞音效.mp4
│      [11.5]--关联材质设置摩擦与弹性系数.mp4
* {$ O  h% a. \' L4 q- U│      [11.6]--立方体相互碰撞后旋转效果.mp4
1 `1 ?4 b* B( m│      [11.7]--给物体施加作用力.mp4
7 H( m; ]% Z+ ]+ O, `* M3 ^│      
├─{13}--WEBGL与GPU渲染原理（难点）后期再消化亦可
, Y5 K* U4 B3 T& A: ^% d│      [12.1]--渲染管线.mp4
│      [12.2]--细讲渲染流程.mp4
│      [12.3]--WEBGL绘制三角形.mp4
$ O5 F. E2 R- [- {& p- R) c, ^│      [12.4]--缩放矩阵与uniform变量和varying变量.mp4
│      [12.5]--着色器glsl基本规范.mp4
│      
├─{14}--精通着色器编程（难点）
│      [13.1]--初识着色器语言.mp4
, n3 ]$ k9 R! z7 U; w1 |- d│      [13.2]--着色器插件安装与文件导入开发.mp4
) d) \9 F, \$ U. u1 J2 o0 O! }│      [13.3]--认识rawShaderMaterial与attribute_un.mp4
6 `! h0 K, c# ?: ]4 S- d8 F( Z8 W│      [13.4]--控制顶点位置打造波浪形状.mp4
: `9 d  m, K7 u9 y1 `; D8 f│      [13.5]--unform传递时间变量打造动画与通过uv采样纹理.mp4
& ?0 x* U8 I! d│      [13.6]--着色器编写各种类型图案.mp4
│      [13.7]--着色器编写各类型图案2.mp4
; b8 S: ^3 I/ G│      [13.8]--shader着色器编写高级图案.mp4
│      [13.9]--shader着色器编写高级图案2.mp4
# X$ s3 m& Y$ Q; T  Q│      [13.10]--shader着色器打造漫天飞舞孔明灯1.mp4
" f0 N& ?1 l# H. z- Q! ^2 Q│      [13.11]--shader着色器打造漫天飞舞孔明灯2.mp4
│      
├─{15}--着色器打造烟雾水云效果
# O# ~) ~. ]0 |/ ]6 c│      [14.1]--烟雾水效果介绍与代码准备.mp4
│      [14.2]--sin函数与噪声函数混合.mp4
( u1 r8 {2 X- F( ]; v│      [14.3]--设置sin与噪声参数.mp4
: M5 O% V+ O: R; X* d│      [14.4]--时间打造流动效果.mp4
4 {& s* n5 Y9 ?; y: e4 C│      [14.5]--设置水流和波纹方向与速度.mp4
│      [14.6]--使用官方提供的水模型.mp4
$ @1 `! z% @$ h! T6 E│      [14.7]--打造沙滩_水池.mp4
│      
$ V0 A8 |6 g8 j+ m3 G8 |+ s├─{16}--着色器设置点材质
│      [15.1]--着色器设置点材质基本设置.mp4
│      [15.2]--点着色器图形设置原理.mp4
│      [15.3]--使用纹理设置点着色器材质.mp4
│      [15.4]--Points中生成不同点图案.mp4
" M+ E6 s# y0 ^1 Z# @* ?  \2 s│      [15.5]--根据视图Position设置点图案远近大小.mp4
│      [15.6]--着色器设置顶点旋转打造臂旋星系.mp4
│      [15.7]--着色器设置顶点颜色打造渐变星系.mp4
& x$ z& s) N* R' u0 ]│      
& K: W1 x- q5 Z! X6 y; F├─{17}--炫丽烟花交互项目案例
: v, y- l6 U- r. B- v- B│      [16.1]--点着色器设置炫丽烟花项目案例01.mp4
2 t8 r3 t0 r& u/ l. {* B│      [16.2]--点着色器设置炫丽烟花项目案例02.mp4
. S! e" Z. y" c$ |0 h│      [16.3]--点着色器设置炫丽烟花项目案例03.mp4
; D: U3 _0 A- X) v2 I, ?' Q│      
5 t+ U" P" X& t8 P  n├─{18}--使用着色器加工材质
( T1 M4 I1 t7 f1 E- g│      [17.1]--three框架材质原理与应用.mp4
/ i2 E6 F# O+ r  h& ?* M│      [17.2]--修改物理光照材质制作人物被打效果01.mp4
. M: r3 ]! q) I& o) [, S& F. H. v│      [17.3]--修改物理光照材质制作人物被打效果02.mp4
│      [17.4]--修改物理光照材质制作人物被打效果03.mp4
& s' {0 @  K$ P, V, \│      
├─{19}--效果合成与后期处理
│      [18.1]--合成效果原理与设置.mp4
│      [18.2]--实现抗锯齿_点效果_发光_屏幕闪动等特效.mp4
$ y/ x# ^  B, `; X│      [18.3]--使用shaderPass实现自定义合成效果.mp4
│      [18.4]--使用法向纹理合成特色渲染镜头.mp4
│      [18.5]--运用时间打造水底波浪动态渲染效果.mp4
│      
├─{20}--HTML混合3D渲染
│      [19.1]--CSS渲染器基本使用.mp4
│      [19.2]--添加多个元素标签跟随物体移动.mp4
│      [19.3]--使用射线碰撞来检测标签显示隐藏.mp4
6 ^- Y. s" x- @$ y2 d- {$ Q│      
/ n, ]. F3 V6 ?, C8 m├─{21}--曲线应用与轨迹运动
│      [20.1]--曲线使用与绘制流程.mp4
│      [20.2]--让物体与相机沿着曲线轨迹运动.mp4
│      
├─{22}--变形动画
│      [21.1]--变形动画原理与实现.mp4
* z( }' ]# U2 C: f│      [21.2]--实现花苗生长到花开效果.mp4
; }. {! J" v: k" B0 V│      
├─{23}--全景看房与科技展馆
│      [22.1]--VR全景看房原理与实现.mp4
│      [22.2]--全景看房场景房间切换.mp4
│      [22.3]--房间切换之地图动画.mp4
│      [22.4]--全局加载进度管理实现页面loading.mp4
1 v% f& Q: _$ k. V/ v4 a: L│      [22.5]--扩展提升实现科技展览馆.mp4
! w( S! k# y8 x! H# h4 L│      [22.6]--进阶项目_户型数据生成地面.mp4
│      [22.7]--进阶项目_全景图映射到对应的地面和天花板.mp4
, P9 ?& s5 P' p│      [22.8]--进阶项目_户型墙体根据顶点数据自动生成.mp4
│      [22.9]--进阶项目_切换房间查看全景效果.mp4
" ^* S9 Q" f! D( V│      
% v% o* N2 O& k# I├─{24}--智慧城市
) c; |: `% f6 B; }│      [23.1]--智慧城市和项目介绍.mp4
│      [23.2]--Vue创建智慧城市项目并配置glsl写法支持.mp4
  m, [( o$ J7 |; n; h│      [23.3]--项目基础代码结构分解.mp4
│      [23.4]--生成城市建筑模型.mp4
. h! W# o0 F- i0 L6 a, X' p│      [23.5]--城市模型科技感渐变效果.mp4
) c1 G, J" P& B4 H) g: N; E! C│      [23.6]--多层着色器特效合并与城市光圈扩散效果.mp4
' u3 P4 z* G0 z  A4 v│      [23.7]--直线光带掠过城市效果.mp4
│      [23.8]--从下向上扫描城市特效.mp4
│      [23.9]--利用tube特性生成带纹理图案飞线.mp4
+ F; L  H% [5 j) Z│      [23.10]--飞线方案2-着色器绘制酷炫飞线.mp4
* K$ ?; ~  }4 t$ T* D; N│      [23.11]--函数翻折实现彗星型飞线动画.mp4
│      [23.12]--edgeGeometry生成建筑线框特效.mp4
│      [23.13]--智慧城市光墙特效.mp4
! S4 A! s2 {" m$ s) d# O2 P│      [23.14]--智慧城市雷达扫描特效.mp4
1 A- q4 n' \  F! J6 _+ j│      [23.15]--封装3D警告标识与点击提示事件.mp4
% j+ C2 U. G$ d5 V& {. L8 |  U' T│      [23.16]--添加智慧城市天空盒子和设置抗锯齿效果.mp4
) D; N% v/ D7 W  F/ A│      [23.17]--智慧城市大屏样式与结构.mp4
1 B0 [4 L0 f. T. z' a│      [23.18]--置Pointer-events穿透事件.mp4
│      [23.19]--智慧城市动态数字面板动画.mp4
. b" ?7 B7 g5 y$ e│      [23.20]--通过接口生成城市事件列表.mp4
│      [23.21]--城市事件列表动态生成雷达-飞线-光墙.mp4
│      [23.22]--大屏HTML元素与场景物体数据交互与特效展现.mp4
│      
├─{25}--blender基础
" ]/ S7 Z- i% M& ?3 Z6 A6 e│      [24.1]--blender下载与语言渲染设置.mp4
│      [24.2]--blender大纲选项开关与保存启动文件.mp4
│      [24.3]--界面布局与工具栏侧边栏.mp4
│      [24.4]--3d界面查看与相机视图.mp4
' z' c$ {% E6 u; k│      [24.5]--相机视图

网盘链接开通VIP可见

只因那时年少

可以的

李嘉诚

谢谢分享！！！

啊跌磨

xiexie

狼的诱惑

6666666666666666

夏雨天

ddd

杜杜杜杜杜

666

柳小阳

全新智慧科技城

忘却尘缘

谢谢分享！！！

浙天装饰陈飞天

666