プラウザゲーム | 趣味でプログラミング

スペースデブリ

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

2021.05.02 2021.05.05

スマホ＆パソコンゲームプラウザゲーム

クレヨンバリケード

スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。photon-javascript-sdkによる2人用通信対戦GAMEです。自機の跡がクレヨンで描いたような線になり越えられなくなるので、それを使って相手を動けなくするゲームです。スマホ用のゲームですが、PCでもプレイできます。一緒に遊ぶ２人で同じ番号のボタンをクリックしてゲームを開始してください。２つとも同じゲームです。 ①クリックでクレヨンバリケード１スタート ②クリックでクレヨンバリケード２スタートこのゲームを作りながら、７０歳になってもけっこう独創的なゲームアイデアがでてくると嬉しくなりました。似たゲームがないか調べてみたら「トロン」と近い事がわかりました。これはいつかの記憶から生まれただけのアイデアでしょうか？データを受け渡しするPhoton-Javascriptでは、同じ内容のプログラムでマスターと二人目を動かす事になります。そのため処理をマスターで行い、二人目側は入力とマスター側での処理結果のコピーとすればわかりやすく同期も取れます。...

2021.04.12 2021.04.27

プラウザゲーム通信ゲーム

通信オセロゲーム

スマートフォンで二人会わずに遊べるオセロゲームです。Lineなどで会話をしながら遊んでもらえればと思います。スマホでもPCでも、スマホとPCでも遊べます。ゲーム開始時にタップした方が黒駒となります。ゲーム途中でも「はじめから」ボタンを押せばプレイ開始時に戻ります。ゲームデータはプレーヤー１が持ってますのでプレーヤー２はリロードしても続きからゲームが出来ます。１号室：クリックでオセロゲームスタート２号室：クリックでオセロゲームスタート２人同じ番号のボタンをクリックしてゲームを開始してください。２つとも同じゲームです。「ヒント」ボタンを押せば、おすすめの手を表示します。ヒントは１０回までです。

2021.02.14 2021.04.27

プラウザゲーム通信ゲーム

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

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

2021.01.27 2021.02.03

スマホ＆パソコンゲームプラウザゲーム

フットボール

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

2021.01.09 2021.01.10

スマホ＆パソコンゲームプラウザゲーム

通信フットボール

スマートフォンで二人会わずに遊べるゲームです。Lineなどで会話をしながら遊んでもらえればと思います。photon-javascript-sdkによる2人通信対戦GAME第十弾です。スマートフォン専用のゲームですのでパソコンでの操作は出来ません。一人二名の選手を二本の指で操作するので、慣れるまでは難しいかもしれません。①最初にゲームに入った人は、次の人が来るまで時間つぶしで移動は出来ます。②2番目に入った人は、最初に入った人とプレイ開始になります。③3番目以降に入った人は、2人がプレイしているのを見学できます。クリックで通信フットボールがスタートゲームの説明２台のスマートフォンで遊ぶフットボールゲームです。同じ画面イメージで遊ぶので、一人は画面の上側で操作する事になります。１人が２名の選手を操作するので、２本の指でボールをやり取りしながらゴールすることを想定しています。複数タッチムーブなのでパソコンでは操作が出来ません。

2020.12.24 2021.01.20

プラウザゲーム通信ゲーム

通信立体迷路

スマートフォンで会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。このホームページに載せている「通信迷路ゲーム」を作り直したものです。平面を上から見るのではやさしすぎ、ラビリンスのようでは難しすぎるので遊戯施設の迷路をイメージしました。スマートフォン用のゲームですが、PCでもプレイできます。3番目以降に入った人は、2人がプレイしているのを見学できます。クリックで通信３D迷路がスタートゲームの説明自機を操作して、相手プレーヤーのスタート地点に移動してください。迷路は毎回変化します。両者が到着した時点で、短時間でクリアした方の勝ちとなり続けて次のゲームになります。操作キースマートフォン：　左矢印タップで左に、右矢印タップで右に曲がります。直進矢印タップで前進です。パソコン　　　：　カーソルキーで左に、で右に曲がります。で前進です。

2020.12.02 2021.04.27

プラウザゲーム通信ゲーム

通信TowerJump

スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。このホームページに載せている「TowerJump」を二人対戦ゲームに作り直したものです。photon-javascript-sdkによる2人通信対戦GAMEです。スマートフォン用のゲームですが、PCでもプレイできます。 TowerJump１６階建て、がスタート TowerJump１０階建て、がスタートゲームの説明スマートフォンでの操作は、プレイ画面右側タップで右ジャンプ、画面左側タップで左ジャンプ、同時タップでハイジャンプです。パソコンでの操作は、キーボードのカーソルキー「→」「←」で左右にジャンプ、カーソルキー「↑」でハイジャンプです。パソコンで遊ぶ時はプラウザの横幅を狭くして、スマートフォンの画面のようにして下さい。 player2入室player1とplayer2player2player1屋上player屋上player2落下

