https://labs.cybozu.co.jp/blog/akky/tags/%E7%A6%8F%E7%AC%91%E3%81%84/ Recent content in 福笑い on akky@サイボウズラボ・ブログ Hugo ja Tue, 02 Feb 2016 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/ Tue, 02 Feb 2016 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/ <p>Megabite は、<a href="http://aaronrandall.com/blog/megabite/">皿に盛った料理の写真をパーツとして、福笑いのように顔を作る</a>アプリだそうです。</p> <blockquote> <p><a href="http://aaronrandall.com/blog/megabite/">考えてみよう、食べ物もハッピーに見えるに越した事はない。あるランチの時、料理で遊んでるときにふと思ったんだ - このプロセスは自動化できるのでは? 解決すべきビッグな問題がここにあるじゃないか。Let’s face it, food is more fun when it looks happy. I was playing with my food one lunchtime, and I wondered to myself - would it be possible to automate this process? Solving the big problems right here.</a></p> </blockquote> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite_hu_29d25c316eaee00b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite_hu_9df73a06bfb2f6ce.webp 502w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite.png" width="502" height="229" alt="megabite" loading="lazy" decoding="async"> </picture></a></p> <p>このアプリは画像中の皿に乗った食べ物を個別に切り出し、それをより興味深く並べ替えます。</p> <p>作者の解説するアプリの全行程は以下のようなもの。</p> <ul> <li>食べ物の写真の撮影とリサイズ、丸く切り出し</li> <li>輪郭の抽出、閉じてない(例: Cのような形の)輪郭の除去</li> <li>重複した輪郭や多重の輪郭(例: 目玉焼きの中の黄身)の除去</li> <li>抽出した要素を含む最小の長方形の決定</li> <li>要素の数に応じた3つの顔型のテンプレートからの選択</li> <li>テンプレート中の要素の形に合わせて、どの食べ物をどこにはめるかの判定</li> <li>要素に最もフィットする方向に食べ物を回転</li> <li>食べ物をポップさせたりしながら、回転して最終形を表示する</li> </ul> <p><a href="https://www.youtube.com/watch?v=yBYbK5aL7kc">動画</a>でアプリが動く様子が見られます。</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/yBYbK5aL7kc?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div> <p>ツールはiPhoneアプリとして作成されていますが、iTunes Storeには見当たらないので一般公開してないか、申請中なのかもしれません。<a href="https://github.com/AaronRandall/Megabite">ソースコードがGitHubで公開されている</a>ので、自分でビルドすれば試せるかもしれません。</p>