PixiJS 筆記 – level – 2 基本圖片操控

更新 發佈閱讀 3 分鐘

從原生PIXIjs 的試寫來理解RM MV的一些架構與程式 這次看到的範例是pixijs官方網站上的 Container Pivot pivot 到google 翻譯上是樞紐的意思。 這次的效果是要讓PIXI.Sprite在畫面上旋轉。 首先在上次的程式碼中追加了兩行,新增了一張叫做Evil.png 的圖片,並把它add 到stage中

vocus|新世代的創作平台

還記得上篇看到RM中的Sprite其實擴充自 PIXI.Sprite , 在Doc中可以看到 PIXI.Sprite其實擴充自 PIXI.Container。

可以想像成, RMMV的畫面其實是一個PIXI.Coneainer(Stage)中塞了滿滿的PIXI.Coneainer (真的是塞暴)

vocus|新世代的創作平台

接著是使用pivot來設定樞紐點,這邊把樞紐點設定在stage的中間,

vocus|新世代的創作平台

最後,是要讓他轉的部份。 還記得RM中的Sprite有個屬性 rotation嗎?要讓他選轉就是利用這個屬性。

比較特別的是,我們不使用RM中的update 來做這件事情 這次使用 PIXI.Application 中的 ticker, 他可以幫我們建立一個監聽來進行update,

vocus|新世代的創作平台

所以只要使用 app.tiker.add 即可

vocus|新世代的創作平台

這樣就可以看到圖片在畫面中旋轉了

小結: 在RMMV中, Scene_Base的原形鏈連接了Stage.prototype 再鏈接了 PIXI.Container。

所以理論上任何的Scene都可以使用PIXI.Container的屬性跟方法,至於使app.ticker的部分看起來RM原生架構是沒有把它整合成可以直接使用的內容。

# RM中需要一直刷新的內容,基本上都塞再prototype.update 這個接口了。 如果要event接口,其實大部分也有覆寫,也可以直接用PIXI.Container中的事件監聽

