geogames.net http://geogames.net ジオ × ゲームの妄想＆実験サイト Sat, 28 Nov 2009 12:39:46 +0000 http://wordpress.org/?v=2.8.6 ja hourly 1 ジオブラ for i-mode2.0 http://geogames.net/labs/geobrowser http://geogames.net/labs/geobrowser#comments Thu, 26 Nov 2009 18:32:47 +0000 sa2da http://geogames.net/?p=147 i-mode2.0で同時に複数サイトを表示できるWebアプリを作ってみました。

タブ切り替えが実装されているi-mode2.0ブラウザで何に使うかと言うと、
複数の位置ゲーコンテンツの現在地更新を簡単にするためのものです。
（ジオブラ＝ジオブラウザー）

位置ゲー位置情報取得部分の共通プラットフォーム化の話題もチラホラ出ているのですが、

今回はあえて単純に。
i-mode2.0ブラウザで新たに実装されたiframeを用いて複数サイトを一括更新するという荒業系です。
i2b

  1. 各フォームにURLを入力
  2. 更新ボタンを実行
  3. 複数サイトを一括更新

上下に2分割したiframeに、URL指定したサイトを表示。
このページ自体のURLに各iframeのURLを引数で付与するため、マイページを表示した状態でブックマークすることも可能です。

i2b_qr

今回のバージョンは、フォームのURLを実行するだけですが、
サービスごとの位置情報更新部分の仕様が分かれば、JavaScriptからformアクションをキックしてすべてのサイトの位置情報取得画面を１アクションで実行するといったことができる予感がします。

位置ゲーに限らず、コンテンツごとに可処分時間の占有は行われる（重複は生じない）わけですが、位置ゲーの特殊な点は瞬間的な位置情報がゲーム性に大きく関わるとともに、過去に遡ってその情報を活用できないものが多く、複数の位置ゲーを同時進行している場合、ユーザへの負荷が非常に高くなります。
そもそも、1つのサービスに夢中になるあまりに、とり忘れることも少なくありません。
せっかく遠出をした際に取りっぱぐれをしたら結構凹みます。

ということで、位置ゲーのお供にジオブラどうですか？

]]> http://geogames.net/labs/geobrowser/feed 2 World Scanner（ワールドスキャナー） http://geogames.net/idea/wscanner http://geogames.net/idea/wscanner#comments Sat, 14 Nov 2009 15:49:42 +0000 sa2da http://geogames.net/?p=117 iPhoneやAndroidなどのポータブルAR関連プロダクトはいずれも、カメラデバイスから入力された「実視界」上に各種センサーの力を借りてコンテンツの「可視化」を行えれば、それだけで新しいユーザ体験を得られるものとして扱われていますが、そろそろ次のステップ、すなわち「世界観」を持ったARの登場に期待したいところです。

AR的な世界観といえばSF映画やアニメに登場するような「近未来感」が必須です。

ということで、以下ペラ一画像だけですが、World Scanner（ワールドスキャナー　※セカイカメラをもじった訳ではない）を妄想してみました。

WSimage

実際の目で見えている視界に対して、「素」のカメラ出力を見てもあまり面白くないのですが、ワールドスキャナーは、スキャンという行為をフィルタリング処理によって演出するところがポイントです。

フィルタリングには以下のパターンが考えられます。

  1. カメラ入力情報に対して直接輪郭抽出処理を実施
  2. ストリートビュー画像にあらかじめ輪郭抽出処理を行い画像配信（サーバサイド）
  3. ３Dモデルのワイヤフレームレンダリングを行い画像配信（サーバサイド）

※今回のイメージ画像は、Googleストリートビュー背景上に３Dモデルを輪郭抽出後配置。

デバイスの処理能力が追いつくのであれば、是非クライアント単体で実現を。
センサーの精度や内部的な処理タイムラグによって、映っているカメラ入力情報とオーバーレイされている内容がズレる問題は、フィルタリングされた画を挟むことで解決されます。

インタラクティブ面では、建物や構造物単位で選択できるようにしたいところです。

それを実現するためには、３Dモデル採用が前提となります。
もしくは、３Dモデルを元に２次元のクリック領域を仕込む必要があります。

建物のワイヤーフレームで出来た街の中に入り込めるだけでも、すごくwktkしそう。

加えて、建物の階層までアクセスできれば最高。

こういった「世界観」をもったプロダクトは是非国内から出てほしいものです。

]]> http://geogames.net/idea/wscanner/feed 1 GeoHex（ジオヘックス） http://geogames.net/labs/geohex http://geogames.net/labs/geohex#comments Thu, 05 Nov 2009 15:00:20 +0000 sa2da http://geogames.net/?p=18 日本地図ヘックス化企画GeoHex（ジオヘックス）を公開しました。

＜GeoHexの概要＞

  1. 日本中を隙間の無い六角形ポリゴン（ヘックス）で敷き詰めます。ヘックスに含まれる緯度経度を、ヘックスのサイズ（６０段階）により４〜７桁の短いコードに変換します。
  2. 緯度経度から直接変換を行うため、ロジック単体で変換が可能です。
  3. 矩形メッシュと異なり、マス目間の距離がほぼ等しくなります。（緯度により南北方向の長さは多少異なりますが、実用範囲内。）
  4. 一定の精度幅を持つため、プライバシーの保護に向いています。
  5. 隣接するヘックスを６方向で表せるため、連続した軌跡をヘックスコード＋[1-6]*nで表すことが可能です。

