计算机图形学

LOD：图形世界里的 “看人下菜碟” 艺术在计算机图形学的奇妙王国里，有个精明的管家名叫 LOD（Level of Detail）。这家伙就像个会读心术的侍者，总能根据客人的距离送上恰到好处的 “菜品”—— 远处的客人只给粗茶淡饭，近处的贵宾却端出满汉全席。这种精打细算的智慧，正是让 3D 世界既华丽又流畅的核心秘诀。

BVH：光线追踪里的空间管家想象你在一个杂乱无章的仓库里找一颗螺丝钉 —— 如果所有东西都堆在一起，你得翻遍每一个角落；但如果给仓库做了分区，每个区域标注了存放的物品类型，找东西就会快得多。在计算机图形学的世界里，BVH（Bounding Volume Hierarchy，包围体层次结构）就是这样一位尽职尽责的空间管家，专门为光线追踪和碰撞检测打理三维空间里的 "杂物"。

Three.js 射线拾取原理：像素世界的侦探故事想象你在画廊里欣赏一幅 3D 立体画，突然想知道鼻尖正对着的是哪片云彩 —— 在数字世界里，这个动作就叫 "射线拾取"。Three.js 就像一位训练有素的侦探，能顺着你的目光（鼠标点击）在三维迷宫中找到那个被选中的物体。今天我们就来拆解这位侦探的破案手法，从像素到矩阵，揭开射线拾取的底层密码。

四叉树：二维空间的 “智能分区管理员”想象一下，你手里有一张巨大的城市地图，上面密密麻麻地分布着十万个路灯。现在老板突然让你找出某条小巷里的三个路灯 —— 如果像翻字典一样逐个排查，恐怕下班前都完不成任务。但如果这张地图早被划分成了街道片区，每个片区又细分出街区，街区再分成小巷，你就能像剥洋葱一样层层定位，这就是四叉树的核心智慧。

三维空间的 “切蛋糕大师”：八叉树的底层奥秘与妙用想象一下，你面前有一个巨大的生日蛋糕，上面堆满了各种水果、糖果和蜡烛。如果要你快速找到某颗特定的草莓，最笨的方法是一颗颗翻找，而聪明的做法是先把蛋糕切成八块，看看草莓大概在哪个区域，再对那个区域继续切分 —— 这就是八叉树在三维空间里干的活儿。在计算机图形学的世界里，八叉树就像一位精准的 “空间收纳师”，用层层细分的智慧，让复杂的三维问题变得井然有序。

B 样条曲线：计算机图形学里的 “曲线魔术师”在计算机图形学的世界里，绘制一条平滑的曲线就像在蛋糕上裱花 —— 新手往往会弄出锯齿状的 “灾难现场”，而高手却能让线条如流水般婉转。B 样条曲线（B-Splines）就是这样一位隐藏在代码背后的 “裱花大师”，它能用简洁的数学逻辑，驯服那些最桀骜不驯的复杂曲面。

探索屏幕空间效果：SSR 与 SSAO 的奇妙之旅在计算机图形学的浩瀚宇宙中，屏幕空间效果（Screen-Space Effects）就像是一群神奇的魔法师，它们在屏幕这片小小的舞台上，施展着各种令人惊叹的魔法，为我们呈现出逼真而绚丽的视觉盛宴。今天，我们就来深入了解其中两位 “明星魔法师”—— 屏幕空间反射（SSR）和屏幕空间环境光遮蔽（SSAO）。

计算机图形学：屏幕空间效果的奇幻之旅在计算机图形学的神秘世界里，我们常常梦想着创造出逼真到能以假乱真的虚拟场景。而屏幕空间效果（Screen-Space Effects），就像是一群身怀绝技的魔法师，能让我们的虚拟世界瞬间变得更加真实和迷人。今天，就让我们一起走进这个充满魔力的领域，探索屏幕空间反射（SSR）和屏幕空间环境光遮蔽（SSAO）的奥秘！

Vulkan-记录官方教程的详细步骤（记录踩坑）记录下踩坑防止自己后面忘记，感觉每次点进官网的教程地址都不太一样，不知道为什么，感觉教程地址很乱。自己记录一下。防止后面忘了。可以有个参考

计算机图形学之自定义着色器：用 GLSL 在 JavaScript 中绘制奇幻光影在计算机图形学的江湖里，自定义着色器（Custom Shaders）堪称是能工巧匠手中的 “魔法画笔”。想象一下，你走进一座 3D 数字城堡，城堡里的每一块砖石、每一束光影都由你亲手赋予灵魂，而这一切神奇效果的幕后推手，就是自定义着色器。今天，咱们就用 GLSL（OpenGL Shading Language）搭配 JavaScript，来揭开它的神秘面纱，在数字画布上挥洒创意。

在数字画布上跳华尔兹：用 JavaScript 粒子系统模拟自然奇观在计算机图形学的奇幻世界里，粒子系统就像是一群训练有素的数字精灵。当你打开一款 3A 游戏，看到巨龙喷出炽热的火焰，或是漫步在虚拟的迷雾森林，那些栩栩如生的自然现象背后，都有这些精灵在辛勤劳作。它们遵循着一套精心设计的规则，在像素组成的舞台上翩翩起舞，为我们呈现出震撼人心的视觉盛宴。

