# Image Flipper v1.0.00（仮名）

## アプリの使い方

1. `IMFP.zip`を展開して、`Image Flipper Prototype.exe`を起動させる。
2. 初期起動は画像フォルダーのパス入力画面が出ます。
3. 入力枠に画像ファイルが入っているフォルダーパスを入力するか、パスを選ぶボタンでパスを選択すしてください。
4. 画像や動画が入っているパスを入力したら「確認」ボタンを押して、次のシーンに移動します。（2回目からはこの入力画面が出ません）
5. アプリが無事起動されたら `Space` で画像を切り替えさせることが出来ます。
6. 切り替え画像が表示されたらしばらく自動的にトップ画像が表示されます。
7. `R`キーでアプリをリロードさせる。
8. `Esc`キーでアプリを終了させる。
9. `Ctrl+Shift+F3`でバーションを確認することができる。

## 注意点

- トップ画像に戻る間に、`Space`キーが押されたらカウントダウンがリセットされますので、トップに戻されたい場合、`Space`キーを押さないでください。
- 操作キーは全部切り替えできます。詳細は `Config.txtの内容`を確認してください。

## 対応されたパターン

自動連続再生には**同じファイルタイプ**の場合は対応されています。

### 例）

- `A画像`→`[X画像→Y画像]`→`A画像`→`[X画像→Y画像]`→`・・・`
- `A画像`→`[X動画→Y動画]`→`A画像`→`[X動画→Y動画]`→`・・・`
- `A画像`→`[X動画→Y動画]`→`A動画`→`[X画像→Y画像]`→`・・・`

## 対応されていないパターン

自動連続再生には**違うファイルタイプ**の場合は対応されていません。

### 例）

- `A画像`→`[X画像→Y動画]`→`A動画`→`[X動画→Y画像]`→`・・・`

## Config.txtの内容

### 設定項目

| 設定 | 説明 | ノート |
| ------------------------ | ---------------------------------- | ------------------------------------------------------------ |
| COLOR_BACKGROUND_CODE | 背景色設定 | HTML Color Stringで設定する（`#`が必須） |
| DURATION_SIGNAGE_FADE | 画像が切り替える時のフェード時間 | ミリ秒単位 |
| DURATION_SLIDESHOW_DELAY | 画像の自動連続再生を切り替える時間 | ミリ秒単位 |
| EASING_TYPE_SIGNAGE | 切り替え画像時のEasingのタイプ | Easing Typeに関してを確認してください |
| FORMAT_IMAGE_FILES | 対応画像のファイルタイプのリスト | 変える必要ないと思いますが、一旦設定に入れておきます |
| FORMAT_VIDEO_FILES | 対応動画のファイルタイプのリスト | 変える必要ないと思いますが、一旦設定に入れておきます |
| FORMAT_SPLITTER_CHAR | 対応ファイルタイプの分割文字 | 変える必要ないと思いますが、一旦設定に入れておきます |
| KEYCODE_BUTTON_QUIT | アプリ終了のキー | [KeyCode](https://docs.unity3d.com/ScriptReference/KeyCode.html)の名前、そのまま入力してください |
| KEYCODE_BUTTON_SWITCH | 切り替え画像を切り替えさせるキー | [KeyCode](https://docs.unity3d.com/ScriptReference/KeyCode.html)の名前、そのまま入力してください |
| KEYCODE_BUTTON_RELOAD | アプリをリロードするキー | [KeyCode](https://docs.unity3d.com/ScriptReference/KeyCode.html)の名前、そのまま入力してください、このキーは設定を変えてもうまく反映されていないのためです |
| PATH_SIGNAGE_FOLDER | 切り替え画像のフォルダーパス | 設定しなくても、画像フォルダーを見つけられない場合、フォルダーパス入力の画面が出ると思います |
| IMAGE_RATIO_MODE | 画像表示の比率設定 | 詳細は[Unityのサイト](https://docs.unity3d.com/ja/current/Manual/script-AspectRatioFitter.html)で確認お願いします。`None`は`0`で、次からは順番的に`1`,`2`になります |
| SCREEN_POS_X | アプリ画面の`X`軸位置 | 画面に対しての上左角 |
| SCREEN_POS_Y | アプリ画面の`Y`軸位置 | 画面に対しての上左角 |
| SCREEN_SIZE_WIDTH | アプリ画面の広さ | |
| SCREEN_SIZE_HEIGHT | アプリ画面の高さ | |
| WINDOW_STYLE_MODE | アプリのWindowsStyle | |

### Easing Typeに関して

Easing Type に対しての動きは [easing.net](http://easings.net/) から確認してください。Easing Typeに対しての設定師はこちらになります。

| Easing Type | 設定 |
| ---------------- | ---- |
| EaseInQuad | 0 |
| EaseOutQuad | 1 |
| EaseInOutQuad | 2 |
| EaseInCubic | 3 |
| EaseOutCubic | 4 |
| EaseInOutCubic | 5 |
| EaseInQuart | 6 |
| EaseOutQuart | 7 |
| EaseInOutQuart | 8 |
| EaseInQuint | 9 |
| EaseOutQuint | 10 |
| EaseInOutQuint | 11 |
| EaseInSine | 12 |
| EaseOutSine | 13 |
| EaseInOutSine | 14 |
| EaseInExpo | 15 |
| EaseOutExpo | 16 |
| EaseInOutExpo | 17 |
| EaseInCirc | 18 |
| EaseOutCirc | 19 |
| EaseInOutCirc | 20 |
| Linear | 21 |
| Spring | 22 |
| EaseInBounce | 23 |
| EaseOutBounce | 24 |
| EaseInOutBounce | 25 |
| EaseInBack | 26 |
| EaseOutBack | 27 |
| EaseInOutBack | 28 |
| EaseInElastic | 29 |
| EaseOutElastic | 30 |
| EaseInOutElastic | 31 |

### Window Style Mode に関して

| Window Style | 設定 |
| ------------ | ---- |
| Fullscreen | 0 |
| Borderless | 1 |
| Windowed | 2 |

## FFMPEGの動画変換コマンド

`ffmpeg -i <INPUT_VIDEO> -c:v libvpx -b:v 1M -c:a libvorbis -auto-alt-ref 0 <OUTPUT_VIDEO> `

| 項目 | 説明 |
| ---------------- | -------------------------------------- |
| `<INPUT_VIDEO>` | 変換させる動画のファイルパス |
| `<OUTPUT_VIDEO>` | 変換後に書き出された動画のファイルパス |

### 例）
`ffmpeg -i start_short.mov -c:v libvpx -b:v 1M -c:a libvorbis -auto-alt-ref 0 start_short.webm`

## バーション更新履歴

### v1.0.00

#### 変更

- 動画再生システム。
- 自動連続再生システム。

### v0.0.01

#### 変更

- 画像切り替えロジックを変更する、トップ画面という概念から離れて、ただのスライドショーに変更する。

### v0.0.0

- 初期リリース。