https://labs.cybozu.co.jp/blog/akky/tags/3dcg/ Recent content in 3dcg on akky@サイボウズラボ・ブログ Hugo ja Wed, 06 May 2015 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/ Wed, 06 May 2015 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/ <p>スウェーデンのデザイナー <a href="http://www.herrpotemkin.com/">Magnus Östergren さん</a>が作った、2つの3D CGで描かれた山が世界中からのツイートを音声合成で話すというインタラクティブ実験が、<a href="http://www.mountainsofmouthness.com/">The Mountains of Mouthness</a> です。</p> <p>ハッシュタグ #bad を含むツイッターのつぶやきを探してきて、それを仮想空間に描かれた、口のついた山が喋る、というサービス。スマートフォンやタブレットのブラウザで開くと、デバイスの向きにあわせて視点が動きます。<a href="https://www.amazon.co.jp/gp/product/B00LJ2J0O0/">ハコスコ</a>とかあると没入感も出るでしょう。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/mountains-of-mouthness-e1430929423825.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/mountains-of-mouthness-e1430929423825_hu_b617b66c02d7f1ad.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/mountains-of-mouthness-e1430929423825_hu_b540833ce40b4d20.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/mountains-of-mouthness-e1430929423825_hu_bf4e7b7d791fcd7b.webp 1920w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/mountains-of-mouthness-e1430929423825.png" width="1920" height="1080" alt="mountains-of-mouthness" loading="lazy" decoding="async"> </picture></a></p> <p>ハッシュタグ #bad ではなく、 @MoMouthness へのリプライやハッシュタグ #mouthness で直接確実に(とは言っても今のように混んでると全部拾ってるのかわかりませんが)喋らせることができます。</p> <p>現在、<a href="https://twitter.com/search?f=realtime&amp;q=%23mouthness&amp;src=typd">ハッシュタグ #mouthness で検索するといろんなユーザーのツイートが大量に流れているのがわかります</a>。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/twitter-search-mouthness.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/twitter-search-mouthness_hu_e5ce0319b83b21f7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/twitter-search-mouthness_hu_6e16fd6697c128a6.webp 642w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2015/05/mountains-of-mouthness/twitter-search-mouthness.png" width="642" height="593" alt="twitter-search-mouthness" loading="lazy" decoding="async"> </picture></a></p> <p>こちらはデモ動画。</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/4y1InlfWu0g?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>ユーザーが指定した個別の情報から、CGと音声合成でこういったアニメーションをリアルタイムで作ってみせる、というコンテンツは、これから増えて行きそうですね。</p> <p>via <a href="http://www.herrpotemkin.com/the-mountains-of-mouthness/">Potemkin</a> via <a href="http://thedailywh.at/2015/05/procrastination-day-two-virtual-mountains-will-shout-tweets-world/">The Daily What</a></p>