---
# System prepended metadata

title: 限制

---

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)  
    ![](https://i.imgur.com/apgrY8d.png)
  2. 刪除攝影機   
    ![](https://i.imgur.com/yPASXNe.png)
  3. 右鍵加入模板  
    ![](https://i.imgur.com/1qzP3tN.png)
  4. 模板內的所有物件組成(英文標籤作為下面參考)  
    ![](https://i.imgur.com/Ak6zoQ1.png)
---
## 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` (左邊為最小值 右邊為最大值)  
  ![](https://i.imgur.com/IDr7vqw.png)
### (B) PIVI_MousePointer
  **滑鼠點擊前進到目標Probe，貼物件指標**
  - 無特別設定  
  ![](https://i.imgur.com/DTUdroG.png)
### \(C\) PIVI_Brain
  **淡入淡出與移動主控台**  
  - Probes Setting 按鈕可進入探針設定  
  ![](https://i.imgur.com/58QwBR8.png)
#### (D) PIVI_Brain/Scene
  **請將場景模型放在Scene物件底下**
  - 無特別設定  
  ![](https://i.imgur.com/QeOqW72.png)
  - 請務必記得在模型(看得到MeshRenderer)加上MeshCollider!  
  ![](https://i.imgur.com/5XQwrwE.png)
#### (E) PIVI_Brain/Probes
**HDRI/全景照 主要塞入的地方**
  - `Add Probe` 增加探針位置(主要)
  - `Refresh Probe` 重新抓取探針(基本上不會用到)
  - `Delete` 直接點選單內的選項，按下鍵盤刪除即可  
  ![](https://i.imgur.com/maLQ4OU.png)
  - 按下 `Add Probe` 後，會新增新的節點，並按下 `Go Probe` 進入設定 `Set default` 可以設定為開始預設節點  
  ![](https://i.imgur.com/00Ka9Hd.png)
  - (圖片方法A) 如果是 `2:1全景照` 請塞在 `Cubemap` 內 [[要怎麼做成Cubmap啊?]](#HDRI、21全景照，如何製作成Cubemap)  
  ![](https://i.imgur.com/ShKT3OU.png) 
  - (圖片方法B) 如果是`六張圖全景照`，請先按下`切換六面貼圖`切換模式  
    並將六張2D貼圖依照條目塞入 (不須將貼圖轉換為 `Cubemap`)
    若沒出現預覽為正常現象，play後即可呈現
  ![](https://i.imgur.com/VHdLw8V.png)
  - Play後控制Probe位置做對位，結束前先將位置記錄下來  
  ![](https://i.imgur.com/9aZnFxD.png)
  - 繼續處理下一個探針  
  ![](https://i.imgur.com/q87aMJQ.png)
  - 編輯旋轉探針  
  ![](https://i.imgur.com/7W95zqk.png)

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


## II. WebGL的連結按鈕
  **創造一個點擊就可外連的UGUI按鈕**
  首先要準備一個 `WorldSpace` 的 `Canvas`  
  ![](https://i.imgur.com/T5zknfq.png)
  對著Canvas右鍵新增 `WebGLLinkButton`   
  ![](https://i.imgur.com/R599ErS.png)

  
## III. 匯出
 - File/Build Settings  
 ![](https://i.imgur.com/xRq1Vf7.png)  
 ![](https://i.imgur.com/HzqdALg.png)


## IV. 其他
### HDRI、2:1全景照，如何製作成Cubemap
  - 全選六張貼圖 並打勾Read/Write  
  ![](https://i.imgur.com/zvFK1Js.png)
  - 設定為`Cubemap`  
  ![](https://i.imgur.com/9kQ6aIw.png)
  - 就可以塞入了!  
  ![](https://i.imgur.com/Y5FtxMk.png)


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