AI PICKS

Enclosing Space(囲い込みゲーム)

@THE_RANRANさんへ:この作品の「AI PICKS 掲載作品」バッジを、あなたのサイトや LP に貼れます。バッジを取得する
ゲーム公式ページ参照編集部ピック

自機で領域を囲い込み、全体の75%を塗りつぶすとクリアのJavaScript製アクションゲーム

この作品について

「鳩でもわかるC#」の管理人が公開した、ブラウザで遊べる自作ゲームです。自機は静止できず上下左右のいずれかに動き続け、8ピクセルごとに置かれた格子点にいるときだけ方向転換できます。軌跡が閉路になると内部が青く塗りつぶされ、この青い領域が全体の75%を超えるとステージクリアです。敵が自機や赤い軌跡に触れるとミスになりますが、囲い込み済みの領域の外周にあたる白い線に触れた敵は破壊されます。プレイヤー名を入力して遊べ、スコアランキングのページも用意されています。記事本文ではHTML・CSSからVertexやPlayer、Enemy、Gameといったクラス設計、閉路検出や当たり判定の処理まで実装が解説されているので、遊ぶだけでなく作り方を追いたい方にも向いています。

この作品を作ったAIツール

公開情報をもとに編集部が確認した、開発に使われたツールです。

開発者
@THE_RANRAN@THE_RANRAN
掲載バッジ

開発者の方は、作品サイトやポートフォリオに掲載バッジを貼れます (無料)。

AI PICKS 掲載作品: Enclosing Space(囲い込みゲーム)
<a href="https://aipicks.jp/showcase/enclosing-space?utm_source=badge&utm_medium=referral" target="_blank" rel="noopener">
  <img src="https://aipicks.jp/api/badge?type=showcase&slug=enclosing-space" alt="AI PICKS 掲載作品: Enclosing Space(囲い込みゲーム)" width="220" height="252" loading="lazy" />
</a>

この掲載は編集部が公開情報をもとに作成しました。開発者ご本人による内容の修正・使用ツールの追記・掲載の取り下げはお問い合わせからいつでも承ります。より詳しい情報はご本人からの投稿でも掲載できます。