四种神经网络主题的 Canvas 特效,用于品牌展示。点击预览全屏效果,点击复制即可嵌入页面。
粒子神经网络 · 鼠标交互
仿 antigravity.google 风格的 3D 粒子星群,粒子间以发光线条动态连接形成神经网络拓扑结构。鼠标移动可扰动粒子场。
神经突触 · 级联放电
模拟神经元集群的随机放电与级联传播效应。每2-4秒触发一次"神经风暴",激活信号沿连接路径扩散。
几何核心 · 轨道粒子
旋转的五边形几何核心 + 环绕飞行的轨道粒子群,带有能量光束和脉动光晕,科技感极强。
神经织网 · 波动曲面
粒子网格构成的流动曲面,像神经网络在"呼吸"。多组正弦波叠加产生有机的织物般动态。
| 效果 | 视觉冲击 | 性能消耗 | 交互性 | 代码量 | 推荐场景 |
|---|---|---|---|---|---|
| Neural Constellation | ⭐⭐⭐⭐⭐ | 中 (~180px) | 鼠标交互 | ~120 行 | Hero 全屏背景 |
| Synaptic Storm | ⭐⭐⭐⭐ | 低 (~60节点) | 自动动画 | ~150 行 | 品牌页装饰 |
| Geometric Nexus | ⭐⭐⭐⭐ | 低 (~30轨道) | 自动动画 | ~140 行 | CTA 区块 |
| Neural Tapestry | ⭐⭐⭐ | 中 (~1200px) | 自动动画 | ~100 行 | 大面积填充 |