Upgrade to Pro — share decks privately, control downloads, hide ads and more …

位置情報を用いて映画や漫画を可視化する方法.pdf

Kazuya Kitahara
December 08, 2017
230

 位置情報を用いて映画や漫画を可視化する方法.pdf

Kazuya Kitahara

December 08, 2017
Tweet

Transcript

  1. 位置情報を用いて
    映画や漫画を可視化する方法
    GeoDev Meetup #12 GIS LT 大会 - Kazuya Kitahara -

    View Slide

  2. 自己紹介
    北原 和也 (Kazuya Kitahara)
    株式会社エムグラムエンジニア
    デザイン系の大学院を卒業、株式会社 mixi -> 現職
    Androidアプリ・Railsの開発がメインの業務です。
    企画考えたり、ワイヤーフレーム書いたり、
    分析業務もやったり、色々やってます。

    View Slide

  3. [仕事]m-gram超精密性格診断
    ● 400万人以上が受診している性格診断サー
    ビス
    ● 100問以上の設問から正確に診断
    ● 「性格を科学する」というテーマで様々な展
    開を始めています。
    ○ 組織のパフォーマンス分析
    ○ プロモーションへの活用
    ○ 研究界への貢献
    ○ 等々
    https://m-gram.com/personality

    View Slide

  4. [大学]Nagasaki Archive
    http://nagasaki.mapping.jp/

    View Slide

  5. [大学]計画停電マップ
    http://teiden.sou-sou.net/

    View Slide

  6. [昨年]GEOGRAPHIC of GODZILLA
    http://geo-godzilla.tk/

    View Slide

  7. 今日お話する事
    ● Cesium.js上でこんな事ができるよを紹介(デモ)
    ○ アニメーション
    ○ 時間軸に合わせた情報表示・カメラワーク
    ○ 音声ナレーションをかぶせる
    ● 開発秘話
    ○ 作った理由等

    View Slide

  8. Cesium.jsとは?
    WebGLで実装されたオープンソースの地球儀ライブラリ。
    非常に多機能で、JavaScriptで制御が可能。
    https://cesiumjs.org/

    View Slide

  9. デモ
    http://geo-godzilla.tk

    View Slide

  10. 高精細な地球儀をWeb上で使える!

    View Slide

  11. 好きな場所に情報を掲載する事ができる

    View Slide

  12. 動いた経路に線を引ける

    View Slide

  13. 好きなオブジェクトを載せられる

    View Slide

  14. オブジェクトを動かせる

    View Slide

  15. コントローラーをつけられる

    View Slide

  16. 音を出せる

    View Slide

  17. デジタル地球儀上でできることまとめ
    情報をのせるだけでなく、キャラクターや動きなど、色んなものを表現できる。
    また、JavaScriptで制御ができるので、時間や位置に合わせて、音を流したりもできる。
    => つまりウェブで表現されている大体の事は地球儀上でも可能

    View Slide

  18. 見るべき資料
    今回紹介した以外にも本当にたくさんの機能があります。(私も把握しきれていません)
    公式のチュートリアルやドキュメントが非常に役に立ちます。
    ● Cesiumチュートリアル
    https://cesiumjs.org/tutorials/
    ● Cesiumドキュメント
    https://cesiumjs.org/Cesium/Build/Documentation/
    ● CZMLドキュメント
    https://github.com/AnalyticalGraphicsInc/czml-writer/wiki

    View Slide

  19. 開発秘話

    View Slide

  20. 作った理由
    ● シン・ゴジラがとにかく面白かったから
    ● 観たあとの飲み会がめちゃくちゃ盛り上がったから
    ● 行動ルートがわからなかったから
    ● レビューを書くのが苦手だけれど、何か応援したいと思ったから

    View Slide

  21. データの集め方
    ● 何度も映画を見に行った
    ● 作中で出てきたニュース番組の時間と場所をメモっていった

    View Slide

  22. 最終的なデータ
    ● https://www.google.co.jp/maps/@35.5109815,139.3715057,10z/data=!3m1!4
    b1!4m2!6m1!1s1aW2sYYnbCvKZILKR_h_-x6ACn4I
    ● 結構詳しいマップができました。
    ● でもこれ実は自分達で調べたものだけではできませんでした。
    ● https://goo.gl/ZjAnNo

    View Slide

  23. 作った成果
    FBいいね750超 Twitterでも応援の声
    Mashup Award 2016の
    Web選考通過
    サポーターズの勉強会
    で講師デビュー!
    GISは注目をされています!
    (気がします)

    View Slide