2013年07月11日

スマートフォンの画面で十字キーなどゲームパッドの実装

このエントリーをはてなブックマークに追加
follow us in feedly


スマートフォンのゲームで、画面上にゲームコントローラ (仮想画面キーパッド...十字キー など)が表示されてて、
それで操作してるようなゲームを見るのですが、あれはどうやっているのでしょうか?

ネイティブアプリケーションではそういうオープンソースは有るんでしょうか?無いような気がしますが...

webアプリケーションであれば利用できそうな物はいくつかあります。

HTML5 Virtual Game Controller
これはiphoneでは動作しますが、Androidでは期待通りには行きません。

enchant.js では、Androidでも期待通りに実行できます。

enchant.js - A simple JavaScript framework for creating games and apps.
こちらからダウンロード





enchant.js では、
Spriteで1枚の画像を切りだして使えたり、
音の再生とかも出来たりしますが...

   <script type="text/javascript" src="enchant.js"> </script>
に加えて
   <script type="text/javascript" src="ui.enchant.js"> </script>
も必要

画像ファイルなどは同一ディレクトリに必要です。
キャラクター,背景だけでなくゲームパッドなども画像から取り込みます...



十字キーを使うサンプルは
enchant.js-builds-0.7.0/examples/expert/rpg/index.html

などですが、
なぜか、 enchant.js-builds-0.7.0/examples/ 以下のサンプルは、そのままでは実行確認できない物が多いです

基本的に、画面を作ってインタフェース作ってるので、
まず、
var game = new Game(320, 320);

このGameに、
var pad = new Pad();
pad.x = 0;
pad.y = 224;
game.rootScene.addChild(pad);

などとして画面にゲームパッドを加えます。



これは、基本的に画面は portrait で固定なんですが、
landscape にするには...

Game()のサイズを変更したり、 Padの表示位置を変えたり、js内の方向を変更しても、
Padの方向を変えられないので... landscape には出来ないんでしょうか?




enchant.js にはアナログパッド(APad)というインタフェースも用意されています。
これは、アナログスティックみたいなイメージ


Padの方は、addChild(pad) だけで使えたのですが、APadはそれだけでは使えないみたいです。

実際に使うところで、
if (pad.isTouched) {
pad.vx
pad.vy
}
として値を取得しないといけない?



トラックバックURL

トラックバック一覧

1. [玩具]スマホのゲームパッドの売上人気ランキング2013年11月  [ ネット通販 ]   2013年11月27日 15:16
スマホのゲームパッドの売上人気ランキング2013年11月スマホのゲームパッド1.SP1145:【★玄人専用★】 最大限スマートフォンゲームを楽しむためのアタッチメント『コントローラクリップ for Smartphone』 [PS3用 DUALSHOCK3 Sixaxis]2.3DSLL/3DS/WiiUゲームパッド/PSVita/

コメントする

名前:
URL:
  情報を記憶: 評価:  顔   星
 
 
 
サイト内検索
にほんブログ村 科学ブログへ
にほんブログ村
adsense
Archives
amazon
blogchart
QRコード
QRコード
Recent Comments