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

一人でパットゴルフ

パターだけで打ち進める簡易ゴルフゲームです。全てパー３で９ホールあります。周りが囲まれているのでコースアウトは起きません。そのうちに２台のスマートフォンでプレイできるゲームにする予定で、そのたたき台となるバージョンです。クリックでパットゴルフスタートこのゲームのプログラムの肝の部分です。新規作成で新しいフォルダを作り、「test2game」など適当に名前を付けて下さい。メモ帳を開き、下記のソースリスト２つをコピーして「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><style...

2021.08.28 2021.08.30

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

ボンバーマウス

スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。photon-javascript-sdkによる2人用通信対戦GAMEです。２人プレイ専用の破壊可能ブロックなしのボンバーマンです。クリックでボンバーマウスがスタート

2021.08.07 2021.08.15

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

メテオシャワー

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

2021.05.15 2021.05.20

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

スペースデブリ

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

2021.05.02 2021.05.05

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

クレヨンバリケード

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

2021.04.12 2021.11.02

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

通信オセロゲーム

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

2021.02.14 2021.04.27

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

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

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

2021.01.27 2023.01.11

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

フットボール

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

2021.01.09 2022.03.25

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

通信立体迷路

スマートフォンで会わずに遊べる暇つぶしゲームです。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.05.23

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

通信３Dタンク

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

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

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