粒子纹理三联

三个固定点阵轮廓，分别呈现蓝绿粒子流、黑白空心圆弧与橙红纹理。

粒子动效六框架TypeScript

演示

点击任一图形暂停或继续，左右方向键逐帧查看，Home 或 Escape 重新播放。

npm install react react-dom

将代码包中的四个文件放在同一目录。样式和字体已包含，由所选框架的构建工具编译入口文件。

上方安装命令会自动添加这些依赖。如果手动复制源码，请自行安装。

npm install react react-dom

ParticleTextureTrio.tsx

正在加载代码…

App.tsx

import { ParticleTextureTrio } from "./ParticleTextureTrio";

export default function App() {
  return <ParticleTextureTrio />;
}

共用原生核心处理交互，各框架独立挂载、更新和销毁实例。

正在加载提示词…

属性	类型	默认值
`options.speed` 播放速度倍数，范围 0–3；0 停止绘制。	`number`	`1`
`options.paused` 暂停或继续三组粒子流。	`boolean`	`false`
`options.background` 场景背景；黑色保留原构图，浅灰色用于缩略预览。	`"#000" \| "#f4f4f4"`	`"#000"`
`options.height` 场景的建议高度，内容较多时布局会相应延展。	`number`	`540`
`options.reducedMotion` 覆盖系统的减少动态效果偏好，同时保留完整交互状态。	`boolean`