Colliding Scopes
可在浏览器中实时将照片制作成万花筒动画的免费工具，适用于创作 Spotify Canvas、美化视频项目以及制作营销视频素材。
collidingscopes.github.io 源码★ 11视频与音频 / 视频剪辑
- 月访问
- 28.7K
- 下降28.8%环比2026 年 10 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- 免费
- 没有月付订阅价
- 首次发布
- 2 年前
- 2024-07-16 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销- 8 beats made with math functions. do you want any of these as a full song? 引用帖 @measure_plan： wrote a song using a fractal pattern and my graphing calculator
@measure_plan · 2026-11-03 · 146 赞 · 17 转发 · 4,075 浏览
- more mathtekk tracks on spotify: https://open.spotify.com/artist/6RWBgsTOdVa4VGjAtsJNFg 回复原帖 @measure_plan： wrote a song using a fractal pattern and my graphing calculator
@measure_plan · 2026-11-02 · 1 赞 · 0 转发 · 528 浏览
- wrote a song using a fractal pattern and my graphing calculator 引用帖 @measure_plan： using math functions to make background music for an imaginary video game eyes up, danger ahead
@measure_plan · 2026-11-02 · 215 赞 · 27 转发 · 9,193 浏览
在 Show HN 发布（1 分）发布
Image-to-Kaleidoscope-Animation, real-time in the browser (open source) — Turn photos into kaleidoscope animations -- for free, in real-time, directly in the browser! Click the button at the bottom-right to close…
2025 年 2 月 11 日 · 21 个月前发布页
在 Show HN 发布（2 分 · 2 评论）发布
Turning photos into kaleidoscope animations (JS open source project)
2024 年 7 月 16 日 · 2 年前发布页
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案- 创作者原帖摘录：
- Turn photos into kaleidoscope animations -- for free, in real-time, directly in the browser! Click the button at the bottom-right to close/show the controls. You can use the menu to upload a new image, adjust the animation speed / number of kaleidoscope tiles / canvas size, and to export the animation as a video file. This web tool is completely free, open s
开源仓库与自部署
流量来源
访问构成
渠道
- 自然搜索67%
- 直接访问22%
- 社交媒体5%
- 外部引荐5%
- 其他1%
国家/地区
- 美国37%
- 印度14%
- 墨西哥6%
- 俄罗斯5%
- 加拿大5%
搜索
站点权重 —域名注册 2013-03-08
| 关键词 | 月搜索量 |
|---|---|
| sprite sheet to gif | 1,620 |
| spritesheet to gif | 700 |
| turn spritesheet into gif | 430 |
| video to ascii | 380 |
| gif from sprite sheet | 120 |
流量数据：Vaneform
定价
官网未公开套餐价格。
试用：未提供 · 观察于 2026-11-04 · 来源页面
页面与变化
关键页面
每周快照设计
全屏粉色照片万花筒铺满画面，顶部深色控件条配绿色选图按钮与紫色录制按钮。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“COLLIDING SCOPES 🪞”
顶部横排按钮、滑杆与宽高输入，镜像照片铺满整个画布。
首屏转化路径：全屏画布、视频或 3D 场景叠标题 + 首屏可交互演示或工具 → 首屏直接输入或试用
- 结果与速度承诺
- 首屏可交互工具
色板 · 点击复制
- 字体与排版
- 5.0
- 色彩与对比
- 7.0
- 构图与留白
- 6.0
- 细节与工艺
- 5.0
- 风格辨识度
- 7.0
结构
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：极简单色
黑白灰加一个强调色，细线分隔，大量留白，靠字号与字重分层级。
## 设计参数
```css
:root {
--background: #d4929e;
--surface: #f4f1ea;
--foreground: #ffffff;
--muted-foreground: #bdbdbd;
--accent: #1e8f62;
--radius: 4px;
--font-heading: "Arial", ui-sans-serif, system-ui, sans-serif;
--font-body: "Arial", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比：背景 #D4929E（约 48%） · 面板 #F4F1EA（约 28%） · 正文 #FFFFFF（约 6%） · 次要文字 #BDBDBD（约 6%） · 强调 #1E8F62（约 12%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：全屏画布、视频或 3D 场景叠标题
- 导航结构：无显式导航
- 明暗与密度：深色 · 信息密集
- 圆角与层级：小圆角；不用阴影，用细线与留白区分层级
- 主视觉载体：首屏可交互演示或工具
- 转化动作：首屏直接输入或试用
- 标题切入点：结果与速度承诺
- 首屏组件特征：首屏可交互工具
- 空间布局拆解：顶部横排按钮、滑杆与宽高输入，镜像照片铺满整个画布。
- 视觉特征总结：全屏粉色照片万花筒铺满画面，顶部深色控件条配绿色选图按钮与紫色录制按钮。
## 避免
- 多种强调色并用
- 渐变背景
- 重阴影
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
- Colliding Scopes 的网站访问量是多少？
- Vaneform 估算 2026-10 网站访问量为 28.7K。访问量包含重复访问，付费客户数与收入需分别查看对应证据。来源
- Colliding Scopes 是什么产品，支持哪些平台？
- Colliding Scopes 归属「视频剪辑」赛道：可在浏览器中实时将照片制作成万花筒动画的免费工具，适用于创作 Spotify Canvas、美化视频项目以及制作营销视频素材。。 支持平台包括：网页。
- Colliding Scopes 是开源项目吗？采用什么协议？
- Colliding Scopes 拥有公开代码仓库（https://github.com/collidingScopes/collidingScopes.github.io），已公开源代码仓库，记录有 11 个 GitHub Stars。来源
同分类研究对象
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。
| 产品 | 入门价 | 月访问 | 收入证据 |
|---|---|---|---|
| CapCut巨兽为个人创作者、企业和创意团队提供 AI 图片与视频生成、剪辑、配音和自动字幕工具。 | $12/月 | 54.7M | 未公开 |
| Clideo巨兽在线视频编辑工具，帮助用户编辑视频、图片和 GIF，并制作和调整视频。 | $9/月 | 11.6M | 未公开 |
| Kapwing成熟标杆面向创意团队、营销人员、内容创作者和教育者的在线视频编辑平台，可使用 AI 生成、编辑、字幕翻译并协作制作视频。 | $16/月 | 4.3M | 未公开 |
| Descript成熟标杆面向创作者和企业团队，通过编辑转录文本及 AI 指令完成音视频录制、剪辑、音质优化、字幕生成和内容再利用。 | $16/月 | 3.3M | 未公开 |
| LibTV成熟标杆支持画布创作和多种模型的视频创作工具。 | — | 2.9M | 未公开 |
| TextMatchCut成熟标杆免费的浏览器视频编辑工具，供创作者制作文字匹配剪辑效果。 | — | 2.5M | 未公开 |