ProtoPie 實驗室：Origin 介紹

了解 ProtoPie 中的 Origin 設定

Origin 影響定位 (Position)

使用 ProtoPie 時注意錨點 (Origin) 的應用非常重要，因為它會影響物件在畫布上的定位 (Position) ，進階影響變形與位移的「起始點」。

Top Left

白色色塊的定位是從「左上」開始算起。

Top Center

白色色塊的定位是從「中上」開始算起。

Center Center

白色色塊的定位是從「正中間」開始算起。

Origin 影響變形方式

錨點的位置重新定義了物件的定位點，進而影響物件變形、移動時的起始點，我們可以觀察下方的變形。

觀察不同錨點 (Origin) 影響物件變形的方式。

小結

在 ProtoPie 中製作互動時，一定要先想好物件移動的方式，設定對的錨點再設定物件的互動；如果是先設定好互動，而後只要修改錨點，整個物件的動畫都有可能跑版。

感謝您看完這篇文章，歡迎留言與我交流。
未來會寫更多關於 ProtoPie 製作互動原型的教學，如果有想知道的互動效果可以留言，我會試試看在 ProtoPie 中實作。