(・。・ ) 黑白小馬~(視覺的)詐欺就是(動畫的)力量

今天的Google也很有趣呢……實驗攝影師Eadweard J. Muybridge誕辰……
因為無聊研究一下這個doole的code……意外的,除了加速度這點外這次用的code很簡單呢……
下為自己試著寫出來的版本(圖片都是直接用gooogle的伺服氣上的





很簡單,只是藉由background-position來進行動畫效果……
只是變化的數字……讓我發現我國中和高中的物理都還老師了・・・(;´Д`)ウウッ…
下為黃色按紐background-position的變化(間隔時間:0.04s)
0px 0px
-2.1525px 0px
-3.310125px 0px
-4.52563125px 0px
-5.8019128125px 0px
-7.142008453125001px 0px
-10.026564319570316px 0px
-11.577892535548832px 0px
-13.206787162326274px 0px
-14.917126520442588px 0px
-16.71298284646472px 0px
-20.578563588227357px 0px
-22.657491767638724px 0px
-24.840366356020663px 0px
-27.132384673821697px 0px
-29.539003907512782px 0px
-34.71925180803285px 0px
-37.5052143984345px 0px
-40.43047511835622px 0px
-43.50199887427404px 0px
-46.72709881798774px 0px
-53.669126446831484px 0px
-57.40258276917306px 0px
-61.322711907631714px 0px
-65.4388475030133px 0px
下為馬的background-position的變化
-1.05px 0px
-2.1525px 0px
-3.310125px 0px
-4.52563125px 0px
-5.8019128125px 0px
-7.142008453125001px 0px
-8.549108875781252px 0px
-10.026564319570316px 0px
-11.577892535548832px 0px
-13.206787162326274px 0px
-14.917126520442588px 0px
-16.71298284646472px 0px
-18.598631988787957px 0px
-20.578563588227357px 0px
-22.657491767638724px 0px
-24.840366356020663px 0px
-27.132384673821697px 0px
-29.539003907512782px 0px
-32.065954102888426px 0px
-34.71925180803285px 0px
-37.5052143984345px 0px
-40.43047511835622px 0px
-43.50199887427404px 0px
-46.72709881798774px 0px
-50.113453758887125px 0px
-53.669126446831484px 0px
-57.40258276917306px 0px
-61.322711907631714px 0px
-65.4388475030133px 0px
-69.76078987816398px 0px
-74.29882937207218px 0px
-79.06377084067579px 0px
-84.06695938270958px 0px
-89.32030735184506px 0px
-94.83632271943732px 0px
-100.62813885540919px 0px
-106.70954579817966px 0px
-113.09502308808865px 0px
-119.79977424249309px 0px
-126.83976295461774px 0px
-134.23175110234862px 0px
-141.99333865746607px 0px
-150.14300559033938px 0px
-158.70015586985636px 0px
-167.6851636633492px 0px
-177.11942184651664px 0px
-187.0253929388425px 0px
-197.4266625857846px 0px
-208.34799571507386px 0px
-219.81539550082758px 0px
-231.85616527586896px 0px
-244.49897353966242px 0px
-257.77392221664553px 0px
-271.7126183274778px 0px
-286.3482492438517px 0px
-301.7156617060443px 0px
-317.8514447913465px 0px
-334.7940170309139px 0px
-352.5837178824596px 0px
-371.2629037765826px 0px
-390.87604896541177px 0px
-411.46985141368236px 0px
-433.09334398436647px 0px
-455.79801118358483px 0px
-479.6379117427641px 0px
-504.66980732990237px 0px
-530.9532976963975px 0px
-558.5509625812174px 0px
-587.5285107102783px 0px
-617.9549362457922px 0px
-649.9026830580818px 0px
-683.4478172109859px 0px
-718.6702080715353px 0px
-755.6537184751121px 0px
-794.4864043988678px 0px
-31.260724618811196px 0px
-74.07376084975178px 0px
-119.02744889223939px 0px
-166.2288213368514px 0px
-215.79026240369402px 0px
-267.82977552387877px 0px
-322.47126430007273px 0px
-379.8448275150764px 0px
-440.08706889083027px 0px
-503.3414223353718px 0px
-566.5957757799134px 0px
-629.850129224455px 0px
-693.1044826689966px 0px
-756.3588361135382px 0px
-15.613189558079853px 0px
-78.8675430026214px 0px
-142.12189644716295px 0px
-205.3762498917045px 0px
-268.63060333624605px 0px
-335px 0px
-402px 0px
-469px 0px
-536px 0px
-603px 0px
-670px 0px
-737px 0px

之後進行速度為-67/0.04 px/s的等加速運動
有人能求出來兩者的加速度嗎……(´ρ`)

沒有留言:

張貼留言

小提示:留言時,可以使用粗體(<b>)、斜體(<i>)、超連結(<a href="網址"> </a>)。另外,以「名稱/網址」留言時,網址可以留空的。