[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"knowledge-b43b9def8e30b9ad":3},{"id":4,"slug":5,"category":6,"categoryLabel":7,"title":8,"summary":9,"coverUrl":10,"publishDate":11,"shareUser":12,"rank":16,"lastSyncedAt":17,"contentHtml":18,"images":19,"sourceUrl":67},"6a33b7f3759fbb61a05370f7","b43b9def8e30b9ad","diy","DIY","费纳奇镜：19世纪的动图长这样","早在1832年，就出现了这种在纸面上无限循环的魔性小动画，它是怎么做的？","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322124-0-8c69537a.jpg","2017-06-26T16:51:09.876980+08:00",{"name":13,"label":14,"text":15},"61","61分享","来自61分享",4,"2026-08-23T01:15:57.317Z","\u003Cdiv>\u003Cp>深受网友喜欢的gif小动图已经有30年历史了，而事实上，无限循环动图还有更悠久的历史：早在1832年，就出现了一种在纸面上无限循环的魔性小动画——费纳奇镜。\u003C\u002Fp>\n\n\u003Cp class=\"img-caption\">\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322273-1-f3618208.gif\" style=\"height:400px; width:400px\">就像这样。图片来自：wikipedia\u003C\u002Fp>\n\n\u003Ch2>费纳奇镜是什么？\u003C\u002Fh2>\n\n\u003Cp>费纳奇镜（Phenakistoscope）是一种简单的动画放映装置，将它转动起来，人们可以观察到循环播放的连续动画。1832年时，比利时人约瑟夫·普拉陶（Joseph Plateau）和奥地利人西蒙·冯施坦普费尔（Simon von Stampfer）发明了它。\u003C\u002Fp>\n\n\u003Cp>和现在的动画不同，费纳奇镜的画面图案转圈排列在一张圆盘上。圆盘上有一条条窄缝，可以绕中轴旋转。观看动画的人需要手持手柄，对着一面镜子让圆盘旋转起来，并透过圆盘上的窄缝观察圆盘图案的镜像，这样就可以看到画面动起来了。\u003C\u002Fp>\n\n\u003Cp class=\"img-caption\">\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322343-2-86af7356.jpg\" style=\"height:353px; width:600px\">对镜观察的费纳奇镜设计。图片来自：thisiscolossal.com\u003C\u002Fp>\n\n\u003Cp>另外也有一种费纳奇镜的设计是狭缝和图案分别在两个圆片上， 这样不需要镜子也可以观察。\u003Cstrong>但总之，通过窄缝观察旋转圆盘上的图案，让它变成小动画，这是费纳奇镜的基本要点\u003C\u002Fstrong>。\u003C\u002Fp>\n\n\u003Cp>\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322390-3-73bd5e97.jpg\" style=\"height:400px; width:296px\">\u003C\u002Fp>\n\n\u003Ch2>费纳奇镜上能看到什么？\u003C\u002Fh2>\n\n\u003Cp>由于“帧数”限制，费纳奇镜只能显示很短的一段动画，它在旋转中会不断循环往复。这可以说是最早的无限循环动图了。\u003C\u002Fp>\n\n\u003Cp>透过窄缝可以看到整个圆盘，而且上面的每一个图案都会动起来，因此费纳奇镜的动画效果可以说是十分魔性。\u003C\u002Fp>\n\n\u003Cp>透过费纳奇镜，人们可以看到旋转的舞者：\u003C\u002Fp>\n\n\u003Cp class=\"img-caption\">\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322456-4-ce940445.gif\" style=\"height:350px; width:350px\">1893年的一件纸质圆盘作品，作者：Eadweard Muybridge\u003C\u002Fp>\n\n\u003Cp>小鬼吃人：\u003C\u002Fp>\n\n\u003Cp class=\"img-caption\">\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322634-5-01609add.gif\" style=\"height:500px; width:500px\">1835年的一件费纳奇镜作品，图片来自：http:\u002F\u002Fdickbalzer.tumblr.com\u003C\u002Fp>\n\n\u003Cp>或是……倾巢而出的耗子：\u003C\u002Fp>\n\n\u003Cp class=\"img-caption\">\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322683-6-424273a0.gif\" style=\"height:375px; width:500px\">图片来自：thisiscolossal.com\u003C\u002Fp>\n\n\u003Cp>除了帧数少，费纳奇镜还有另外一个缺点：一次只能供一人欣赏。因此没过多久，新出现的技术就将它取代了。\u003C\u002Fp>\n\n\u003Ch2>为什么一定要通过窄缝才能看？\u003C\u002Fh2>\n\n\u003Cp>在费纳奇镜的圆盘上，每一个扇形画帧两边都有一条窄缝，观看时也必须通过窄缝。为什么要这样，直接看不行吗？\u003C\u002Fp>\n\n\u003Cp>还真不行。如果直接观察旋转的图案，会看到它们糊成一片。\u003C\u002Fp>\n\n\u003Cp>狭缝的作用是，确保观察者只有当下一帧图案到达了和上一帧相同的位置时才能看到它。比如说如果一个圆盘被八等分，每一份里有一帧图案，每一份边缘都有一条窄缝。那么，两个狭缝之间相差1\u002F8圈，两个图案之间也是如此。因此，每次能从狭缝中看到图案时，都与上一帧正好相差1\u002F8圈，这时候正好是下一格图案转到了上一格的位置。\u003C\u002Fp>\n\n\u003Cp>这样一来，在视觉暂留的作用下，人们不会觉得画面在左右移动，也不会觉得它变模糊，而是感觉它在原地动了起来。\u003C\u002Fp>\n\n\u003Ch2>你也可以做一个！\u003C\u002Fh2>\n\n\u003Cp>费纳奇镜已经没有多少实用价值了，但它依然是很好的DIY小玩具，拿起圆规和尺子，你现在就可以做上一个~\u003C\u002Fp>\n\n\u003Cp>所需材料和工具：卡纸（最好不要太软），圆规，尺子，铅笔，剪刀，一支可作为转轴的竹签或者筷子。\u003C\u002Fp>\n\n\u003Cp>首先要画出格子的框架。画一个大圆，将其八等分（尺规作图还是直接用量角器量就随便你了）。在八等分扇形的每条线上画出一条狭缝，最终是下面这样：\u003C\u002Fp>\n\n\u003Cp>\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322724-7-5adfd248.jpg\" style=\"height:480px; width:500px\">\u003C\u002Fp>\n\n\u003Cp>（如果你懒得画，\u003Ca href=\"http:\u002F\u002Fwww.rigb.org\u002Fdocs\u002Fphenekistascope_blank_experimental_0.pdf\">戳这里\u003C\u002Fa>可以下载空白图纸）\u003C\u002Fp>\n\n\u003Cp>接下来，要在每个扇形格子里画上你想要的小动画的帧。最简单的一种画法是画同一个物体，让它每一帧向外移动一些位置，也可以尝试其他各种画法。\u003C\u002Fp>\n\n\u003Cp>（如果你还是懒得画，\u003Ca href=\"http:\u002F\u002Fwww.rigb.org\u002Fdocs\u002Fphenekistascope_frg_experimental_0.pdf\">戳这里\u003C\u002Fa>可以下载一个画好图案的图纸）\u003C\u002Fp>\n\n\u003Cp>接下来，就要把圆纸片剪下来，把每个狭缝处剪掉，然后在圆心处插上充当转轴的竹签，一个简易的费纳奇镜就做好了。\u003C\u002Fp>\n\n\u003Cp>\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322825-8-7fbd8f98.jpg\" style=\"height:370px; width:500px\">\u003C\u002Fp>\n\n\u003Cp>面对一面镜子，把费纳奇镜有图案的一面朝向镜子，透过纸片上的狭缝进行观察。把纸片转起来，来欣赏这种19世纪的小动画吧！\u003C\u002Fp>\n\n\u003Cp>\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322890-9-86999ced.gif\" style=\"height:194px; width:364px\">\u003C\u002Fp>\n\n\u003Cp>\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322957-10-c7a84649.gif\" style=\"height:216px; width:345px\">\u003C\u002Fp>\n\n\u003Cp>作为对比，下面是不经过狭缝直接观察的效果：\u003C\u002Fp>\n\n\u003Cp>\u003Cimg alt=\"\" src=\"https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774323311-11-411f73dd.gif\" style=\"height:225px; width:326px\">\u003C\u002Fp>\n\n\u003Cp class=\"editors-note\">笔记本：\u003Cbr>\n费纳奇镜是19世纪发明的一种动画技术，你可以把它理解为180多年前的无限循环gif图。\u003Cbr>\n画帧呈辐射状排列在圆盘上，每一幅图的边缘都有一道窄缝。通过窄缝观察旋转的圆盘，可以看到上面的画面动起来。\u003Cbr>\n这种技术当然早已过时，但它制作方便、效果魔性，依然是很有趣的小玩具。\u003C\u002Fp>\n\n\u003Cp>题图来自：patternprintsjournal.com\u003C\u002Fp>\n\n\u003Ch2 class=\"references\">参考资料：\u003C\u002Fh2>\n\n\u003Col class=\"reference-item\">\n\t\u003Cli>https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FPhenakistiscope\u003C\u002Fli>\n\t\u003Cli>http:\u002F\u002Fwww.rigb.org\u002Ffamilies\u002Fexperimental\u002Fspinema\u003C\u002Fli>\n\u003C\u002Fol>\u003C\u002Fdiv>",[20,23,27,31,35,39,43,47,51,55,59,63],{"sourceUrl":21,"localPath":22,"publicUrl":10},"https:\u002F\u002F2-im.guokr.com\u002FnzhegceRfz1JrdVc8aDhHaEKxlXt1Uh6JBFgGTaou7VKAQAA6wAAAEpQ.jpg","C:\\www\\images\\diy\\20260618\\19-1781774322124-0-8c69537a.jpg",{"sourceUrl":24,"localPath":25,"publicUrl":26},"https:\u002F\u002F2-im.guokr.com\u002FGPXvrJcpTxJoBxv8t-YV2fm5_0OCN_oVp3ACt2IJIY0gAwAAIAMAAEdJ.gif?imageView2\u002F1\u002Fw\u002F555\u002Fh\u002F555","C:\\www\\images\\diy\\20260618\\19-1781774322273-1-f3618208.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322273-1-f3618208.gif",{"sourceUrl":28,"localPath":29,"publicUrl":30},"https:\u002F\u002F3-im.guokr.com\u002F2l9g_OYOdO7kRmoOEToB7paFkrtM0JrAoUElKMhI48foAwAATAIAAEpQ.jpg?imageView2\u002F1\u002Fw\u002F555\u002Fh\u002F326","C:\\www\\images\\diy\\20260618\\19-1781774322343-2-86af7356.jpg","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322343-2-86af7356.jpg",{"sourceUrl":32,"localPath":33,"publicUrl":34},"https:\u002F\u002F1-im.guokr.com\u002FfSnaNZSE6EXqoSppn-yNZL_iQghSyjg6lqO7bhHOctgoAQAAkAEAAEpQ.jpg","C:\\www\\images\\diy\\20260618\\19-1781774322390-3-73bd5e97.jpg","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322390-3-73bd5e97.jpg",{"sourceUrl":36,"localPath":37,"publicUrl":38},"https:\u002F\u002F1-im.guokr.com\u002Fd2ctceu3QSjTDNmcsh84MMKjcsKqNXxF61pCM-KMNlBeAQAAXgEAAEdJ.gif","C:\\www\\images\\diy\\20260618\\19-1781774322456-4-ce940445.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322456-4-ce940445.gif",{"sourceUrl":40,"localPath":41,"publicUrl":42},"https:\u002F\u002F2-im.guokr.com\u002F3-BKKMTXgynHwamz7BM1Utz8pSNepgr3lBIadGMGIEn0AQAA9AEAAEdJ.gif","C:\\www\\images\\diy\\20260618\\19-1781774322634-5-01609add.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322634-5-01609add.gif",{"sourceUrl":44,"localPath":45,"publicUrl":46},"https:\u002F\u002F3-im.guokr.com\u002FU5KZO2_XJv0SdkCm-eKxOrZJhZcfnC0DMV9Vq_Ewtg30AQAAdwEAAEdJ.gif","C:\\www\\images\\diy\\20260618\\19-1781774322683-6-424273a0.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322683-6-424273a0.gif",{"sourceUrl":48,"localPath":49,"publicUrl":50},"https:\u002F\u002F3-im.guokr.com\u002FBcmhnNXdQNlYhTB2XpXiiNcVOB0r0oob6XJb70_hkY0_AgAAKAIAAEpQ.jpg?imageView2\u002F1\u002Fw\u002F555\u002Fh\u002F532","C:\\www\\images\\diy\\20260618\\19-1781774322724-7-5adfd248.jpg","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322724-7-5adfd248.jpg",{"sourceUrl":52,"localPath":53,"publicUrl":54},"https:\u002F\u002F2-im.guokr.com\u002FqyEosaF48iaxvgd7281r_ROxCEYRy570kkAC9O0YmG7AAwAAxgIAAEpQ.jpg?imageView2\u002F1\u002Fw\u002F555\u002Fh\u002F410","C:\\www\\images\\diy\\20260618\\19-1781774322825-8-7fbd8f98.jpg","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322825-8-7fbd8f98.jpg",{"sourceUrl":56,"localPath":57,"publicUrl":58},"https:\u002F\u002F3-im.guokr.com\u002Fl5K_5S8-3drxFLkrcHLQNPC11iNKAcZC3cdCBwLtwCVsAQAAwgAAAEdJ.gif","C:\\www\\images\\diy\\20260618\\19-1781774322890-9-86999ced.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322890-9-86999ced.gif",{"sourceUrl":60,"localPath":61,"publicUrl":62},"https:\u002F\u002F1-im.guokr.com\u002FJAhqRWLTbay1p5vdUc-nOYrmHBoYMAbeGDhphyxT-SNZAQAA2AAAAEdJ.gif","C:\\www\\images\\diy\\20260618\\19-1781774322957-10-c7a84649.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774322957-10-c7a84649.gif",{"sourceUrl":64,"localPath":65,"publicUrl":66},"https:\u002F\u002F2-im.guokr.com\u002FuW38RogLDOJCSsMsmAE7HpWfMRXE1oix3g03j7-y4pVGAQAA4QAAAEdJ.gif","C:\\www\\images\\diy\\20260618\\19-1781774323311-11-411f73dd.gif","https:\u002F\u002Ffoxfom.com\u002Fimages\u002Fdiy\u002F20260618\u002F19-1781774323311-11-411f73dd.gif","https:\u002F\u002Fwww.guokr.com\u002Farticle\u002F442216\u002F"]