white_xiao

本章主要学习知识点 了解什么是关键帧动画 掌握动画的各种控制方法 学会如何解析并播放外部模型自带的动画 关键帧动画 关键帧动画就像给 3D 模型制作“动态剧本”——通过在时...

可能会有这样的需求， 希望在原来 three.js 3D 地图的基础上，加上热力图。这里给出了一个方案， 那就是如何通过 Shader 编程，实现 3D 场景下的手绘热力图...

🎬 前情提要：为什么要封装组件？ Three.js 很强，但原始。它就像一把瑞士军刀，功能丰富但刀锋裸露，如果直接暴露给产品团队——不出一周，就有人能用它造出一个黑洞。 ...

基于百度地图JSAPI Three的城市公交客流可视化（三）——实时公交 上一篇文章我们实现了六边形蜂窝的区域客流，这一篇我们的目标是实现 **实时公交**。...

我一直都没有发出这最后一篇文章，主要是因为这也只是个心得总结，后续也没有了（哈哈） 在学习 Vue 3 的过程中，我很幸运能遇到远方的帮助。他是 Vue3 的核心成员，也是...

前言 可能大家在项目中已经都用上了双 token，可能你的 refresh_token 至今为止都没派上用场。 你可能已经看过了很多篇讲 token 无感刷新的文章了，看完...

本文介绍如何使用 Three.js 实现行星科技概念官网的 Hero Section。场景包含星云背景、粒子星系与三颗行星。文章提供源码与在线预览，适合具备 Three.j...

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

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框。基于这个背...