Google Earth Studioでmp4を作成するチュートリアル

　Google Earth Studioを登録してみたものの、動画を作るまでにちょっと引っかかった部分があったのでチュートリアルを書いてみました。

# TL;DR
* Google Earth Studioへ登録申請
* Google ChromeでGoogle Earth Studioを使ってレンダリング
* FFmpegを使って連番jpegの連結し動画作成

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Google Earth Studio 使って国会議事堂にズームしてみた <a href="https://t.co/EWb2S6cmgn">pic.twitter.com/EWb2S6cmgn</a></p>&mdash; iwathi (@iwathi) <a href="https://twitter.com/iwathi/status/1079918183799152641?ref_src=twsrc%5Etfw">January 1, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# Google Earth Studio とは

[Google Earth Studio](https://www.google.com/intl/ja/earth/studio/)とは、Google Earthの航空写真と3Dモデルを利用してハリウッド映画に出てくるドローンを使用したようなかっこいい動画を誰でも作れるようになるというGoogleの新サービスです。

詳しくは本家のサイトを見ていただくのが一番だと思います。

# Google Earth Studioへ登録申請→承認

　まず使うためにはGoogleから承認されないといけないようです。
登録申請は本家サイトの[こちら](https://www.google.com/intl/ja/earth/studio/)からできるので登録をしてみましょう。

　大体２〜３日ほどで承認されるとのことです。

# Google Earth Studioを使ってレンダリング

　Googleから承認がきたら、Google Earth Studioへアクセスしましょう。
早速アクセスをしていくのですが、ここで1つ注意点があります。

　Google Earth Studioを使うには**Google Chromeを使う必要**があります。
なのでGoogle Chromeを使って[こちら](https://earth.google.com/studio/)へアクセスしてください。

　ちなみにですが同じChrome派生にChromiumがありますが、こちらだとうまく動かないようです。

### 私はChromiumで動くと思い、ここでハマっていたのでみなさんはご注意ください。

## Google Earth Studioにアクセス

　Chromeでアクセスすると下のようなページが表示されます。
![DeepinScreenshot_select-area_20190101113735.png](https://qiita-image-store.s3.amazonaws.com/0/170821/0bad7bd4-12cb-cf44-5039-b61a9a1fe51b.png)

Blank Projectの横の▼を押して、Quick Startしてみましょう

![DeepinScreenshot_select-area_20190101113850.png](https://qiita-image-store.s3.amazonaws.com/0/170821/de700e54-e401-720b-ce57-ed02a0262bc7.png)

## Quick Start から Fly-To & Orbit を選択

　Quick Start Projectとして複数の選択肢があります。ここで好きなものを選んでください。
ここでは試しにFly To & Orbitを選んでみます。

　カーソルを合わせるとサンプルの動画が再生されますが、対象の場所へズームをして対象の場所を中心に回転する、といったことができるサンプルのようです。

![DeepinScreenshot_select-area_20190101113931.png](https://qiita-image-store.s3.amazonaws.com/0/170821/5b4bac86-ae53-1da4-d5d6-01b6ad327dc2.png)

![DeepinScreenshot_select-area_20190101113948.png](https://qiita-image-store.s3.amazonaws.com/0/170821/69457da8-bf55-3e5a-effd-c4848eee536f.png)


## 場所を選ぶ

　ここで対象の場所をどこにするのか選びます。
住所で検索するのはもちろん、Google Mapで検索できるところならばどこでも検索できるようです。さすがGoogleです。

![DeepinScreenshot_select-area_20190101114017.png](https://qiita-image-store.s3.amazonaws.com/0/170821/be81aa50-c0eb-14b9-fd2a-54cd247a8dc9.png)

ここでは国会議事堂を選んでみます。
選んだ場所に**十**マークを合わせたら、緑色の**>**を押して先に進みます。

![DeepinScreenshot_select-area_20190101114127.png](https://qiita-image-store.s3.amazonaws.com/0/170821/dd431691-54aa-96fb-2c9f-a89539879e62.png)


## Fly-To & Orbitの設定をする

高さや角度の設定

![DeepinScreenshot_select-area_20190101114205.png](https://qiita-image-store.s3.amazonaws.com/0/170821/35956549-471c-6cd3-55d0-d9fefe885850.png)

時間の設定

![DeepinScreenshot_select-area_20190101114223.png](https://qiita-image-store.s3.amazonaws.com/0/170821/fe89f7cc-de13-7b93-ddeb-04f52d005651.png)

## 詳細な設定をする

![DeepinScreenshot_select-area_20190101114249.png](https://qiita-image-store.s3.amazonaws.com/0/170821/f1c601ae-e1e0-f891-e968-01936f1bf4c2.png)

## レンダリングの設定をする

![DeepinScreenshot_select-area_20190101114329.png](https://qiita-image-store.s3.amazonaws.com/0/170821/31af8714-45d5-dbe1-84aa-681af0c634d7.png)

## レンダリング中

レンダリングの準備中

![DeepinScreenshot_select-area_20190101114346.png](https://qiita-image-store.s3.amazonaws.com/0/170821/dc2ee7ae-c482-66b8-eabe-6bcf026aac08.png)

画像が1フレームずつレンダリングされていく

![DeepinScreenshot_select-area_20190101114404.png](https://qiita-image-store.s3.amazonaws.com/0/170821/bbda0659-9059-beb9-a9ae-dc59621494d9.png)

## レンダリング中にエラーが出る場合

　レンダリングをしていくと、こんなエラーがでたり、

![DeepinScreenshot_select-area_20190101114549.png](https://qiita-image-store.s3.amazonaws.com/0/170821/32d5a365-aa99-8e42-5648-32bcc6d1a57a.png)

　こんなエラーがでたりします。

![DeepinScreenshot_select-area_20190101114929.png](https://qiita-image-store.s3.amazonaws.com/0/170821/82b6c447-1baa-4a60-d738-34264a4aad72.png)

　再読込をするとこんな画面が出て、Yesを押すとレンダリングが途中から再開されます。

![DeepinScreenshot_select-area_20190101114635.png](https://qiita-image-store.s3.amazonaws.com/0/170821/9693b08e-47d2-fa94-22f9-d1cdc4f5683a.png)

　無事完了すればZipファイルを作成されます

Zipを解凍すると、footageというフォルダと国会議事堂.espファイルがあります。

footageの中に連番のjpegファイルが生成されています。

![DeepinScreenshot_dde-file-manager_20190101131345.png](https://qiita-image-store.s3.amazonaws.com/0/170821/207f463b-0493-bce4-f3e9-a66738daa84a.png)

これでレンダリングは完了です！

# FFmpegを使って連番jpegの連結→mp4作成

　ここからはレンダリングされたjpegを使用して動画を作成します。

[ffmpegで連番画像から動画生成 / 動画から連番画像を生成 ~コマ落ちを防ぐには~](https://qiita.com/livlea/items/a94df4667c0eb37d859f)

　このリンクを参考にffmpegを使ってmp4を作成してみます。
ffmpegの導入などに関しては別途調べていただいて導入をしてください。

　ffmpegが導入できたらコマンドを実行してmp4ファイルを作成していきます。
footageのディレクトリ上で下記コマンドを実行すれば、国会議事堂.mp4が作成されます。

```bash
ffmpeg -r 30 -i Untitled_%03d.jpeg -vcodec libx264 -pix_fmt yuv420p -r 60 国会議事堂.mp4
```

# まとめ
* Google Earth Studioへ登録申請
* Google ChromeでGoogle Earth Studioを使ってレンダリング
* FFmpegを使って連番jpegの連結し動画作成