スマホ&パソコンゲーム

スマホ&パソコンゲーム

ウルトラホーク

パソコンでもスマホでも遊べるシューティングゲームです。スマホでは、縦向きにして起動すれば縦画面、横向きにして起動すれば横画面でプレイできます。敵は、ガメラ1体だけです。アイアンマン対スーパーマンでのビル街の決闘をイメージしていたのに、出来上がったらこんな感じになってしまいました。ガメラの動きはイマイチです。クリックでウルトラホークスタートPC:上昇下降左転右転前進後進左右ファイア視点変更スマホ:左側のパッドの真ん中で視点変更
スマホ&パソコンゲーム

ドローンシュミレータ

パソコンでもスマホでも遊べるドローンシュミレータです。スマホでは、縦向きにして起動すれば縦画面、横向きにして起動すれば横画面でプレイできます。おもちゃのドローンの動きを参考にしました。おもちゃでも空中の同じ位置に留まっているのに感心します。パソコンでは問題なく動くのに、スマホで実行していると「問題が起きたため、このWebページを再度読み込みました。」と表示が出てゲームがリセットされる現象が起きました。メモリを一時的に使い切ってしまうようです。考えられる箇所は見直してあります。クリックでドローンシュミレータがスタPC:上昇下降左回転右回転前進後進左移動右移動視点切り替え荷物運搬モードスマホ:右側のパッドの真ん中で視点切り替え    左側のパッドの真ん中で荷物運搬モード荷物運搬モードでは、自機の座標を2番目の高さのビルまで表示します。それより上は圏外です。着陸すると次の荷物の運搬先が表示されます。その座標に向かって下さい。スマホ縦画面カメラ下向きスマホ縦画面カメラ水平前向きスマホ横画面カメラ下向きスマホ横画面カメラ水平前向き
スマホ&パソコンゲーム

一人でパットゴルフ

パターだけで打ち進める簡易ゴルフゲームです。全てパー3で9ホールあります。周りが囲まれているのでコースアウトは起きません。そのうちに2台のスマートフォンでプレイできるゲームにする予定で、そのたたき台となるバージョンです。クリックでパットゴルフスタートこのゲームのプログラムの肝の部分です。新規作成で新しいフォルダを作り、「test2game」など適当に名前を付けて下さい。メモ帳を開き、下記のソースリスト2つをコピーして「index.html」、「main.js」の名前を付けて文字コードUTF8でペーストして、作成したフォルダ「test2game」 に保存して下さい。もう一つ からダウンロードした「matter.min.js」もコピーして保存して下さい。出来上がったものは下記から実行できます。スマートフォンでも動作確認してみてください。test2game index.html <!doctype html><html><head><meta charset="UTF-8"/><script src="matter.min.js"></script><!-- cssの部分 --><style...
スマホ&パソコンゲーム

メテオシャワー

地球に降り注ぐ流星群を弾き飛ばすゲームです。地球上の都市群を破壊されないように、地球防衛ステーションの光子魚雷で宇宙のかなたへ弾き飛ばして下さい。スマホ:右側タップで右、左側タップで左に回転。マルチタップもしくは中央タップで魚雷発射です。PC:カーソル「→」「←」で左右回転「↑」で魚雷発射です。クリックでメテオシャワーがスタート
スマホ&パソコンゲーム

スペースデブリ

地球の軌道上に残ってしまったスペースデブリ(宇宙ごみ)を、ぶつけて弾き飛ばせる宇宙船で掃除するゲームです。地球の周りの人工衛星を破壊しないように気を付けて全て取り除くとステージクリアです。クリックでスペースデブリがスタート上段はゲーム画面、下段はゲームをrender:{visible:true}でテスト国際宇宙ステーションの話題をニュースで見て、スペースデブリ(宇宙ごみ)を除去するゲームを作るアイデアが浮かびました。デブリは回収するより弾き飛ばした方が爽快感がありそうなので、地球を回る宇宙船にぶつけて飛ばしてしまう事にしました。ステージの終了はスペースデブリがなくなる事に決めましたが、ステージのクリア条件をなにかのダメージとすると一機の宇宙ステーションでは都合が悪いのでGPS衛星を4機回す事にしました。GPS衛星は地球の中心座標とmatter.jsのマルチボディ拘束で前後を繋ぎ、bodyの前方にapplyForceをかけています。そしてcollisionStartでダメージをカウントしています。デブリは地球の中心座標とマルチボディ拘束で繋いで、bodyにapplyForceをかけて運動...
スマホ&パソコンゲーム