当虚拟角色学会 “偷师”：揭秘运动捕捉的魔法世界想象一下，你正在观看一部好莱坞大片，屏幕上的虚拟角色动作流畅、栩栩如生，仿佛拥有了真实的灵魂。又或者你沉浸在一款 3A 游戏中，角色的一招一式都充满了力量与美感。这些令人惊叹的视觉效果背后，藏着一项神奇的技术 —— 运动捕捉（Motion Capture），它就像是计算机图形学领域的 “灵魂摆渡人”，将真实世界的动作数据精准地 “搬运” 到虚拟角色身上，让它们拥有灵动的身姿。接下来，我们就深入这个奇妙的领域，一探究竟！

骨骼动画：让数字角色跳出生命之舞**在计算机图形学的奇妙世界里，我们常常会被那些栩栩如生的游戏角色、动画电影中的灵动生物所吸引。它们流畅的动作、自然的姿态，仿佛真的拥有生命一般。而这背后，骨骼动画（Skeletal Animation）技术功不可没。今天，就让我们以一种既专业又有趣的方式，深入探索骨骼动画中骨骼和蒙皮技术的神奇之处，并用 JavaScript 来实现复杂角色的动画。

计算机图形学之纹理合成：给数字世界穿上华丽外衣想象一下，你正在打造一个虚拟的魔法世界，远处的高山需要覆盖上沧桑古朴的岩石纹理，脚下的草地要铺满翠绿柔软的草叶图案。但要是每一块纹理都从零开始绘制，那简直比徒手建造一座城堡还累！别慌，计算机图形学里的纹理合成（Texture Synthesis），就像一位神奇的魔法师，能帮你快速复制、延展纹理，让虚拟世界瞬间生动逼真。接下来，就让我们一起揭开它的神秘面纱！

计算机图形学环境贴图（Environment Mapping）教学指南嘿，各位程序世界的魔法师们！今天咱们要踏入计算机图形学中一个超酷炫的领域 —— 环境贴图（Environment Mapping）。想象一下，你正在创造一个虚拟世界，想要让场景中的物体闪耀着迷人的光泽，反射出周围环境的绚丽色彩，这时候环境贴图就像是一位神奇的 “视觉化妆师”，能瞬间让你的虚拟世界生动起来！

计算机图形学法线贴图（Normal Mapping）教学：让平面物体 “穿上魔法铠甲”在计算机图形学的奇幻世界里，我们每天都在和光线玩捉迷藏。光线就像一群调皮的小精灵，它们到处乱窜，碰到物体表面就会 “嗖” 地弹开，而我们的显示器则像一个勤劳的画家，努力把这些光线的故事画成一幅幅精美的画面。不过，有时候我们会遇到一个小难题：怎么才能让一块平平无奇的板子，看起来像布满了凹凸不平的纹理呢？这时候，法线贴图就要闪亮登场啦，它就像是给平面物体穿上了一件神奇的 “魔法铠甲”！

计算机图形学之纹理映射：给 3D 世界穿上 “花衣裳”在计算机图形学的奇幻世界里，我们就像是数字世界的造物主，构建着一个个或宏大或精巧的虚拟场景。当我们创造出一个 3D 模型，比如一座巍峨的城堡、一辆炫酷的跑车，或者一个栩栩如生的角色时，光有形状可不够，还得给它们 “穿” 上漂亮的 “衣裳”，让它们看起来更加真实、生动。而纹理映射，就是我们给 3D 模型赋予华丽外观的神奇魔法！接下来，就让我们深入探索纹理映射中的 UV 映射和立方体贴图这两大 “魔法秘籍”。

计算机图形学碰撞检测：数字世界的 “防碰瓷” 秘籍在数字世界里，小方块们每天都在上演着惊心动魄的 “碰碰车大赛”。但你有没有想过，当两个 3D 模型在屏幕上 “亲密接触” 时，计算机是如何精准判断它们有没有撞在一起，而不是像个迷糊蛋一样，让物体互相穿透，上演魔幻现实主义的穿墙术呢？这背后的功臣，就是计算机图形学中至关重要的碰撞检测（Collision Detection）技术，它堪称数字世界的 “防碰瓷” 秘籍，今天就让我们一探究竟！

计算机图形学中的几何体布尔运算：一场形状的奇幻冒险在计算机图形学的奇妙世界里，我们经常需要和各种各样的几何体打交道。想象一下，你是一个数字雕塑家，手中的黏土就是那些三维几何体，而布尔运算就是你手中最神奇的雕刻刀，能让这些几何体发生千变万化的组合与碰撞，创造出令人惊叹的数字艺术品。接下来，就让我们一起走进这场关于几何体布尔运算的奇幻冒险吧！

在数字画布上雕刻曲线：NURBS 的奇幻冒险之旅想象一下，你正在建造一座未来感十足的星际飞船。飞船的外壳需要拥有流畅、优雅且精准的曲面，才能在浩瀚宇宙中以最小阻力穿梭。这时候，计算机图形学中的超级英雄 —— 非均匀有理 B 样条（NURBS）就登场了！它就像是数字世界里的顶级雕刻大师，能把简单的控制点，雕琢成令人惊叹的复杂形状。不过，在开始这场奇幻冒险前，我们得先了解它背后那些 “魔法” 是怎么运作的。