ワンピースのVRはすでに「ONE PIECE,GRAND CRUISE」がありますね
PlayStation VRを持っていればいいですが持ってない、かつナミさんだけでいいので

自　分　で　作　れ　な　い　か　な　ぁ　…と

というわけで簡単にVR（仮想現実）が作れるA-Frameと、簡単にAR（拡張現実）が作れるAR.jsを使って
ナミさんを出してみましょう！という企画

今回お部屋に来てきていただくナミさんはコチラ



去年くらいに塗ったやつですね
3Dも使用できるみたいですがそのような素晴らしいものはないので、ひとまずこのナミさんで


作り方は省略、htmlソース見てもらえばわかりますがメチャ簡単です！
ブラウザで動くのでテキストファイルと読み込み画像さえあればすぐにできます
ただファイルを置く場所がhttpsのヤツじゃないとダメっぽいのでここだけめんどいかも

シャラーンと作ったのはコチラ2つ
※スマホでURLを開いてください
※カメラがアクセスを求めてきますので問題なさそうなら許可してください
※検証は自前のiphone6でしかしてませんのでそれ以外（古いスマホとか）では動かないことがあるかも…

★まず1つ目

https://file.blog.fc2.com/riondonuts/vrar/nami1.html

コチラは下記の黒に囲まれた「人」マーカーをカメラ内に入れるとナミさんが出ます



自分のスマホで画面キャプチャ
（変なもの写ってないかなﾄﾞｷﾄﾞｷ）



写真を撮りたいときは画面キャプチャになるので画質は荒いです
マーカーを印刷して好きな場所に置けばそこにいるかのように！なりますかね～


★そして2つ目

https://file.blog.fc2.com/riondonuts/vrar/nami2.html

コチラはカメラにくっついているバージョン、公式アプリとかでありそうですね
そして画面キャプ



ナミさんを自由に動かしたりできればなかなか使えるかも！？
ナミさんとデートなう的な

今回はすぐ使えるイラストを使いましたが
う～むもう少し実用的（？）なイラストならいいのか…どのように使うのがいいんですかねｗ
動きもないですしなかなかこれだけでは満足できず、もう少しお勉強ですね
3Dナミさんが置ければな～

そしてA-Frameだけで作るスマホVRも簡単に作ることができます
そちらはまた次回の企画ということで
ナミさんを使って何かVRゲーム的なものができればと思っております