Spaces:
Running
Running
Delete README.md
Browse files
README.md
DELETED
|
@@ -1,134 +0,0 @@
|
|
| 1 |
-
---
|
| 2 |
-
title: ColorLinkPuzzle
|
| 3 |
-
emoji: 🧩
|
| 4 |
-
colorFrom: red
|
| 5 |
-
colorTo: purple
|
| 6 |
-
sdk: static
|
| 7 |
-
pinned: false
|
| 8 |
-
license: mit
|
| 9 |
-
---
|
| 10 |
-
|
| 11 |
-
# カラーリンクパズル (AI 自動プレイ版)
|
| 12 |
-
|
| 13 |
-
**Live Demo**: （HTML ファイルをブラウザで開くだけでプレイできます）
|
| 14 |
-
|
| 15 |
-
---
|
| 16 |
-
|
| 17 |
-
## 📖 ゲーム概要
|
| 18 |
-
|
| 19 |
-
### ゲーム紹介
|
| 20 |
-
「カラーリンクパズル」は、同じ色のタイルを **4 つ以上** 直線（横・縦・斜め）で連結させて消すマッチングパズルです。
|
| 21 |
-
- **6×6** のグリッドに 6 色のタイルがランダム配置されます。
|
| 22 |
-
- タイル同士は隣接（上下左右）でスワップでき、マッチが成立すれば自動で消えてスコアが加算、上から新しいタイルが降ってきます。
|
| 23 |
-
- **AI 自動プレイ機能** で、AI が自動で最適なスワップを探し、連鎖させながらプレイできます。
|
| 24 |
-
|
| 25 |
-
### 操作方法
|
| 26 |
-
| 操作 | 説明 |
|
| 27 |
-
|------|------|
|
| 28 |
-
| **タイルのドラッグ** | タイルをクリック（またはタッチ）してドラッグし、隣接タイルと入れ替えてスワップ |
|
| 29 |
-
| **スワップ** | 隣接した 2 タイルの位置が入れ替われば、即座にマッチ判定が実行されます |
|
| 30 |
-
| **新規ゲーム** | 「新規ゲーム」ボタンでランダムに新しい盤面を生成 |
|
| 31 |
-
| **自動プレイ** | 「自動プレイ」ボタンで AI が自動でスワップを行います（再クリックで停止） |
|
| 32 |
-
| **速度スライダー** | AI のプレイ速度（ミリ秒）を調整（デフォルト 600ms） |
|
| 33 |
-
| **テーマ切替** | 「暗いモード」 / 「明るいモード」切替（ローカルストレージに保存） |
|
| 34 |
-
|
| 35 |
-
### プレイの流れ
|
| 36 |
-
1. **新規ゲーム** ボタンで開始。
|
| 37 |
-
2. タイルをドラッグして隣接タイルとスワップ。
|
| 38 |
-
3. 同色のタイル列が **4 個以上** できると自動で消失し、得点（5pt/タイル）が加算。
|
| 39 |
-
4. 連鎖が起きた場合は自動で再判定・消去が続く。
|
| 40 |
-
5. すべてのタイルが消えるか、ゲームオーバー（マッチが作れない）になるまで続ける。
|
| 41 |
-
6. **自動プレイ** を有効にすれば、AI が連続で最適なスワップを実行し、スコアを稼ぎます。
|
| 42 |
-
|
| 43 |
-
---
|
| 44 |
-
|
| 45 |
-
## 🚀 今後の改良点（アイデア）
|
| 46 |
-
|
| 47 |
-
| # | 改良項目 | 説明 |
|
| 48 |
-
|---|----------|------|
|
| 49 |
-
| 1 | **レベル・ステージ** | 難易度別にタイル数・色数を変える、目標スコアや手数制限のステージを追加 |
|
| 50 |
-
| 2 | **スコアボード** | ハイスコア保存（ローカル）やリーダーボードを実装 |
|
| 51 |
-
| 3 | **エフェクト** | 消えるときのパーティクル、連鎖時のエフェクト強化 |
|
| 52 |
-
| 4 | **モバイル最適化** | タップ＆スワイプでのスワップ操作、画面サイズに合わせた responsive デザイン |
|
| 53 |
-
| 5 | **AI アルゴリズム** | ミニマックス・評価関数を導入した本格的な AI、手数やスコア最適化 |
|
| 54 |
-
| 6 | **サウンド** | UI 操作音や消失エフェクト音を追加 |
|
| 55 |
-
| 7 | **マルチプレイヤー** | 同時対戦または協力モード |
|
| 56 |
-
| 8 | **設定画面** | 色やテーマ、難易度のカスタマイズ設定 |
|
| 57 |
-
|
| 58 |
-
---
|
| 59 |
-
|
| 60 |
-
## 💻 使用技術
|
| 61 |
-
|
| 62 |
-
| カテゴリ | 技術・ライブラリ |
|
| 63 |
-
|----------|----------------|
|
| 64 |
-
| **HTML** | `<canvas>` ではなく **HTML/CSS** で構築したシンプルな UI |
|
| 65 |
-
| **CSS** | カスタムプロパティ（変数）でテーマ・サイズ調整。`@keyframes` による消去アニメーション |
|
| 66 |
-
| **JavaScript (ES6)** | ゲームロジック、AI 自動プレイ、DOM 操作、ローカルストレージ |
|
| 67 |
-
| **CSS Grid** | 6×6 の棋盤（ `grid-template-columns` で動的にサイズ調整） |
|
| 68 |
-
| **ローカルストレージ** | テーマ設定の保存 |
|
| 69 |
-
| **GitHub / HuggingFace** | ソースコード管理、README の公開先として HuggingFace Spaces にアップロード想定 |
|
| 70 |
-
|
| 71 |
-
**外部ライブラリは使用していません**（全て純粋な HTML/CSS/JS だけです）。
|
| 72 |
-
|
| 73 |
-
---
|
| 74 |
-
|
| 75 |
-
## 📄 ライセンス
|
| 76 |
-
|
| 77 |
-
**MIT License**
|
| 78 |
-
|
| 79 |
-
```
|
| 80 |
-
Copyright (c) 2025 <開発者>
|
| 81 |
-
|
| 82 |
-
Permission is hereby granted, free of charge, to any person obtaining a
|
| 83 |
-
copy of this software and associated documentation files (the
|
| 84 |
-
"Software"), to deal in the Software without restriction,
|
| 85 |
-
including without limitation the rights to use, copy, modify,
|
| 86 |
-
merge, publish, distribute, sublicense, and/or sell copies
|
| 87 |
-
of the Software, and to permit persons to whom the
|
| 88 |
-
Software is furnished to do so, subject to the
|
| 89 |
-
following conditions:
|
| 90 |
-
|
| 91 |
-
…（省略）…
|
| 92 |
-
```
|
| 93 |
-
|
| 94 |
-
---
|
| 95 |
-
|
| 96 |
-
## 👤 開発者
|
| 97 |
-
|
| 98 |
-
- **MiYa** – [Hugging Face: miya3333](https://huggingface.co/miya3333)
|
| 99 |
-
- **MiYa** – [X (Twitter) : @miya00907380](https://x.com/miya00907380)
|
| 100 |
-
|
| 101 |
-
※本リポジトリは **Hugging Face Spaces** にて Web アプリとして公開可能です。`index.html` をそのままアップロードすれば、ブラウザ上で動作します。
|
| 102 |
-
|
| 103 |
-
---
|
| 104 |
-
|
| 105 |
-
## ���� 使用LLM
|
| 106 |
-
|
| 107 |
-
| 項目 | 内容 |
|
| 108 |
-
|------|------|
|
| 109 |
-
| **LLM** | [gpt-oss-120b](https://console.groq.com/playground?model=openai/gpt-oss-120b) |
|
| 110 |
-
| **Reasoning** | medium |
|
| 111 |
-
| **Max Completion Tokens** | 8192 |
|
| 112 |
-
|
| 113 |
-
> 本 README は **gpt-oss-120b**（Groq のオープンソース LLM）を使用して生成されています。
|
| 114 |
-
|
| 115 |
-
---
|
| 116 |
-
|
| 117 |
-
## 🛠️ ローカルでの実行手順
|
| 118 |
-
|
| 119 |
-
1. **リポジトリをクローン** もしくはコードをコピー
|
| 120 |
-
```bash
|
| 121 |
-
git clone https://huggingface.co/spaces/<your-username>/color-link-puzzle
|
| 122 |
-
```
|
| 123 |
-
2. 任意のディレクトリで **`index.html`** をブラウザ（Chrome/Firefox/Safari など）で開く
|
| 124 |
-
3. **ボタン** でゲーム開始、操作は上記「操作方法」参照
|
| 125 |
-
|
| 126 |
-
**※追加のビルドや依存関係は不要です。**
|
| 127 |
-
|
| 128 |
-
---
|
| 129 |
-
|
| 130 |
-
### 🎉 Happy Puzzle! 🚀
|
| 131 |
-
|
| 132 |
-
---
|
| 133 |
-
|
| 134 |
-
*この README は **Hugging Face Spaces** に公開する前提で作成しました。ぜひリポジトリに公開し、他のユーザーとシェアしてください！*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|