https://labs.cybozu.co.jp/blog/akky/tags/%E9%8C%90%E5%8F%B0/ Recent content in 錐台 on akky@サイボウズラボ・ブログ Hugo ja Fri, 02 Mar 2018 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/ Fri, 02 Mar 2018 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/ <p>どの方向からiPhoneを見ても、そこにどこまでも続く深い穴があるように見える、というパララックス効果を使ったアプリが<a href="http://www.anxious-bored.com/blog/2018/2/25/theparallaxview-illusion-of-depth-by-3d-head-tracking-on-iphone-x">紹介されていました</a>。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/the-parallax-view.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/the-parallax-view_hu_c243328d4936f20d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/the-parallax-view_hu_6972142c69dd6f14.webp 747w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/the-parallax-view.png" width="747" height="420" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>iPhone X で使えるようになった人間の顔の位置を検知する機能により、ユーザーの目の位置を追跡し、目の位置に合わせた穴を描画しています。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/theparallaxview-EyeTracking.gif"><img src="https://labs.cybozu.co.jp/blog/akky/2018/03/theparallaxview-renders-deep-hole-on-smartphone/theparallaxview-EyeTracking.gif" width="750" height="346" alt="" loading="lazy" decoding="async"></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/XttE8pWQJO4?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>Unity/C#製のソースコードは<a href="https://github.com/algomystic/TheParallaxView">GitHubで公開</a>されています。</p> <p>iPhoneアプリが現在申請中ということで、公開されれば上記のソースコードをビルドしなくても手元のiPhone X で試せるようになりますね。</p> <p>ユーザーの視線に応じて表示を変えるアプリが作りやすくなったことで、これまでにない発想のゲーム等が出てくるかもしれません。</p>