Article
最近做环带动效时，我想把调整画面的过程做得更直接一点：圆环大一些、换个角度、移动灯光，再把卡片换成自己的内容。于是有了这个可以在浏览器里使用的小项目——环带工作室 Ring Studio 1.0。
打开页面就能看到环带和图表的动态预览，不需要安装 AE 或 Figma，也不用在电脑上启动服务器。
1.0 可以做什么
- 调整环带：改变角度、半径、页面高度和间距，调整旋转方向与速度。
- 调整灯光：控制光照方向、强度与颜色，也可以直接使用预设。
- 自定义页面：编辑图表标题、数据与配色，或者上传自己的图片。页面可以添加、复制和排序。
- 保存结果：导出项目文件，方便下次继续修改；也可以导出当前画面的 PNG。
怎么用
先在左侧选择一张卡片，再到右侧编辑内容。切换到场景和灯光面板，调整圆环的大小、视角与受光效果，中间的预览会实时更新。
想使用自己的设计，可以上传 PNG、JPG、WebP 或简单 SVG。上传后的图片会作为一张完整页面随环带运动，图片里的文字和图形需要在原设计文件中修改。
完成后，建议点击“保存项目”下载 .ring.json 文件。编辑内容和上传图片保存在当前浏览器中，不会自动同步到其他设备；在线版与之前本地版的记录也是分开的，可以用项目文件迁移。
这个版本的范围
1.0 先把实时预览、参数调整和自定义页面做好。目前支持项目文件与 PNG 导出，还没有视频导出，也不会自动同步修改到 AE 工程。它适合快速尝试构图、灯光和页面搭配，欢迎打开玩一玩。