プラウザゲーム

プラウザゲーム

一緒にお絵描き

スマホ同士やPCで会わずに楽しめる、お絵描きゲームです。友達と1枚のキャンバスに同時に絵を描くイメージになるので遊び方は色々考えてください。例えば、幼児に文字を教えるなど教育用途にも使えそうです。二人が下記ボタンを続けてクリックすることでマッチングします。①最初に入った人は、次の人が来るまで1人でも絵が描けます。②2番目に入った人は、最初に入った人とリアルタイムで同じ絵を描く事になります。 クリックで一緒にお絵描きがスタート player1 : スマホでマッチングして鉄人28号を、スタイラスペンで描いた player2 : PCでマッチングしてマウスでゼロ戦を描いた 絵を描こうとしたら、ゼロ戦と鉄人28号しか思い浮かばなかった。なんとも古い。マウスで描くのは、なかなか難しい。スマホでもスタイラスペンがないと難しいかも。
2021.12.21
プラウザゲーム

トレジャーハンター

スマートフォンで二人会わず遊べるオンライン協力プレイゲームです。Lineなどで会話をしながら遊んでもらえればと思います。二人で協力して3つの宝物をゲットして出口から出れば面クリアです。一人でもプレイできます。全部で18面あります。 自機と直線上になると追いかけて来る2匹の怪獣に捕まらないよう3つの宝物を取って出口に行ってください。 クリックでトレジャーハンターがスタート PLAYER2が入室宝物をゲット宝物3つ取ったので出口開いたステージクリア
2021.11.06
プラウザゲーム

PK戦

パソコン、スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。photon-javascript-sdkによる2人用通信対戦GAMEです。交代でキッカーとキーパーになり、点数を競い合います。 クリックでPK戦がスタート ゲームの説明5回交互にボールをけり、得点の多いほうが勝者となる。5回で決着がつかないときは、どちらか一方が勝ち越した時点で、 勝者となります。攻撃:画面の適当な所をスワイプしてキック守備:画面をタッチ&ムーブしてプレーヤを動かす。 PLAYER1入室PLAYER2入室PLAYER1画面の適当な所をスワイプしてキックPLAYER2画面タッチ&ムーブして守備PLAYER1取られたPLAYER2攻撃ターンPLAYER1次タッチ&ムーブして守備 PLAYER2画面の適当な所をスワイプしてキック
2021.09.30
プラウザゲーム

通信パットゴルフ

スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。パターだけで打ち進める簡易ゴルフゲームです。全てパー3で9ホールあります。周りが囲まれているのでコースアウトは起きません。 クリックで通信パットゴルフがスタート
スマホ&パソコンゲーム

一人でパットゴルフ

パターだけで打ち進める簡易ゴルフゲームです。全てパー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 sr...
2021.08.30
プラウザゲーム

ボンバーマウス

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

惑星ファイト

スマートフォンで二人会わずに遊べる暇つぶしゲームです。Lineなどで会話をしながら遊んでもらえればと思います。photon-javascript-sdkによる2人用通信対戦GAMEです。スマホ用のゲームですが、PCでもプレイできます。 クリックで惑星ファイトがスタート ゲームの説明スマートフォンでは、画面左1/4タップで惑星に近づき、画面右1/4タップで惑星から離れて、左2/4タップで弾発射、右2/4タップで加速です。パソコンでは、 カーソルキー「←」で惑星に近づき、カーソルキー「→」で惑星から離れて、「スペースキー」で弾発射、「↑」で加速です。
2021.06.18
スマホ&パソコンゲーム

メテオシャワー

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

スペースデブリ

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

クレヨンバリケード

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

通信オセロゲーム

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

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

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