留言
avatar-img
Maker製造機 - Chimaki的沙龍
12會員
17內容數
記錄了包含開發日誌以及參展的種種心得
2020/10/17
這陣子比較有空一些,於是就開始了一些獨立遊戲工作室的參訪。 順手也做個紀錄,讓大家更了解獨立遊戲工作室的生態:)
Thumbnail
2020/10/17
這陣子比較有空一些,於是就開始了一些獨立遊戲工作室的參訪。 順手也做個紀錄,讓大家更了解獨立遊戲工作室的生態:)
Thumbnail
2020/10/16
近期Steamworks 的SDK進行更新了,有許多朋友發生無法上傳depot檔案的問題。 今天這篇很簡單的分享一下修改方式,讓Depot可以正常上傳。
Thumbnail
2020/10/16
近期Steamworks 的SDK進行更新了,有許多朋友發生無法上傳depot檔案的問題。 今天這篇很簡單的分享一下修改方式,讓Depot可以正常上傳。
Thumbnail
2020/10/16
今年到目前為止 (2017/4/21) ,Maker制造機的教學相關文章更新的速度較慢。 在1月的時候,其實就在規劃新的遊戲。 2月到3月 就比較複雜了一點,除了舉辦紙娃娃生產器活動的活動之外,也在協助貓咪學園寫了RM的多語系 / 影子事件 等功能。並在期間有空就寫SLG的系統。現在算有一些些小進度
Thumbnail
2020/10/16
今年到目前為止 (2017/4/21) ,Maker制造機的教學相關文章更新的速度較慢。 在1月的時候,其實就在規劃新的遊戲。 2月到3月 就比較複雜了一點,除了舉辦紙娃娃生產器活動的活動之外,也在協助貓咪學園寫了RM的多語系 / 影子事件 等功能。並在期間有空就寫SLG的系統。現在算有一些些小進度
Thumbnail
看更多
你可能也想看
Thumbnail
在 RMMV 中的功能達不到我要的效果怎麼辦?那麼就來使用插件擴展功能!這篇會跟大家講解「插件」,並且推薦想要了解 RMMV 架構的人一些講座。
Thumbnail
在 RMMV 中的功能達不到我要的效果怎麼辦?那麼就來使用插件擴展功能!這篇會跟大家講解「插件」,並且推薦想要了解 RMMV 架構的人一些講座。
Thumbnail
由於 MZ 的機制上跟 MV 本身並沒有太大的差別,詳細的一些基本入門都可以直接參考 MV 來使用跟學習,另外關於 MZ 本身的功能已經在大部分的文章跟官方預告都有提過了,因此本篇將會速覽目前已釋出插件的部分。
Thumbnail
由於 MZ 的機制上跟 MV 本身並沒有太大的差別,詳細的一些基本入門都可以直接參考 MV 來使用跟學習,另外關於 MZ 本身的功能已經在大部分的文章跟官方預告都有提過了,因此本篇將會速覽目前已釋出插件的部分。
Thumbnail
這是關於在 Renpy 中如何自訂 Frame 的教學,包括了建立畫面、在畫面裡面加入 frame、加入造型、加入內容、修正畫面、使用自訂 Frame 等內容。
Thumbnail
這是關於在 Renpy 中如何自訂 Frame 的教學,包括了建立畫面、在畫面裡面加入 frame、加入造型、加入內容、修正畫面、使用自訂 Frame 等內容。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這系列是我在 2023 六角學院 Vue作品實戰班的筆記,筆記以本人理解的方式記錄。此篇主題為 Slot Props 進階應用 ,其中包含單筆資料、多筆資料。
Thumbnail
這系列是我在 2023 六角學院 Vue作品實戰班的筆記,筆記以本人理解的方式記錄。此篇主題為 Slot Props 進階應用 ,其中包含單筆資料、多筆資料。
Thumbnail
pxCode就會提供許多獨創的視覺編輯方式,讓甚至沒有任何資訊或設計背景的用戶,都可以輕易上手。
Thumbnail
pxCode就會提供許多獨創的視覺編輯方式,讓甚至沒有任何資訊或設計背景的用戶,都可以輕易上手。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
介紹有關於一些小修改的方便插件。
Thumbnail
介紹有關於一些小修改的方便插件。
Thumbnail
打開之後不懂怎麼操作 RMMV ?這裡將詳細講解基本操作以及工具設定!
Thumbnail
打開之後不懂怎麼操作 RMMV ?這裡將詳細講解基本操作以及工具設定!
Thumbnail
Swiper.js 是一個功能齊全的輪播套件,除了輪播外,也可以客製化導航按鈕和頁碼等細項。目前支持 JS、React、Vue。但是 Swiper.js Vue 版本主要由 Composition API 風格構成,此篇文章將介紹 Options API 的撰寫方式,以及如何做樣式客製化。
Thumbnail
Swiper.js 是一個功能齊全的輪播套件,除了輪播外,也可以客製化導航按鈕和頁碼等細項。目前支持 JS、React、Vue。但是 Swiper.js Vue 版本主要由 Composition API 風格構成,此篇文章將介紹 Options API 的撰寫方式,以及如何做樣式客製化。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
在AI浪潮下,009819 中信美國數據中心及電力ETF 直接卡位算力與電力雙主軸,等於掌握AI最核心基建。2008從 Apple Inc. 與 iPhone 帶動供應鏈,到如今AI崛起,主線已由應用端轉向底層。AI發展離不開算力與電力支撐,009819的價值,在於押中「沒有它不行」的核心資產。
Thumbnail
在AI浪潮下,009819 中信美國數據中心及電力ETF 直接卡位算力與電力雙主軸,等於掌握AI最核心基建。2008從 Apple Inc. 與 iPhone 帶動供應鏈,到如今AI崛起,主線已由應用端轉向底層。AI發展離不開算力與電力支撐,009819的價值,在於押中「沒有它不行」的核心資產。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News