Highlights from each release
Gradient Flow 现在可以直接运行、调参和测量；短代码中的噪声、旋转、波形扭曲与配色层级都能逐项检查。
保留用户提供函数的核心算法与默认常量，将它适配为原生 WebGL 2，并提供六项可复位参数、确定性时间和减少动效。
收到的 Shadertoy 风格函数与可运行版本可以并排检查，统一 HUD 同时记录无纹理、无循环单 Pass 的真实帧表现。
新示例继续复用画布、检查器和按需说明层，在桌面与 390px 窄屏中保持一致的操作顺序。
The playground adopts the matrix's logo, and a capability the library sync had quietly deleted is restored.
A Solar glyph painted with a --primary gradient and a split wordmark, so the mark follows the brand colour through every theme. The collapsed sidebar now reuses the same component instead of a second circle.
AvatarFallback's deterministic hue variants came from yTemplate and were overwritten by the v0.8.15 library sync. Every added prop is optional, so nothing failed to compile — which is why syncing now includes a scan for what a wholesale copy would delete.
Three rounds did not reach the bar for a representative frame or for change over time, so the study is hidden from the examples tab and kept as a negative result with its notes.
示例导航、Shader 工作台和实验报告统一了层级与操作路径；页面数量继续增长时，仍能快速找到示例、调整参数并按需阅读原理。
Shader、Three.js 与 HyperFrames 采用 yBlocks 的共通 Tab 和横向滚动交互，支持边缘渐隐、箭头切换与选中项自动定位。
十五个高频示例统一为等高 Stage 与 Inspector；参数和性能留在主操作区，源码、原理与来源默认收起，需要时再展开。
交互与视觉实验现在复用 Stage、能力摘要、结论和边界四层结构，不再由每个页面自行组织阅读顺序。
十九个 Shader Tab 能稳定收进桌面侧栏布局和 390px 视口；移动端保持画面、参数、补充信息的真实 DOM 顺序。
The playground stops maintaining its own copy of the shared UI: yBlocks' library, kits and design laws come over wholesale, on one behavioural engine.
Both repos started from yTemplate and drifted; 49 of 50 files now come from upstream, and radix-ui, cmdk, vaul, sonner and react-day-picker are retired. Eleven parts this app never imported were deleted rather than migrated.
Eleven shader studios scroll their source panels through it, so instead of keeping one Radix component alive for one slot it was rebuilt on Base UI — call sites unchanged.
Thirteen law documents arrive with the kits they legislate — data-view, detail, form-page, settings-page, kanban, studio, loaders and the inputs family — plus useHotkeys, useTokenColors and the data pipeline. A lab with a parameter panel beside a canvas is a studio page, and the kit now owns that anatomy.
Off in production unless ?perf=1, Alt+P toggles it. In a repo this full of WebGL and GSAP, an instrument beats an opinion about jank.
Shader 示例库新增七个可运行、可调参、可测量的单 Pass 工作台；短代码背后的坐标、循环、场函数和 GPU 成本现在都能逐项检查。
用片元坐标、分辨率、时间和一个脉冲参数生成完整色场，作为理解 Shader 并行像素函数的最小基线。
Blackhole、Horizon、Hyperspace 2 与 Plasma 分别保留对数透镜、嵌套视线、倍频扰动和径向流场的独立数学结构。
新增百层球面格纹护盾和二维装饰卷曲场，并提供八组可复位参数、三级源码对照与稳定性能证据。
所有新增作品继续复用按需挂载、确定性时间、减少动效、DPR 上限和统一 Performance HUD，不让示例数量扩张成运行时负担。
三件原创作品组成的 Shader Atlas 调整到 v0.8.15，本版只发布已完成实机验证的用户提供函数研究。
Lapse、Ribbons 与 Light Matter 现在可以在相同画布和性能口径下直接运行、调参和对照源码；共享的是宿主与测量，三套视觉数学仍保持独立。
分别保留 50×9、99×6 与 80×3 的原始循环预算，提供确定性时间、八组可复位参数、减少动效和中文原理拆解。
收到的文本、规范化 Golf 与可读浏览器 GLSL 分开呈现，循环、自增、空向量参数和 Markdown 乘号的展开假设均可检查。
相同画布下直接比较 P95、GPU 时间、超预算帧、视线采样和内部场运算，明确一次 Draw Call 仍可能包含每像素数百次循环。
Shader 示例增长到十二个后仍能在桌面侧栏和 390px 窄屏内正确收缩，不再产生整页横向滚动。
三件原创作品组成的 Shader Atlas 调整到 v0.8.14，本版只发布已经完成实机验证的三个函数研究工作台。
Grace 与 Flare 2 现在都能保留原式基准直接运行、逐项调参并测量真实 GPU 成本；来源不完整或被 Markdown 损坏的文本也会留下清晰的修复与归属边界。
完整保留 30×6 原始循环和十二组常量，通过确定性时间、源码对照与中文分析检查多频空间扰动、半径步进和暖色能量累积。
恢复被 Markdown 强调语法破坏的乘号，以二十层色谱、动态余弦矩阵和反距离光束生成可调耀斑，并保留收到的原始文本。
收到的文本、规范化 Golf 与可读 GLSL 分开显示；作者和原始链接尚未确认时，页面明确保持来源待补状态。
三件原创作品组成的 Shader Atlas 调整到 v0.8.13，本版只发布已经完成实机验证的两个参数研究工作台。
Wave 原式现在可以按真实 Golf 语义直接运行和调参；统一性能 HUD 则把帧时分位数、GPU 时间、内部像素与运行时工作量放进同一套测量口径。
保留用户提供函数的全部原始常量和作者来源，同时提供可读展开、九组实时参数、确定性时间、暂停、复位与减少动效。
原生 WebGL 2 与 Three.js 现在共享 FPS、P95/P99、GPU Timer、CPU 提交、超预算帧、DPR、Draw Call、Pass、资源和工作量诊断。
参数、质量档或画布尺寸变化会清空旧窗口，暂停和手动静态帧不再混入连续统计；React 只接收每半秒一次的聚合快照。
三件作品组成的 Shader Atlas 调整到 v0.8.12，本版只声明已经完成并通过浏览器验证的能力。
两个新示例把外部参考、独立实现与用户提供源码分开管理：既能逐层理解短代码背后的数学和 GPU 成本，也不会把来源不明的代码混入自己的长期积累。
保留作者与上游链接，但不复制公开页面中的压缩源码；改用可读 GLSL 从零组合 FBM、域扭曲、波脊、距离光丝与光谱映射。
把用户提供的紧凑 Main Pass 展开成确定性 WebGL 2 示例，完整保留 100 步 Ray March、球坐标场、反距离累积与 tanh 色调映射。
两种效果都支持暂停、时间定位、减少动效和视觉参数调节，并显示循环次数、片元工作量与来源边界。
三件作品组成的 Shader Atlas 调整到 v0.8.11，确保本次发版只声明已经完成并验证的研究能力。
导航现在把研究工作台、示例库和项目记录明确分开；Three.js、Shader 与代码视频各自拥有稳定入口，新 Demo 继续在分类页面的 Tab 中增长。
交互动效、数据叙事、Three.js、Shader 和代码视频拥有统一索引，可直接查看运行时、当前作品和分类规模。
像素函数、粒子架构、状态与反馈、方言适配集中到一个示例入口，切换时只挂载当前 WebGL 工作台。
研究入口按职责收拢，示例单独成为大分组，项目记录保持独立；查找路径更短，也为后续大量 Demo 留出空间。
Shader 隐藏子路由现在能准确归属到主实验入口，模板遗留的推广卡被移除，导航获得完整垂直空间。
Shader 来源与兼容 Studio 把发现、许可和导入拆成三道门：先建立来源链，再判断权利范围，最后才让经过许可的代码进入隔离适配与真实编译。
FragCoord、Shadertoy、The Book of Shaders、LYGIA 与 glslCanvas 现在都有作者、许可、上游修订、运行契约、seek 和失败模式记录。
同一个仓库原创画面分别经过 Shadertoy mainImage、GLSL Canvas WebGL 1 与原生 WebGL 2 契约，适配后源码和运行指标均可检查。
可复用、有限许可和仅研究三种状态拥有明确门禁；未复制源码时，原始 Hash 与导入日期必须保持为空。
页面明确区分入口函数与 uniform 映射，以及多通道纹理、反馈 Buffer、音频和键盘所需的真实资源依赖图。
多 Pass Feedback Studio 把 Shader 从独立逐帧公式推进到持久 GPU 状态：粒子纹理、衰减拖尾、流场输运和简化染料平流现在可以逐层检查、确定性回放并比较真实成本。
从 RGBA32F 粒子位置和速度开始，依次进入衰减反馈、流场反向输运与简化染料平流，明确每个 Pass 读取什么、写入什么。
固定 seed、60 Hz 步长与执行顺序，拖动时间轴时从最近的 GPU readback 检查点继续重放，既保持结果一致，也把重算成本显示出来。
同步显示 draw call、估算纹理采样、持久状态显存、CPU 提交和可用时的 GPU timer，直接观察短代码背后的并行工作量。
页面明确标注染料平流是解释反馈架构的简化模型，并非包含压力投影、散度求解和边界条件的完整 Navier–Stokes 流体方案。
粒子架构 Studio 固定视觉目标，只替换底层管线；片元循环、点精灵、实例化几何和纹理状态 GPGPU 现在可以在同一组指标下直接比较。
共享画布、数量、尺寸、颜色与运动目标，避免用不同画面伪装成架构比较。
RGBA32F 纹理保存位置与速度，更新 Pass 和渲染 Pass 分离，并用固定种子与 60 Hz 固定步长支持重置和顺序重放。
同步显示 draw call、顶点调用、估算片元覆盖、状态显存、CPU 提交和可用时的 GPU 查询结果，不再只看封顶 FPS。
装饰粒子优先公式或点精灵，需要形状时用 Instancing，只有历史、外力和相互作用成为需求时才进入 GPGPU。
Shader 第一层不再只展示结果：坐标、时间、距离场、程序化粒子、核心 GLSL 与每帧成本现在可以在同一个原生 WebGL 2 Studio 中逐层检查。
在像素坐标、时间函数、SDF 和程序化粒子之间切换，暂停或拖动确定性时间，并同步阅读中文原理与核心 GLSL。
画面旁直接显示 backing pixels、DPR、draw call、距离评估量、FPS 与帧时，让代码行数和真实工作量不再混为一谈。
按更正后的 46.83 秒原视频重建 16 个视觉段落，使用原创品牌中性画面验证多场景 HyperFrames 时间线、暂停与 seek。
Shader 发光在明暗主题下都保持可见，移动端不再被画布撑宽；Web 工作区同时升级到 Next.js 16.3.3 与 React 19.2.8。
Sylva 的完整 WebGL 页面和 Character Carousel 的双变体现在进入同一个示例库；不仅能看效果，也能检查 iframe、资源、依赖体积与生命周期边界。
完整保留官方苔藓根系、花朵、蕨类、漂浮花粉、蝴蝶与液态金属控件，并把 HTML、字体、图片、Three.js runtime 和许可证全部落到本地。
可以切换 Filmstrip 与 Wave，使用中文面板调节速度、缩放、透明度、色相、饱和度和亮度，并用指针、滚轮、方向键与卡片焦点实际操作。
页面明确区分完整 WebGL 文档与 DOM + CSS srcDoc；切换示例会卸载非活动 iframe，依赖成本和独立 chunk 体积也记录进实验结论。
临界阻尼弹簧和静态 Bezier 现在运行在同一套 zoom / pan 舞台中；连续改目标时，可以直接看见位置相似背后的速度差异。
在全景、局部细节和光标跟随目标之间连续重定向，对比 Spring 继承 position + velocity 与 Bezier 重新开始时间映射的实际手感。
实时调节 ω、缩放、平移和初速度，并同时查看位置响应、瞬时速度、舞台遥测与速度模糊近似。
界面明确说明 Bezier 不消费 ω，只使用 9 / ω 匹配比较时长；减少动态效果和移动端布局也拥有完整后备。
三次产品视频实验的得失现在变成了可检查的方法说明；你也可以直接运行同一条 HTML 时间线，对照 HyperFrames 与 Remotion 的核心模型。
用可拖动的 time-to-frame 演示、生产责任分层和 30/60/90 分评价尺，说明工具能力与专业成片之间仍缺哪些人工判断。
一条 20 秒纯 HTML 动画并排解释 frame 与 time + seek 模型，支持播放、暂停、逐帧拖动、章节跳转和全屏观看。
首支 TanStarter 草案不再被误记为 v0.9 已完成作品；目标识别问题和粗糙成片继续作为下一轮重制的明确输入。
官方视频 Agent 工作流已经固定进仓库，旧模板 Demo 也完成退役；入口、导航和异常反馈现在都围绕动画研究主线服务。
完整收录 Remotion 12 个与 HyperFrames 26 个官方技能，并锁定上游来源和内容哈希，方便 Agent 稳定复现工作流。
首页直接进入实验总览，导航移除分析仪表盘、通用图表与 UI 画廊，只保留动画、代码视频、AI 制作和版本记录。
已退役地址和异常页面统一使用中文说明，并提供返回实验总览的明确操作。
Three.js 现在拥有独立实验阶段：从场景图、相机和射线交互，到帧预算、减少动效、语义后备和 GPU 资源清理，都能在同一个空间信号场中实际操作。
在信号星群、分层映射和聚焦路径之间切换，用相机、点云、光照与空间节点理解真正的三维叙事。
可比较 480、1,200 和 2,600 点，以及 1×、1.5×、2× DPR，并查看 FPS、帧时、draw calls 与 GPU geometry。
中文技术地图明确区分 DOM/SVG、Canvas 与 Three.js，只有信息依赖相机、透视、深度、模型或 GPU 管线时才升级。
射线点击始终有原生按钮等价路径，减少动效停止循环但保留最终信息，离开路由会完整释放观察器、控制器和 GPU 资源。
创意简报、结构化 AI 草案、故事板、资产、实现脚手架与 QA 现在形成可重复流程，并由同一份产物驱动 Web 审查和 Remotion 成片。
可以逐阶段查看输入、审查责任与编译产物，并用中文理解每一条生产规则。
同一份已审查输入会生成固定故事板、资产清单、实现脚手架、QA 报告与 bundle hash。
十条门禁覆盖时间线、资产引用、规格覆盖、减少动效与人工批准，并通过缺失资产样例证明错误会被阻断。
一份 12 秒生产 bundle 同时驱动 Web 工作台和 Remotion 横竖双版 Composition，运行时不携带模型 SDK 或密钥。
Motion token 与组合原语现在拥有稳定契约，并经过现有 React 交互、Remotion 视频与专用工作台的多消费者验证。
统一时间、缓动、弹簧、交错、位移、编排与减少动效策略，并为 CSS、Motion 和视频帧提供明确换算边界。
通过独立子路径提供策略、过渡、Reveal、Stagger 与 Pressable，按语义变体组合行为而不堆叠布尔参数。
可以实时切换系统、完整与减少动效策略，重播进入序列，并连续切换状态观察可中断行为。
仓库检查现在包含 token 运行时断言与公共消费者编译测试，防止数值尺度、语义引用和导出接口漂移。
Remotion 与 HyperFrames 现在共享一份 36 秒生产契约，并各自产出经过实机、运行时和媒体参数检查的横竖双版参考成片。
用 typed React Composition 建立本地 Studio、横竖响应式构图、帧驱动动画和可重复 MP4 输出。
用静态 HTML、data attributes 与可 seek GSAP 时间轴建立两个合法单根工程，并通过运行时与布局检查。
四条 36 秒成片统一为 30 FPS、H.264 与 AAC，并分别验证 1920×1080 和 1080×1920 输出。
用中文解释共享契约、完整命令、渲染模型、工程负担与默认选型结论。
修正简体中文字体回退，并解决 Lottie 时间轴推进但画面冻结的问题。
D3、Lottie、Rive 与 Canvas 现在拥有可操作的参考实验，并在 Living Data Story 中与 Motion 按职责组合，让视觉技术选型不再是一场库名混战。
分别验证数据几何、线性矢量资产、交互状态机与高密度即时绘制，并记录各自的资产、性能、可访问性和生命周期边界。
通过时间范围、用户分群和叙事重点切换，展示 D3、Motion、Canvas 与 Lottie 如何在同一作品中分层协作。
用状态所有权、资产流程、语义需求和图元密度定位 CSS、Motion、GSAP、D3、Lottie、Rive、Canvas 与视频工程。
实验控制、功能说明、参数含义、原理解析和结论统一使用简体中文，动画内部叙事仍可保留英文。
原生 CSS + SVG、Motion 和 GSAP 现在共用同一个完整参考作品与测试协议，让运行时选择从主观偏好变成有实验依据的工程决策。
在三套隔离实现中，对同一个 7.2 秒叙事进行重播、暂停、反向、定位、视口切换和减弱动态效果测试。
通过 Motion 验证由组件状态驱动的手势反馈、共享布局、弹簧和可中断进入/退出行为。
通过按路由懒加载的运行时，以 Collect、Resolve、Decide 三个命名阶段协调 DOM 与 SVG 的交错提示。
通过实际对比矩阵判断何时原生动效已经足够、何时 React 交互需要 Motion，以及何时复杂编排值得引入 GSAP。
yAnimationPlayground is now a focused monorepo: browser techniques stay easy to compare, while video renderers and reusable motion foundations get clean boundaries of their own.
Seven focused browser labs map out CSS + SVG, GSAP, Motion, D3, Lottie, Rive, and Canvas without loading every runtime up front.
Remotion and HyperFrames have isolated application boundaries, alongside shared packages for tokens, motion primitives, and source assets.
The product name, wordmark, package metadata, repository details, and persisted settings namespace now consistently use yAnimationPlayground.
Development and production preview servers now use port 4394 by default.
A housekeeping release — the framework moves to Next.js 16.3, local servers get a port of their own, and design decisions get a ratification checklist.
The framework is upgraded to 16.3.0 — dev sessions use up to 90% less memory, repeat production builds reuse unchanged artifacts from cache, and server rendering handles up to ~22% more load.
Local dev and production servers now start on port 3005 out of the box, clear of other apps parked on port 3000.
A section-by-section checklist for reviewing, ratifying, and demoing every design decision before it becomes a house rule.
The header icon row, page headers, and settings drawer are brought in line with the sibling y-series apps — plus a feature ledger that keeps the roadmap honest.
One icon family at one weight across the system header — theming, language, and GitHub / X links — legible on both the light header and the dark nav panel.
Every page band now runs on a slotted PageHeader with icon, toolbar, and tab slots, and stays pinned under the app header as you scroll.
Rebuilt with one selected treatment across every picker, options that preview themselves, and a Reset footer that counts what differs from the defaults.
A machine-readable roadmap file tracks every shipped and planned capability right alongside the code.
The dashboard grid gains a Customize toolbar and cleaner, unified chrome — powered by a reusable grid board under the hood.
Show or hide each dashboard widget and reset the board back to its default arrangement.
A themeable corner resize grip, standard card surfaces on grid widgets, and no more drag icon cluttering the top-right corner.
All grid behavior now runs through one reusable board component, so every grid page shares the same look and feel.
A groundwork release — validated configuration, a CI gate on every change, and polished error states across the app.
Consistent 404 pages inside and outside the shell, an error screen with one-click retry, and a loading skeleton while pages stream in.
Environment variables are checked against a zod schema at startup, so a bad config fails the build instead of surfacing at runtime.
Every push and pull request now runs lint, type checks, and a production build on GitHub Actions.
The first cut of the template — a themeable Next.js dashboard shell with a live settings drawer, ready to build on.
An app shell with vertical, mini-rail, and horizontal nav layouts, Priority+ overflow for the top bar, and a small-screen drawer.
Live theme controls — light/dark/system, contrast, compact density, nav layout and color, color presets plus a custom brand color, radius steps, a font picker (Outfit by default), and a max-width toggle — persisted across reloads.
Card and overlay elevation, chart series, and borders all run on design tokens, so presets and contrast re-skin the whole app consistently.
An analytics dashboard, line and bar chart pages, a drag-and-resize gridstack board, avatar fallbacks, and a display-card gallery.
Iconify-compiled Solar duotone glyphs across nav, settings, and headers.
Curated release notes on a timeline, rendered from a typed changelog module.