地図を使った壮大なシミュレーションゲームやテーブルトークゲームなどへの活用、連続した軌跡の統計による移動予測シミュレーションなどを想定しています。

また、短いコード体系を活かし、Twitterなどでの位置情報の共有にも向いています。

＜操作方法＞

地図上のクリックすると、クリックした座標を含むヘックスが描画されます。

＜URLパラメータ仕様＞
code: ヘックスコードを直接指定可能です。
level: 1〜60まで指定可能です。数字が大きいほど、ヘックスサイズが大きくなります。指定したlevelによって、ヘックスコードが変動します。
trace=on
mode: ヘックスの描画方法を指定可能です。
mode=0（指定なし）: クリックでヘックスを追加します。
mode=1: マウスムーブでヘックスを追加します（フキダシなし）。
mode=2: iPhoneやFirefoxで現在地にヘックスを追加します（自動連続更新）。
例）mode=1
http://geogames.net/hex/?mode=1

[2009.11.7] 詳細仕様・モジュールを追記しました。
[2009.11.11] ライセンス形式を追記しました。
[2009.11.12] ヘックス間距離計算仕様を追記しました。
[2009.11.24] CCライセンス形式を更新しました。

＜GeoHexコード体系＞
GeoHexコード体系

A: ヘックスレベルを表します。
level指定が無い場合は省略されます。

  • B〜D: 座標を表します。
    ヘックスレベルによって桁数が異なります。
    １〜６）A+B+C+Dの７桁
    ７ ）C+Dの４桁　[デフォルト]
    ８〜６０）A+C+Dの５桁

※ヘックスレベル＝ヘックスの大きさ

＜GeoHex座標系＞
GeoHex座標系
GeoHexは緯度経度を斜形座標系に置き換えることで、座標管理の効率化をはかっています。同じ斜線上のヘックス同士をGeoHex座標系では同一座標として扱います。
青線をGeoX座標、赤線をGeoY座標とし、それぞれの交点をヘックスの中心点とします。六角形の各頂点座標を管理する必要がないことに加えて、隣接するヘックス同士をGeoHex座標系ではプラスマイナス（１）の差分で表すことが可能です。
また、離れたヘックス同士の距離（マスの数）は、座標差の加減算で算出することが可能です。

hex_logic03a,b,c: 単位ベクトル、座標差: (m,n)とすると、mとｎが同符号の場合のみc=a+bが成立します。
m>nの場合、
a*n+b*mは、a*(m-n)+c*nと表せることから、最短距離は(m-n)+n = m
すなわち、座標差の大きい方の値が最短距離となります。
左図の場合、赤から紫までの座標差が（3,1）→距離3となります。

最南西端: 与那国島、最南東端:南硫黄島をそれぞれの座標原点とし、それ以北の日本全体がカバーエリアです。

＜GeoHexモジュール＞
以下のソースを追記することで、ヘックスメソッドを利用可能になります。
※GoogleMapsのAPIがロードされていることが前提です（世界測地系・10進法）。

<script src=”http://geogames.net/hex/hex_v1.js” type=”text/javascript”></script>

getZoneByLocation( lat, lon, level )
　緯度経度からzoneオブジェクトを取得します。

  • lat: 緯度
  • lon: 経度
  • level: ヘックスレベル
getZoneByCode( code )
　ヘックスコードからzoneオブジェクトを取得します。

  • code: ヘックスコード
drawHex( zone, linecolor, fillcolor, popinfo )
　zoneオブジェクトを渡すことで、ヘックスを描画します。

  • zone: ゾーンオブジェクト
  • linecolor: ヘックスの線色
  • fillcolor: ヘックスの塗り色
  • popinfo: 吹き出し表示の有無
zoneオブジェクトパラメータ

  • code: ヘックスコード
  • lat: 中心緯度
  • lon: 中心経度

var zone = getZoneByLocation( lat, lon, level );
var code1 = zone.code;
このような形で値を取れます。
drawHexメソッドにはzoneオブジェクトごと渡します。

GeoHexの仕様ならびに関連するプログラム、サービスはクリエイティブ・コモンズのライセンス形式に則り、以下のクレジットをサイト内に掲載していただくことにより自由に「改変」「再配布」「商用利用」が可能です。

なぉ、GeoHexのコード体系については今後変更する場合があります。

]]> http://geogames.net/labs/geohex/feed 10 geogames.net始めました。 http://geogames.net/news/lauch http://geogames.net/news/lauch#comments Wed, 04 Nov 2009 16:19:08 +0000 sa2da http://geogames.net/?p=14 sa2daです。位置情報（ジオ）とゲーム要素をかけ合わせた様々な遊びを妄想・実験するサイトをはじめました。

まずは位置情報（ジオ）にゲームジャンルをかけ合わた遊びの妄想・実験を行ないつつ、面白そうな位置情報サービスや体感型ゲーム・ガジェット、技術的なネタなどを紹介していく予定です。

]]> http://geogames.net/news/lauch/feed 1