Panoramic Imaging View Interpolation (PIVI)

# 限制
- 版本 Unity 2020.3.4f 以上
- 如果是六張圖 像素必須小於 1024*1024 六張
- 如果是單張HDRI 2:1 像素必須小於 4096*2048 一張
- 模型盡量小於10萬頂點/6~10MB

# 安裝
- 直接下載此專案即可開始使用
- 影片流程
<iframe width="90%" height="360" src="https://www.youtube.com/embed/w_YtclPIxVk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

# 步驟
## I. 建置環境
1. 建立場景(Scene)
2. 刪除攝影機
3. 右鍵加入模板
4. 模板內的所有物件組成(英文標籤作為下面參考)
---
## II. 物件使用方法
### 快捷鍵一覽
`左鍵單點`為`前進`
`左鍵長按`為`拖曳`
`滾輪`為`放大縮小FOV`
`Tab鍵`為`開啟Debug文字`

### (A) PIVI_FreeCamera
**攝影機 拖曳、ZoomIn ZoomOut**
- 預設FOV請直接設定`Camera / Field of View`
- 滑鼠靈敏度請設定`Free Camera / Sensitivity`
- 放大縮小FOV速度請調整`Camera / Zoom Speed`
- FOV上下限請調整`Camera / FOV Clamp` (左邊為最小值 右邊為最大值)
### (B) PIVI_MousePointer
**滑鼠點擊前進到目標Probe，貼物件指標**
- 無特別設定
### \(C\) PIVI_Brain
**淡入淡出與移動主控台**
- Probes Setting 按鈕可進入探針設定
#### (D) PIVI_Brain/Scene
**請將場景模型放在Scene物件底下**
- 無特別設定
- 請務必記得在模型(看得到MeshRenderer)加上MeshCollider!
#### (E) PIVI_Brain/Probes
**HDRI/全景照 主要塞入的地方**
- `Add Probe` 增加探針位置(主要)
- `Refresh Probe` 重新抓取探針(基本上不會用到)
- `Delete` 直接點選單內的選項，按下鍵盤刪除即可
- 按下 `Add Probe` 後，會新增新的節點，並按下 `Go Probe` 進入設定 `Set default` 可以設定為開始預設節點
- (圖片方法A) 如果是 `2:1全景照` 請塞在 `Cubemap` 內 [[要怎麼做成Cubmap啊?]](#HDRI、21全景照，如何製作成Cubemap)
- (圖片方法B) 如果是`六張圖全景照`，請先按下`切換六面貼圖`切換模式
並將六張2D貼圖依照條目塞入 (不須將貼圖轉換為 `Cubemap`)
若沒出現預覽為正常現象，play後即可呈現
- Play後控制Probe位置做對位，結束前先將位置記錄下來
- 繼續處理下一個探針
- 編輯旋轉探針

### (F) RuntimeTransform
**動態編輯物件**
首先先將插件叫出來預備好 (更新後的 `Template` 有內建 如果本來就有就不用另外新增了)
對著你想要移動的父物件加上腳本
它會自動幫你處理collider 就可以點點看了
完成

## II. WebGL的連結按鈕
**創造一個點擊就可外連的UGUI按鈕**
首先要準備一個 `WorldSpace` 的 `Canvas`
對著Canvas右鍵新增 `WebGLLinkButton`

## III. 匯出
- File/Build Settings

## IV. 其他
### HDRI、2:1全景照，如何製作成Cubemap
- 全選六張貼圖 並打勾Read/Write
- 設定為`Cubemap`
- 就可以塞入了!

# 🛑待修正紀錄
- WebGL打包未壓縮
- Web串流