Devidol Curve!!

でびどる曲線！〜数学力の無駄遣い〜

2018年冬に放送されたアニメ『でびどる！』のOPを使った映像表現として、数学力を無駄遣いをした数式アニメーションを作りました。

Transcript

1. でびどる曲線！ 〜数学力の無駄遣い〜 岩淵 勇樹
2. 事の発端 2013年5月 Wolfram|Alphaで 初音ミクが描画できることが話題に フィールズ賞はもらった！：初音ミクの数式が解明 さらにいろんな「俺の嫁」が関 数で描けることが判明 - ねとらぼ
3. 事の発端 2013年5月 Wolfram BLOGで数式曲線の作り方が紹介される Making Formulas… for Everything—From Pi to the Pink Panther to Sir Isaac Newton—Wolfram Blog
4. 事の発端 2013年11月 Mathematicaコードを元にまどか☆マギカやアイドルマ スターのイラストが数式で表現される Mathematicaで任意画像の輪郭を数式に変換する - チューリング不完全
5. ん？これは…
6. ＿人人人人人人人人人人人人人人人＿ ＞　アニメーションいける！！！　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣
7. Bad Apple Curve!! 2015年に公開 元動画『Bad Apple!!』はニコニコ動画で2000万再生を 突破した東方二次創作アニメ http://butchi.github.io/bad-apple-curve/ https://www.slideshare.net/yuukiiwabuchi9/bad-apple-curve
8. じゃあ今度は…
9. ＿人人人人人人人人人人人人人人人＿ ＞　　　カラーいける！！！　　　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣
10. でびどる！ 2018年冬アニメ 声優陣は豪華だが低予算感あふれる 3DCGの15分アニメ 『でびどる！』12時間目 より
11. 完全に推しだわこれ #でびどる でツイートすると大抵いいねくれる なんならコメントもくれる
12. でびどる！ 2018年冬アニメ 声優陣は豪華だが低予算感あふれる 3DCGの15分アニメ 『でびどる！』12時間目 より
13. ん！？ 『でびどる！』12時間目 より
14. 有難く使わせて もらいます！！
15. でびどる曲線！ Special Thanks: コチンPa!製作委員会 https://twitter.com/butchi_y/status/1072374226588459008
16. でびどる曲線 Web版 （4/1 Blu-ray発売に合わせて公開予定） ⇒ https://butchi.github.io/devidol-curve/
17. 数学的なお話
18. フーリエ記述子とは 主に特徴量抽出のため、 曲線のパラメーターをフーリエ変換したもの
19. フーリエ記述子とは G型フーリエ記述子 Z型フーリエ記述子 I型フーリエ記述子 P型フーリエ記述子 楕円フーリエ記述子 などなど沢山ある 引用: 岩淵勇樹・秋田純一 「非周期的な画素配置を持つ CMOSイメージセンサの基礎検討」 , 電子情 報通信学会技術研究報告 (2007)
20. 10次の再生曲線 x軸: 337.995 + 130.314 Sin[3.87657 + t] + 13.6335 Sin[4.67236 + 2 t] + 8.17294 Sin[2.51724 + 3 t] + 16.0637 Sin[3.44023 + 4 t] + 2.02671 Sin[2.66355 + 5 t] + 12.9663 Sin[0.334349 + 6 t] + 11.9775 Sin[4.08646 + 7 t] + 5.31037 Sin[1.20734 + 8 t] + 5.20582 Sin[3.13833 + 9 t] y軸: 151.436 - 33.1266 Sin[0.827451 - 5 t] - 18.0512 Sin[0.830595 - 3 t] - 87.0867 Sin[0.263506 - 2 t] - 80.2655 Sin[1.40162 - t] + 39.8491 Sin[3.13284 + 4 t] + 8.84287 Sin[1.45426 + 6 t] + 16.8957 Sin[4.56961 + 7 t] + 6.99099 Sin[3.02382 + 8 t] + 14.3262 Sin[2.39458 + 9 t] すべてsinの式になる！
21. 処理の流れ 1. Mathematicaでフーリエ記述子のパラメーターをJSON化（前処理） 2. JavaScriptで読み込み 3. リアルタイムでSVG描画
22. と、資料を作っていたら・・・
24. https://twitter.com/AnimeDevidol/status/ 1110843906785193984
25. でびどる曲線！Web版 近日公開！！！