2020.11.18 2021.03.12

プラウザゲーム通信ゲーム

通信３Dタンク

photon-javascript-sdkによる通信対戦GAMEです。スマートフォン用のGAMEですが、PCでもプレイできます。打った弾で戦車を弾き飛ばす、友達対戦ゲームです。①最初にゲームに入った人は、次の人がゲームに来るまで時間つぶしで移動、弾丸発射が出来ます。②2番目にゲームに入った人は、最初に入った人とプレイ開始になります。③3番目以降にゲームに入った人は、2人がプレイしているのを見ている形になります。コロナで会えない友人と、チャットしながらのんびり遊べるように音は鳴りません。クリックでSTAGE1がスタートクリックでSTAGE2がスタートゲームの説明自機を操作して弾丸を撃ち、相手戦車を危険ブロックに押し付けて下さい。砲弾を当てても相手戦車はダメージを受けません。危険ブロックに押し付ける事が目的です。操作を誤って、危険ブロックに自分からぶつかってはダメです。操作キースマートフォン：　左矢印タップで左に、右矢印タップで右に回転。上矢印タップで前進、「fire」タップで弾丸発射です。パソコン　　　：　カーソルキーで左に回転、で右に回転。で前進です。...

2020.10.31 2021.01.20

プラウザゲーム通信ゲーム

通信３Dカーレース

このホームページに載せている「通信レーシング」を３D風にしました。すなわち、表示部分にthree.jsをかぶせたものです。２人でタイムアタックするゲームで、3番目以降に入った人は2人がプレイしているのを見学できます。クリックでサーキット１がスタートクリックでサーキット２がスタート Photon Client Javascript SDKと、@types/matter-js、threeモジュールを組み合わせたゲームです。楽しみで作るゲームなので、何となく思いついた事を何となく形にしています。出来たものは、やはりあそんでもらう事がうれしいです。ゲーム説明PC：キーボードのカーソルキー「→」「←」で、アクセルを離して左右に曲がります。「Shift」か、「↑」でブレーキとスタート。アクセルは自動です。スマートフォン：プレイ画面左右タップで、アクセルを離して左右に曲がります。画面中央タップでブレーキとスタート。アクセルは自動です。サーキット１サーキット１サーキット１サーキット２サーキット２サーキット２

2020.10.11 2021.01.20

プラウザゲーム通信ゲーム

通信エアホッケー

スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。photon-javascript-sdkによる2人用通信対戦GAME第五弾です。スマートフォン用のゲームですが、PCでもプレイできます。音は鳴りません。3番目以降に入った人は、2人がプレイしているのを見学できます。クリックで通信エアホッケー１スタートクリックで通信エアホッケー２スタートゲームの説明２台のスマートフォンで遊ぶエアホッケーゲームです。同じ画面イメージで遊ぶので、一人は画面の上側で操作する事になります。操作キースマートフォン：　自機マレットをタッチムーブして、パックを相手ゴールに入れて下さい。パソコン　　　：　自機マレットをマウスムーブして、パックを相手ゴールに入れて下さい。

2020.08.30 2021.01.20

プラウザゲーム通信ゲーム

通信対戦PushOut

photon-javascript-sdkによる通信対戦GAMEです。スマートフォン用のGAMEですが、PCでもプレイできます。最初のバージョンは、多人数でプレイできるものだったのですが、以下の理由で二人用に作り直しました。①多人数だと他のプレーヤーに対する処理が難しい。②多人数だと実行速度が遅くなる。③結果プレイしてみて、面白くない。ものにぶつかって跳ね飛ばされるゲームというコンセプトなので、打った弾で戦車が弾き飛ばされるゲームに作り直しました。チャットしながらのんびり遊べるように、音は鳴りません。クリックでSTAGE１がスタートクリックでSTAGE２がスタート STAGE1STAGE1STAGE2STAGE2 ゲームの説明自機を操作して弾丸を撃ち、相手戦車を道路から谷底に落として下さい。砲弾を当てても相手戦車はダメージを受けません。道路から押し出す事が目的です。操作を誤って、道路からはみ出しても谷底に落ちます。操作キースマートフォン：　左矢印タップで左に、右矢印タップで右に回転。上矢印タップで前進、「fire」タップで弾丸発射です。パソコン　　　：　カ...

2020.08.19 2021.01.20

プラウザゲーム通信ゲーム