crowcrowcrow

设置后期处理管道 设置基本的后期处理环境 运动残影 噪点 正常模式噪点 深度模式 颜色调整 调整前 调整后 景深...

watch 的一个核心用途，是在响应式数据发生变化时执行 副作用（Side Effect）。 然而，当副作用是异步的或需要手动清理时，就会出现一个常见问题： 如果监听的数据...

从最基础的单棵草模型开始，逐步构建出一个拥有20000棵草的高性能拟真草地场景。整个过程包括Three.js中几何体、材质、着色器的基本使用，并通过合并几何减少绘制调用、使...

在完成 reactive 的基本实现之后，接下来会遇到几种常见且必须处理的情况： 原始对象传入 Reactive 对象 Reactive 对象再次传入 Reactive 对...

Three.js+three-pathfinding实现3D智能寻路，支持GLTF导航网格生成和A*算法，适用于游戏NPC和数字孪生等场景。...

上一次我们提到： 每个对象的每个属性都需要自己的 Dep。 如何建立 target.a → Dep 的对应关系？ 如何在不污染原始对象的情况下存储这个关系？ 我们可以先来做...

这个页面采用极简的 HTML 结构，完全依赖 JavaScript 和 Three.js 创建复杂的 3D 视觉效果。CSS 样式主要用于确保 Canvas 元素的全屏显示...

昨天，我们完成了“依赖清理”机制，让 effect 能够正确处理动态变化的依赖关系。然而，这也带来了一个新的性能问题：当依赖频繁变化时，系统需要不断地创建和销毁 Link ...

在打造响应式系统时，一个容易遇到的状况是，effect 在执行期间同时“读取”又“写入”同一个依赖，这会造成自我触发 (self-trigger)。 effect 为了读值...

在之前的文章中，我们已经完成了 ref 的实现，它能将原始值包装成响应式对象。现在，我们要接着完成响应式系统核心的另一部分：reactive 函数。我们的目标是接收一个完整...

1. 项目简介 本文将详细讲解如何在Three.js中实现真实感的天空和体积云渲染效果。这种技术常用于游戏、可视化和交互式Web应用中，可以创建出逼真的天空场景，包括动态变...

背景： 以往的文本超长采用css + element-ui Tooltip组件展示。这种方式有个显示问题，当文本不超出时，鼠标移入也会提示对应的tooltip框。基于这个背...

在解决了链表节点指数增长的问题后，我们还需要关注依赖的有效性。 effect 的执行路径可能因为条件判断或程序逻辑不同而改变，导致某些依赖在本次执行中已经不再需要。 如果这...

在实际情况中，effect 函数内部的依赖，常常因为条件分支（比如 if...else）而发生变化，这种情况称为「动态依赖」。 动态依赖会带来一个问题：在某次执行中不再被使...

昨天我们发现了 Effect 的问题：当 effect 被重复触发时，它会不断地重新收集依赖，导致依赖链表指数级增长。 要让 effect 记住它“订阅过谁”，最直接的方法...

昨天我们解决了单一依赖所导致的指数增长问题。然而，在真实的开发场景中，一个 effect 函数往往需要依赖多个响应式变量。现在我们试着新增多个依赖，在示例中加入第二个响应式...

昨天我们了解到，当 effect 函数依赖多个响应式变量时，会再次触发指数级更新。 我们来回顾一下之前的做法： run() 函数首先会将 depsTail 设为 undef...

DOM 交互 我们的响应式系统经过前几天的努力，已经初具雏形，感觉可以加入一些 DOM 交互，来进行简单的测试。 我们预期每次点击按钮，effect 只会执行一次。但实际情...

这是一款基于 Cesium & Enable3D 引擎架构的“户外生存/大逃杀/建造”类型游戏。让开发者在 Survive 游玩的过程中熟悉使用 GIS。...

今天我们来探讨一个棘手的边界情况：嵌套 effect。 当一个 effect 内部又定义了另一个 effect 时，我们的系统会如何运作呢？ 在这种情况下，我们预期内外层都...