diff --git a/README.md b/README.md index 102e366..94d7f26 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,44 @@ -# Tauri + React + Typescript +# ow-scoreboard-v2 -This template should help get you started developing with Tauri, React and Typescript in Vite. +![game-display.jpeg](src/assets/game-display.jpeg) +スクリーンショット 2024-05-18 午後11 45 07 -## Recommended IDE Setup -- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer) +## What is it ? + +EN: OBS Studio app to display the current score of the popular game Overwatch. + +JA: 大人気ゲーム、オーバーウォッチの現在のスコアを表示するための OBS Studio 用アプリです。 + +## How to install ? + +### Windows + +1. 下記ページから最新のリリースをダウンロードしてください。(例 `overwatch-scoreboard.exe`) + + - 最新リリースページ: + [https://github.com/Coordinate-Cat/ow-scoreboard/releases/tag/v0.0.0](https://github.com/Coordinate-Cat/ow-scoreboard-v2/releases/tag/v0.0.0) + +2. ダウンロードしたファイルを解凍してください。 +3. `overwatch-scoreboard.exe` を実行してください。 +4. Windows によって PC が保護されましたと表示される場合は、「詳細情報」をクリックして実行してください。 +5. インストールウィザードに従ってインストールしてください。 +6. インストールが完了したら、デスクトップに `ow-scoreboard` というショートカットが作成されます。 +7. ショートカットをダブルクリックしてアプリを起動してください。 +8. アプリが起動したら、OBS Studio で`ソース`の追加から`ウィンドウキャプチャ`を追加してください。 +9. ウィンドウキャプチャの`プロパティ`で `ow-scoreboard` を選択してください。 +10. キャプチャ方法で `Windows 10(1903以降)` を選択してください。(※開発者の画面では必要な設定でした。) +11. 表示されたらスコアの部分だけを切り取りたいので、作った`ウィンドウキャプチャ`を右クリックして`フィルタ`を追加してください。 +12. `エフェクトフィルタ`の追加で `カラーキー` を選択して緑の背景を透過してください。 +13. これで透過したスコアボードの表示ができるようになります。 +14. あとは切り抜き(ALT キー)等で大きさを調整してください。 + +## Develop + +``` +npm run tauri dev +``` + +## License + +MIT License