読み込みエラー

制作物


Webはブラウザだけで起動可能、gameはPCで起動可能、othersはその他

リバーシ（Reversi）

読み込みエラー

このリバーシゲームは、JavaScriptとHTMLで構築されたシンプルなボードゲームです。
ブラウザ上で動作するため、インストール不要で誰でもすぐにプレイできます。

ゲームリンク

▶ ゲームをプレイする

特徴

  • PCブラウザで動作。マスをクリックするだけで簡単に操作可能
  • コンピュータとの1人対戦形式（CPUは左上から優先して手を選びます）
  • 自動でパス処理や勝敗判定を行います
  • 黒と白の石の枚数・勝敗がリアルタイムで表示されます
  • 標準的なリバーシのルールに準拠（8×8マス、初期配置あり）

補足事項

  • 画像ファイル（black.png, white.png）の配置が必要です
  • ページをリロードすることで新しい対局を開始できます
  • まった機能の(巻き戻し)対応は将来的に検討中です
  • ▶ 感想

参考サイト

action_puzzle_game

読み込みエラー

ゲームリンク

ゲームをダウンロードする(zip)

特徴

  • C++ と DxLib を使った2Dアクションゲーム
  • プレイヤーがカギを取ってゴールを目指すゲーム
  • 敵キャラの動きや当たり判定もあります 敵に触れるとゲームオーバーになります
  • マップはテキストファイルで管理　media>stage(x).txtで管理しています
  • 敵の動きはフレーム数で制御

補足事項

  • 画像や音楽は「media」「music」フォルダに入れておいてください
  • 起動後は Zキーでゲーム開始です
  • スマホ・タブレット操作は今後の課題です(タッチ操作)

参考サイト

おみくじアプリ（Omikuji App）

読み込みエラー

このおみくじアプリは、HTML・CSS・JavaScriptで構築された シンプルなブラウザアプリです。
ボタンをクリックするだけで、毎回ランダムにおみくじの結果が表示されます。

アプリリンク

▶ おみくじを引く

特徴

  • ボタンをクリックするだけで結果が変わる
  • ランダムに7種類の画像から結果を表示
  • インストール不要・ブラウザのみで動作
  • JavaScriptの基礎（イベント処理・乱数生成）を学習できます

補足事項

  • 画像は images/omijikuji-0.png ～ omijikuji-6.png の7種類を使用
  • 「おみくじを引く」ボタンで結果が切り替わります
  • スマホ・PC両方に対応しています

参考サイト

ライフゲーム（lifegame app）

読み込みエラー

このアプリは、HTML・JavaScriptで動作するライフゲーム（セル・オートマトン）です。
キャンバス上に配置されたセルが、「生存」「誕生」「死滅」のルールに従って自動的に変化していきます。

アプリリンク

▶ ライフゲームを実行する

特徴

  • Start / Stop ボタンでシミュレーション制御
  • Random ボタンでランダム初期配置を生成
  • JavaScriptだけで動作し、インストール不要
  • セルの更新処理・描画・ループ処理など基礎的な実装を学べます

仕様・実装ポイント

  • 盤面は 100×100 のグリッドで管理
  • setTimeout を用いたフレーム更新処理
  • canvas によるセル描画
  • 二重配列 field と nextField による状態更新

参考情報