心急的朋友可以直接查看DEMO : )
最近两个月沉迷飞盘，基本上每周都会和小伙伴们约一次比赛。随着飞盘技术的精进，我逐渐产生了定制一只飞盘的想法。当我思考该定制一只怎样的飞盘之时，曾经收藏过的一张 gif 浮现在我的脑海中。
↑↑↑↑↑ 万恶之源 ↑↑↑↑
我想既然轮胎的旋转可以形成稳定的动画，那么同样旋转的飞盘应该也可以。查阅了一些资料，发现早期无声电影的雏形『费纳奇镜』的机制也与之类似，于是我行动了起来。
↑↑↑↑↑ 费纳奇镜 ↑↑↑↑
明确了目标之后，我开始着手做两件事。
- 把 GIF 图片，拆成单独的每一帧
- 在浏览器中实现旋转动画，测试不同转速下的视觉效果
因为是自己所擅长的领域，所以事情进行的还比较顺利,很快我得到了还算稳定的动画。
虽然看起来比较魔性，但是至少稳定的动起来了。这也给了我信心去用这张图片来定制飞盘。
大概过了一周时间，我收到了定制的飞盘。我兴奋的把飞盘旋转着丢到空中，然而期待中奔跑的比卡丘并没有出现，取而代之的是一圈什么画面都看不出来的黄色。
我想可能是我旋转的方式太不稳定导致的失败，需要基于飞盘的中心快速旋转才行。于是，我把家里电风扇的扇叶拆了，把飞盘固定了上去。随着我轻轻的按下开关，飞盘快速的旋转了起来，而结果依然失败，还是那一坨该死的黄色。此时，我隐约觉得我搞错了实现这种动画的原理，再尝试下去也不会有好的结果。就想着拍个视频留个纪念，就此结束。没想到的是，视频中的飞盘上出现了模糊的动画。
这动画虽然模糊，但确实是动画。
至此我得到了三条有一定关联的信息。
- 肉眼观察无法看到动画，只看得到一坨黄色
- 浏览器中的能呈现出稳定的动画（浏览器渲染频率有上限）
- 手机录制的视频中能呈现出动画（视频的帧数有上限）
不难看出类似动画的呈现和渲染工具的渲染频率有关，但我依然没法自己做出这样的动画。
带着疑问，我又去查阅了一些『费纳奇镜』的相关资料，最后在一个视频中找到了我需要的答案。
视频中作者用特定频率的频闪灯，加上指定转速的圆盘，实现了肉眼观测的 3D 费纳奇镜。
感兴趣的小伙伴可以看一下视频。
这个事情前前后后折腾了两个礼拜，虽然用飞盘制作动画的尝试失败了，但是最后也算把原理搞清楚了。 在尝试的过程中，为了方便我自己从 GIF 生成静态图片，预览不同转速下动画效果，我把整个功能实现了一下。
git 地址：传送门
在线 DEMO：传送门
欢迎大家来玩
最近飞盘这项运动很火，也引起了不少争议，各种正面，负面的消息层出不穷。对于我个人而言，这是一项有趣而有竞技性的运动，每周和小伙伴一起打飞盘的时光是非常快乐的。
欢迎大连高新园区的朋友联系我一起玩。
感谢大家观看，最后放两个之前飞盘活动的视频。
这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.