V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wxttt
V2EX  ›  分享创造

一次失败又没完全失败的尝试

  •  1
     
  •   wxttt · 2022-06-30 16:43:17 +08:00 · 2782 次点击
    这是一个创建于 858 天前的主题,其中的信息可能已经有所发展或是发生改变。

    心急的朋友可以直接查看DEMO : )

    起因

    最近两个月沉迷飞盘,基本上每周都会和小伙伴们约一次比赛。随着飞盘技术的精进,我逐渐产生了定制一只飞盘的想法。当我思考该定制一只怎样的飞盘之时,曾经收藏过的一张 gif 浮现在我的脑海中。

    万恶之源

    ↑↑↑↑↑ 万恶之源 ↑↑↑↑

    我想既然轮胎的旋转可以形成稳定的动画,那么同样旋转的飞盘应该也可以。查阅了一些资料,发现早期无声电影的雏形『费纳奇镜』的机制也与之类似,于是我行动了起来。

    费纳奇镜

    ↑↑↑↑↑ 费纳奇镜 ↑↑↑↑

    模拟一下动画

    明确了目标之后,我开始着手做两件事。

    - 把 GIF 图片,拆成单独的每一帧
    - 在浏览器中实现旋转动画,测试不同转速下的视觉效果
    

    因为是自己所擅长的领域,所以事情进行的还比较顺利,很快我得到了还算稳定的动画。

    pika

    虽然看起来比较魔性,但是至少稳定的动起来了。这也给了我信心去用这张图片来定制飞盘。

    pika

    收到飞盘后

    大概过了一周时间,我收到了定制的飞盘。我兴奋的把飞盘旋转着丢到空中,然而期待中奔跑的比卡丘并没有出现,取而代之的是一圈什么画面都看不出来的黄色。

    我想可能是我旋转的方式太不稳定导致的失败,需要基于飞盘的中心快速旋转才行。于是,我把家里电风扇的扇叶拆了,把飞盘固定了上去。随着我轻轻的按下开关,飞盘快速的旋转了起来,而结果依然失败,还是那一坨该死的黄色。此时,我隐约觉得我搞错了实现这种动画的原理,再尝试下去也不会有好的结果。就想着拍个视频留个纪念,就此结束。没想到的是,视频中的飞盘上出现了模糊的动画。

    模糊皮卡丘

    这动画虽然模糊,但确实是动画。

    至此我得到了三条有一定关联的信息。

    - 肉眼观察无法看到动画,只看得到一坨黄色
    - 浏览器中的能呈现出稳定的动画(浏览器渲染频率有上限)
    - 手机录制的视频中能呈现出动画(视频的帧数有上限)
    

    不难看出类似动画的呈现和渲染工具的渲染频率有关,但我依然没法自己做出这样的动画。

    后续研究

    带着疑问,我又去查阅了一些『费纳奇镜』的相关资料,最后在一个视频中找到了我需要的答案。

    来自 3D 打印与灯光技术的实体动画

    视频中作者用特定频率的频闪灯,加上指定转速的圆盘,实现了肉眼观测的 3D 费纳奇镜。

    灯光

    感兴趣的小伙伴可以看一下视频。

    收获

    这个事情前前后后折腾了两个礼拜,虽然用飞盘制作动画的尝试失败了,但是最后也算把原理搞清楚了。 在尝试的过程中,为了方便我自己从 GIF 生成静态图片,预览不同转速下动画效果,我把整个功能实现了一下。

    git 地址:传送门

    在线 DEMO:传送门

    欢迎大家来玩

    关于飞盘

    最近飞盘这项运动很火,也引起了不少争议,各种正面,负面的消息层出不穷。对于我个人而言,这是一项有趣而有竞技性的运动,每周和小伙伴一起打飞盘的时光是非常快乐的。

    欢迎大连高新园区的朋友联系我一起玩。

    感谢大家观看,最后放两个之前飞盘活动的视频。

    大连高新飞盘高能时刻(2022 年 6 月 28 日)

    大连高新飞盘高能时刻(2022 年 6 月 24 日)

    21 条回复    2022-07-04 13:59:42 +08:00
    madlifer
        1
    madlifer  
       2022-06-30 16:47:34 +08:00
    “您可以约上三五好友去足球场来上一场飞盘赛”

    其实我觉的这玩意儿跟耍猴差不多,小时候玩儿的那个 几个人来回传沙包 一个人当猴儿抢,在谁手上抢到了就去当猴儿

    所以... 文艺复兴是吧?
    PaperHs
        2
    PaperHs  
       2022-06-30 16:51:43 +08:00
    这只皮卡丘居然不会电光一闪?
    wxttt
        3
    wxttt  
    OP
       2022-06-30 16:58:29 +08:00
    @madlifer 其实更接近橄榄球,但是不鼓励身体对抗。
    wxttt
        4
    wxttt  
    OP
       2022-06-30 17:03:07 +08:00
    @PaperHs 等我换个会放电的 GIF 生成下 2333
    est
        5
    est  
       2022-06-30 17:05:07 +08:00
    你给飞盘打上洞,应该就能模拟频闪的效果,就能看到稳定画面了。
    wxttt
        6
    wxttt  
    OP
       2022-06-30 17:11:05 +08:00
    @est 打洞的话有点费盘 @——@ 可能拿黑色的纸遮挡一下也可以。
    PaperHs
        7
    PaperHs  
       2022-06-30 17:17:11 +08:00
    @wxttt 贴闪光纸
    sillydaddy
        8
    sillydaddy  
       2022-06-30 17:22:24 +08:00
    那就是可以在日光灯(50Hz)下玩啦
    idealhs
        9
    idealhs  
       2022-06-30 17:23:28 +08:00
    因为拍摄设备是有频率的,设备的帧率产生了这种动画效果
    而人眼看日光下的东西只有视觉残留
    你搭配一个自定义频率的光源就可以了
    btw ,惊天魔盗团里面经典的雨滴倒流魔术也是同样的原理
    wxttt
        10
    wxttt  
    OP
       2022-06-30 17:35:43 +08:00
    @sillydaddy 等我去试试 :))
    wxttt
        11
    wxttt  
    OP
       2022-06-30 17:36:46 +08:00
    @idealhs 惊天魔盗团我还没看过 看来得去看一下
    TrevorPhillips
        12
    TrevorPhillips  
       2022-06-30 18:06:02 +08:00
    兄弟你现在还没完全失败。。去找台转速调节范围大且细致的机器,把飞盘固定上去重新试试,这个要不断调整的,就像以前有人拍直升机能拍出叶片静止,那是刚好转速和相机频率成一定比例,你多调节下转速,肯定能成功的
    wxttt
        13
    wxttt  
    OP
       2022-06-30 18:47:07 +08:00
    @TrevorPhillips 感谢鼓励,有机会我会再试试的。
    darkengine
        14
    darkengine  
       2022-07-01 10:43:51 +08:00
    昨天刚看到京城的单身飞盘活动,男的需要验资 5000W ,缴费 6000 。
    wxttt
        15
    wxttt  
    OP
       2022-07-01 11:03:43 +08:00
    @darkengine 我也看到了~ 但凡有点热度的事物都会招苍蝇。
    dier
        16
    dier  
       2022-07-01 14:19:00 +08:00
    没点开楼主的两个视频之前,我一直以为飞盘主要用于给宠物消耗精力[🐶没有恶意],或者是击打远处的目标。没想到还能传来传去这么玩。看起来对抗性不是很强啊
    dier
        17
    dier  
       2022-07-01 14:23:06 +08:00
    另外,关于这个想把飞盘表面做成动画效果会失败,具体原理我推荐楼主看一下 Youtube 上 “佑来了”做的一些实验,
    还是挺有趣的
    wxttt
        18
    wxttt  
    OP
       2022-07-01 15:06:34 +08:00
    @dier 哈哈哈,我参与这项运动之前也觉得是给狗子玩的。确实对抗性不是很强,实际上飞盘比赛规则就不鼓励对抗,明确写了要尽量避免身体接触,防守者要给进攻者留出空间。篮球中贴身防守或者挡拆之类的操作都是禁止的。
    wxttt
        19
    wxttt  
    OP
       2022-07-01 15:11:37 +08:00
    @dier 哇 感谢分享,同样的原理不同的玩法。这个 UP 还隐蔽的玩了一下 JOJO 白银之星的梗。
    nickchenyx
        20
    nickchenyx  
       2022-07-01 17:26:11 +08:00
    在线 demo 好像坏了 没法用呀
    wxttt
        21
    wxttt  
    OP
       2022-07-04 13:59:42 +08:00
    @nickchenyx 不好意思,我没太测试兼容性,交互也很迷 ==! chrome 浏览器点右上部分选择一个 GIF 是可以的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5544 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 07:52 · PVG 15:52 · LAX 23:52 · JFK 02:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.