PanoPainterで360度写真を加工してOculus Goで見てみよう

#はじめに

最近は360度カメラも高性能になって、きれいな360度写真が取れるようになりましたねー。でも、360度写真の使い方は以前からあまり進歩してないように見えます。Facebookとかで共有したり、Google Tour Creatorを使ってバーチャルツアーを作る、というくらいでしょうか。ちなみに、私が以前Tour Creatorで作ったバーチャルツアーは[こんな感じです](https://poly.google.com/view/dJcAQ71K7FL)。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/e3ba83b8-43d6-9322-20f7-9a6ca4570c11.png)


一方で、一時期「全天球イラスト」がプチバズりましたね。有名な漫画家さんがツイッターに作品を投稿したりして、話題になりました。[「約束のネバーランド」の出水ぽすかさんの作品](https://twitter.com/DemizuPosuka/status/997116902123094016) なんか、さすがプロって感じです。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/a6084c18-0ed6-e6f2-28a9-6353834c5c0e.png)


ただ、全天球イラストを作る環境、見る環境が十分ではないせいか、すぐに下火になってしまいました。全天球イラストで作った「VRマンガ」もありますが（[ComicV](https://www.oculus.com/experiences/go/1440760322656158/)など）、見せ方、内容ともに満足のいくものではありません。

でも、個人的には360度写真とか全天球イラストを使ったストーリー作りって大きな可能性を秘めていると思うんですよね。スクエニさんの[「結婚指輪物語VR」](https://www.oculus.com/experiences/rift/1681506908561513) は厳密には360度イラストによる作品ではないですが、VR内に様々な形で絵を出すことで原作の漫画（第1巻第1話）にはない強烈な印象を与えることが出来てますし、

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/7e4682fa-cd7c-4e1f-b1cf-32d9678546e1.png)

MyDearestさんの[Innocent Forest](https://www.fulldivenovel-innocentforest.com/)のように、文字で語られるストーリーを補完する形で全天球イラストを使うというのも効果的でした。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/f951f5c3-99f1-1e9e-b522-fd928bc5ff75.png)

なので、360度写真やイラストの作り方、見せ方を工夫して興味深いストーリーを展開する方法を模索しております。

#PanoPainterとは

そういう中で出会ったのが[PanoPainter](https://panopainter.com/)です。360度写真と同じく視点を上下左右に操作して、絵を描きこんでいくことが出来る全天球イラスト作成アプリです。

![PanoPainter2.gif](https://qiita-image-store.s3.amazonaws.com/0/58503/9b4650cf-9229-7d5d-1ddf-929f6f292cc2.gif)

もともとは、もっとシンプルなものがフリーのアプリとして公開されていましたが、機能を大幅に追加して今年製品版としてリリースされました。Win,Mac,iOSで使えるので自分の環境に合わせて選んでください。私はWindows版を使ってます。

ちなみに、無料の360度イラストを作成アプリとして[Microsoft GarageがSketch 360というアプリをリリース](https://www.microsoft.com/en-us/garage/profiles/sketch-360/)されましたが、使い勝手では今のところPanoPainterの方が上ですね。

#PanoPainterの描画機能

作業中は360度画像はキューブマップとして表示されますが、最終的にファイルはequirectangular formatで保存されます。解像度は横方向で2K ～ 32Kを選択できます。

ストローク、ブラシ、色、レイヤーといった、お絵かきソフトの基本的な機能を持っています。レイヤーの透明度は変更できます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/49b71d79-5ff1-1d08-d03c-f5be495c1f0c.png)

作業の基本は塗りですが、他にもカラーピッカー、消しゴム、線描画、選択、塗り（レイヤー全体を塗る機能のみ）、Undo、Redo等が可能です。「Grid」ボタンでパース線を引くのに使います。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/8e1b0093-20e9-75c3-8ea4-ffd5e8a9fb2f.png)

タイムラプス録画機能もあるんですが、使いどころがよくわかりません。

#画像インポート機能が便利

せっかくの描画機能ですが、絵の腕前が幼稚園レベルの私がゼロから全天球イラストを描くのは無理です。でも、360度写真をインポートしてできるので、それを加工して遊んでしまいましょう。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/4467eceb-c5bb-b9fd-8fdd-80e9d8edf74e.png)

Equirectangularの360度写真は全天球画像と自動的に認識されますが、普通の画像はシーン内にそのまま表示されて、位置やサイズも変更可能です。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/5a5d8a5c-dbc1-0920-8dd3-042ee339cd4f.png)

こんな感じで、お見苦しいものを隠してしまえます。

あるいは360度写真に真っ黒なマスクレイヤーを重ねて、一部を消しゴムで消すことで360度写真の一部だけ見えるようにする、という加工もできます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/16fdcf79-7382-65a6-fcaf-65016b27a8b2.png)

#Oculus GoなどのHMDに持っていくときの注意

作成した全天球イラストはEquirectangularのjpeg画像としてエクスポートできるので、Oculus GoであればUSB経由で PC\VR-Headset\内部共有ストレージ\DCIM\album などのフォルダに保存すればOculus Go内のギャラリーで見ることが出来ます。Tour Creatorでバーチャルツアーにしてもよいでしょう。

ただ、ここで注意が必要なのがオブジェクトの大きさです。PanoPainter上で普通のサイズに見えるオブジェクトでも、HMDに持っていくとかなり大きく、近く見えて不快に感じることがすくなくありません。そこで、一度全天球イラスト用のグリッドを使って、HMD内での大きさ感覚を確認しましょう。グリッドについては、[パノラマニアさんが解説](http://panoramania.co.jp/diary/archives/2018/02/360-Panorama-Grid-sketch-VR.html)を書かれているので参考にしてください。

こちらのページのグリッドは10度ごとに引かれています。そこで、下のように縦横10度、20度、30度で「や」という文字を書いてOculus GOでどう見えるかを試します。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/e74294f8-b2c6-948e-c856-4b7338a3d32d.png)

Oculus GOだとこういう感じです。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/fe527ba2-e2d2-77b7-d7c7-a82788eca7f8.png)

この写真だとわかりづらいですが、点線の四角が普通の視野の範囲と思って頂いて良いです。私の眼には10度の字でも大きめで、20度、30度はかなり圧迫感がありました。

このように、字や絵を360度画像に挿入するときはグリッドを頼りにサイズを決めると良いでしょう。グリッドはPanoPainter上で半透明にできます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/f5b19cb1-b759-d38c-4bc0-b1a4555c4b93.png)

#出来ない事

PanoPainterでは、カメラを上下左右に動かすことは出来ても、デフォルトのカメラ方向を設定することが出来ません。360度写真を撮ったとき、自分が見せたいものが正面にない場合もあるので位置をずらしたいのですが、それはPanoPainterでは残念ながらできません。左右の水平移動であればGimpやKritaなどの無料ペイントソフトの"Layerをオフセットする"機能で移動させることが出来ます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58503/d720e3a5-1e38-5185-cdfd-db793fa28286.png)

あるいは、Adobe Premiere Proの「VR回転（球）」を使うことも可能です。

#終わりに

PanoPainterは、360度イラストの作成や加工が簡単にできる秀逸なソフトだと思います。まだ粗削りですが、今後の機能向上に期待しましょう。