milkcocoa + gmaps.jsで、バーチャルサバゲを作ってみた
TRANSCRIPT
+ で、バーチャルサバゲを作ってみた
geechs株式会社 田宮 幸子(タミー)
初めまして、タミーです。• ギークスでiOSエンジニア やってます (セブ帰り)
• 趣味はパラグライダー(飛び仲間募集中!)
• 野生児
• 3年以内に世界一周の旅出ます
本題
サバゲ
ルール知ってますか?
チームに分かれてフラグを
取り合う
その間に銃で打ち合って
打たれたら死ぬ。
それを・・
VS
VSかの有名なバトルメンバーで
再現してみた
せっかくMilkcocoa girlsなのに、ガールズっぽいネタじゃなくてすいません…
ゲーム概要
1.Dropbox 上のファイルに接続
https://dl.dropboxusercontent.com/u/
48622414/real-onigokko/sp.html
※みなさんもぜひ!
2. チームとキャラを選択
3. みんなが選択し終えたら、
スタートボタンで開始!
勝利条件
・ドラゴンボールを相手チームより
多く集める
・相手チームを全滅させる
早速ドラゴンボールを
発見!!
100メートル圏内に入ると
ボールを発見できます
GETするには30メートルの
射程内に
入らなければなりません
↑ 仲間の姿は見えます
アイテムGETボタンで
ドラゴンボールをGETしました!
こんな調子で集めます
敵がすぐ近くにいる・・
攻 撃
死亡しました・・ (これも30M圏内)
こんな調子です
TEAM01TEAM02 ITEMS
STREAMで
とってくる
それぞれの
DATASTORE
※ログはSENDで共有している
<script src="https://maps.google.com/maps/api/js?sensor=true&libraries=geometry"></script>
var myLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var itemLatLng = new google.maps.LatLng(value.lat, value.lon);
var distance = google.maps.geometry.spherical.computeDistanceBetween (itemLatLng, myLatLng);
距離をはかるメソッド
・制作時間 約まる2日
コードは500行くらい(書き方よくない)
・ちなみにJSは初心者。
デバッグの仕方もわからないほど
・ゲームの設定を考えたり、
ステータス分岐実装に時間がかかったかも
<MILKCOCOAのすごいと思ったところ>
・動くようになるまでが超早くてテンション上がる!
・とにかく手軽なので、今のところはプロトタイプ作ったりするのにすごく向いてそう。フロントの味方。
・ココイルみたいなアプリやチャットアプリはまじで簡単に作れると思う。
・ドキュメントが日本語ですごくとてもわかりやすい。
資料自体は多くないけど困ることはなかった。
<ちょっと残念だったところ>
・REMOVEがしにくい。
これからに期待。
・DATASTOREからWHERE付きでFINDができるようになってほしいな
おまけ
弊社のドランゴンボールに 夢見る若者たちに、
Z戦士になってもらいました。
まずはチームわけと、レーダー確認
ここでいきなりザーボンが不意打ち!
攻撃!!
ぐあ・・貴様卑怯な。。
zabon:vegetaを倒しました!!
ちょっ、、スタート直後は攻撃禁止!今後、できないように実装予定だから(汗)
仕切り直し
うーん・・
どこだ~
ドラゴンボール・・
うお、またベジータだ・・
レーダーに夢中で気づいてない。
攻撃!!!
な、なに・・!?
ザ・・ザーボンごときに・・・
バタッ
そうこうしている
うちにフリーザが
ドラゴンボールを
発見!!フッフッフ・・・
フリーザチームの勝利!!
え、わたしが何もしてないって?そりゃ・・開発者だもん、ね?チートもできちゃうし、ね?
ともあれ、
MILKCOCOA、楽しい!!
ありがとうございました。
GitHubにコードあがってますhttps://github.com/Tamiiy/virtual-sabage
Special Thanks!
弊社エンジニア Kosuke, Daiki, Shohei 主催 のびすけさん、ようへいさん