Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

利用正确的数学知识快速设计扫描动画

Posted on 2025-09-13

屏障网格动画(也称为扫描动画)是大多数人一眼就能认出来的,即使他们不知道它叫什么。将一组不透明的条带移动到图案上,观察图像的不同部分交替隐藏和显示,从而产生一个简单的动画。棘手的部分在于设计整个动画——但麻省理工学院的研究人员将FabObscura设计成一种设计工具,它不仅能够创建带图案的薄片,还能以允许复杂设计的方式进行。

屏障网格不必由简单的直线组成,网格的移动也可以是旋转而非滑动。系统只需接收所需的帧,即描述显示器行为的数学函数,即可自动创建必要的设计。

论文(PDF)有更多细节。虽然用这个系统可以制作高度复杂的动画,但帧数越多,设计越复杂,屏障网格就越明显,因此就越难看清正在发生的事情。不过,还是有一些非常不错的结果,比如上图的例子,它展示了一个可以代表三种不同饮料订单的杯垫。

我们推荐您观看下方嵌入的视频,它展示了其他可能性,例如一个看起来像仓鼠滚轮的时钟,上面还有一只奔跑的啮齿动物。它让人想起这款极其巧妙的时钟,它利用莫尔条纹(一种两种元素之间的干涉条纹)来随着时间推移显示数字。

我们找不到 FabObscura 的任何在线演示或存储库,但如果您知道,请在评论中分享。

原文: https://hackaday.com/2025/09/13/design-scanimations-in-a-snap-with-the-right-math/

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Big Technology
  • Bits about Money
  • Brandon Skerritt
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Christopher Butler
  • Colin Percival
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Dustin Curtis
  • eighty twenty
  • Elad Gil
  • Ellie Huxtable
  • Ethan Dalool
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • HeardThat Blog
  • Henrique Dias
  • Herman Martinus
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Li Haoyi
  • Liz Danzico
  • Lou Plummer
  • Luke Wroblewski
  • Maggie Appleton
  • Matt Baer
  • Matt Stoller
  • Matthias Endler
  • Mert Bulan
  • Mind Matters
  • Mostly metrics
  • Naval Ravikant
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Rohit Patel
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • Sam Rose
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Steph Ango
  • Stephen Wolfram
  • Steve Blank
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • thesephist
  • Thinking Deep & Wide
  • Tim Kellogg
  • Understanding AI
  • Wes Kao
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme