https://github.com/kozok-dev/bthello
クセのあるコンピューターと対戦できるシンプルWebオセロゲーム
https://github.com/kozok-dev/bthello
ai animation asmjs browsergame game grunt javascript jquery othello pwa responsive reversi svg webapp webaudioapi webworker
Last synced: about 2 months ago
JSON representation
クセのあるコンピューターと対戦できるシンプルWebオセロゲーム
- Host: GitHub
- URL: https://github.com/kozok-dev/bthello
- Owner: kozok-dev
- License: mit
- Created: 2020-06-26T14:20:52.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-08-07T16:25:45.000Z (over 4 years ago)
- Last Synced: 2025-02-25T12:26:12.874Z (2 months ago)
- Topics: ai, animation, asmjs, browsergame, game, grunt, javascript, jquery, othello, pwa, responsive, reversi, svg, webapp, webaudioapi, webworker
- Language: JavaScript
- Homepage: https://kozok-dev.github.io/bthello/
- Size: 2.47 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Webオセロアプリ
https://kozok-dev.github.io/bthello/
※音が出ます
## 概要
クセのあるコンピューターと対戦できるシンプルWebオセロゲーム
## 動作環境
Firefox、Chrome、Edge等のモダンブラウザなら動作すると思う。IEは不可。
スマホやタブレットも余程古くなければ大丈夫のはず。
## 特徴
- レスポンシブデザイン
- 盤面をSVGで表現
- いろいろアニメーションする
- 非同期処理、Promise
- Web Audio APIによる自作の効果音再生
- PWAなのでスマホアプリにもなれる
- クセのあるリアクションをするコンピューター
- png化した定石、思考データの読み込み
- 思考部分はWeb Worker
- 中盤、終盤の思考はasm.js
## 開発
### インストール
```
npm install
```
### テスト
```
node node_modules/grunt/bin/grunt serve
```
の後、`https://localhost/`にアクセス。ドキュメントルートは`src`。
#### PWA
Chromeに
```
--ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://localhost/ --allow-insecure-localhost --user-data-dir=/work/chrome
```
という引数を付けて実行する。
### 本番ビルド
```
node node_modules/grunt/bin/grunt
```
で`public`ディレクトリに一式が生成される。