0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

chatgptを使って、スマホのカメラでシューティングゲームができるwebアプリを作った。

Last updated at Posted at 2023-06-10

chatgptを使って、スマホのカメラでシューティングゲームができるアプリを作りました。
アプリの概要です。
[概要]
スマホのカメラで、PCの画面を連動させて、シューティングゲームをするアプリです。
[showページ]

  • PCなどで表示する。
  • 画面中央にQRコードが表示される。
  • 赤マークが的
  • 青いマークが、スマホ側のカメラの中心を表す
  • 青いマークが赤いマークに当たると当たり判定で、赤いマークが破壊される。

[indexページ]

  • スマホなどのカメラの付いた機器でアクセスする。
  • indexのQRコードを読み込むと、QRコードの位置を取得する。
  • 取得した位置座標をindexへ送信し、PC上の青い的を動かす。

アプリURL

https://ajaxtest.onrender.com/
https://ajaxtest.onrender.com/messages/show

イメージ図

image.png

デモ画面

IMB_oAgn6s.GIF

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?