V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
yaphets666
V2EX  ›  CSS

苹果 airpods max 那个随着滚轮滚动而旋转的效果是怎么做的?只看到 canvas,具体的实现方法是什么呢?

  •  
  •   yaphets666 · 2020-12-09 09:55:52 +08:00 · 1567 次点击
    这是一个创建于 531 天前的主题,其中的信息可能已经有所发展或是发生改变。
    苹果 airpods max 那个随着滚轮滚动而旋转的效果是怎么做的?只看到 canvas,具体的实现方法是什么呢?

    有大佬简单说下么.
    关键词 canvas matrix
    5 条回复    2020-12-09 21:14:19 +08:00
    FishNaCl
        1
    FishNaCl  
       2020-12-09 11:27:17 +08:00 via Android
    应该就是一帧一帧的图片放出来的
    yaphets666
        2
    yaphets666  
    OP
       2020-12-09 11:29:19 +08:00
    @FishNaCl 我问别人 有的说是绘制了视频 滚轮其实是在拖动进度条 但是也不确定 弄不清楚好烦
    hs0000t
        3
    hs0000t  
       2020-12-09 11:37:50 +08:00 via Android
    打开网页 按 F12
    找一串 medium 开头的 png 图片
    yaphets666
        4
    yaphets666  
    OP
       2020-12-09 13:22:03 +08:00
    @hs0000t
    老哥是 https://www.apple.com/airpods-max/
    <canvas width="1004" height="1214"></canvas>
    这个标签
    视频下面那个旋转的
    FishNaCl
        5
    FishNaCl  
       2020-12-09 21:14:19 +08:00 via Android   ❤️ 1
    @yaphets666 这个不好意思是我有点想当然了..这个影片里面有讲到一点, 具体实现不太清楚, 我也没怎么用过 canvas.
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1050 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 114ms · UTC 21:00 · PVG 05:00 · LAX 14:00 · JFK 17:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.