ビー玉はじきバーチャルパッド

このホームページの「スマホ版ビー玉はじき」を、傾きで操作から、バーチャルパッドで操作に変えたものです。指を離せば、自機は止まります。パソコンの矢印キーでも操作できます。自機のビー玉を操って、敵ビー玉をはじき出してください。赤い壁にぶつけると、「ビー玉大」→「ビー玉中」→「ビー玉小」の順に小さくなっていきます。「ビー玉小」を赤い壁にぶつけると消滅させることができます。PC9801名作ゲーム蟹味噌をリメイクしたものです。ソースプログラムは下記のリンク先に載せてあります。Three.jsでゲームクリックでビー玉はじきがスタートバーチャルキーパッドにしてみると、思った方向に入力するのがかなり難しいとわかりました。すなわち押している感覚がないため、思ったタイミングで思った方向に入力出来ない事があります。対策として、指を常にキーパッドの中心にしました。それなりの効果はあるようです。バーチャルキーパッドは表示したいけれど目立つと気になるので、この位にしました。index.html<!doctype html><html><head><meta charset="UTF-8"/><style type...
スマホ&パソコンゲーム

フットボール

2本の指で2人の選手を操ってボールをゴールに入れて下さい。二本の指で操作するので、慣れるまでは難しいかもしれません。スマートフォン専用のゲームでパソコンでの操作は出来ません。クリックでフットボールがスタートスタート画面プレイ中
スマホ&パソコンゲーム

RCカーグランプリ

ラジコンを操作しているようなレースゲームです。スマートフォンでも遊べます。
スマホ&パソコンゲーム

エアホッケー

このホームページのmatter.jsでゲーム作りに載せたソースを元にして、ゲームにまとめました。matter.jsだけでは、画面サイズによってゲームバランスが変わるので、物理演算はmatter.jsで、画面表示はthree.jsでおこなう事にしました。クリックでエアホッケー1がスタートクリックでエアホッケー2がスタート<遊び方>緑のマレットを動かし、赤いパックをコンピュータ側のゴールに入れて下さい。ゴールを決めると、LEVELが一つづつ上がります。LEVEL 10までです。ゴールを決められると、LEVEL 1に戻ります。スマートフォンでもパソコンでも遊べます。パソコンで遊ぶ時は、画面をスマホのように縦長にして下さい。<操作キー>パソコン   : マウススマートフォン: ドラッグ物理演算は、Engine.create(container,{render:{options:{width:720,height:1280}}で、画面表示は、renderer.setSize(720, 1280)と同じ大きさにして計算の簡略化をしました。
スマホ&パソコンゲーム

retro STARTREK

Apple II,MZ-80,PC6001,PC8001など多くのパソコンで1970年代より遊ばれていたシミュレーションゲームを今風にアレンジして プラウザで遊べるスマートフォン用の「スタートレック」にしました。 最初期のコンピュータゲームの面白さを感じてもらえれば幸いです。クリックでretro STARTREKがスタート惑星連邦とクリンゴン帝国は、いよいよ全面戦争に突入した。君は宇宙船USSエンタープライズ号の船長となり、ワープエンジンや光子魚雷などの機能を駆使し、エンタープライズたった一隻で、銀河に散らばる多数のクリンゴンを期限までに全滅させねばならない。スタート画面ですLong Range Scanで近くのクオドラントを調べますWarp Drive Controlでクリンゴンがいるクオドラントに移動Shieldが0なのでShield Control Scanをタップしますクリンゴン艦の状況を確認してShieldを入力しますPhaser Control まずクリンゴンが攻撃その後パワーを決めて反撃Phaserなので近い方のクリンゴンを撃沈Photon Torpedo Control...
スマホ&パソコンゲーム

クロスラリー

昔のアーケードゲーム「ラリーX 」を参考にしました。画面構成は似てますが、ゲームシステムはオリジナリティがあると思います。
スマホ&パソコンゲーム

恐竜の島

恐竜のいる無人島で、小屋に置かれた物資をスタート地点に押して来て下さい。直線上になると近づくティラノサウルスと、追っかけてくるヴェロキラプトルを避けて運んでください。