【RM教學 2.0】 一起來寫拍照插件

更新於 發佈於 閱讀時間約 3 分鐘

最近比較多文章都是因應上架後遇到許多玩家的問題而產生的一些分享。這篇也不例外,因應RMMV在steam中開啟後,無法直接使用截圖功能因此做了一個熱鍵截圖功能

功能簡介
新增熱鍵P可以直接擷取遊戲畫面,並且自動存檔

適用對象
RMMV + 輸出單機版的作者 - 遊戲丟到Steam 發現無法用Steam功能拍照,又希望玩家可以拍照的作者

開始STEP 1: 第一步我們先來增加按下P鍵時的對應功能, 這邊利用關鍵字 onKeyDown 可以搜尋到SceneManager.onKeyDown這個功能

按照慣例,我們先把整段複製下來 接著利用 https://keycode.info/ 網站找出我們要使用的熱鍵,這個範例中我們用"P"來作為拍照熱鍵。

  • 若不了解switch case 用途的夥伴,請上網爬個文章,印象會更深刻w

STEP 2: 接著,我們加入一個用來拍照的方法且在按下keycode = 80時 呼叫 暫時命名 playerSnapShop()

raw-image

STEP 3: 接著就是實際拍照要做什麼事情了。 在這邊我們使用的概念是利用SceneManager先暫存目前畫面 所以我們新增2個function,一個用來暫存,一個用來取用並且清除

raw-image

STEP 4: 最後,我們來撰寫將暫存的畫面存成圖片的功能 前半段,我們先將會用到的功能初始化,並取得遊戲目前的路徑

raw-image

接著,設定好我們想儲存的路徑,這邊使用 screenshot 作為範例 把最終路徑塞到 last_path 中,這邊看看圖片中的說明會比較清楚

raw-image

再來,不要睡著。
我們快到最後階段了:) 在圖片命名的部分,為了方便我們使用"現在時間.png" 來命名,使用的是unix time 並且將檔案轉換成儲存圖片的格式

raw-image

最後,我們利用最前面的 fs.existsSync(last_path) 檢查有沒有這個資料夾路徑 沒有的話就mkdirSync來自動建立 .

raw-image

. 一切就緒之後,利用fs.writeFileSync 將圖片存到指定的路徑

raw-image

最後一行的 alert(...) 則是每當玩家按下拍照按鈕時,就會跳出一個框告訴玩家圖片儲存的路徑 方便玩家進行查找,不想使用的話也可以註解掉:) 最後提供插件全圖

raw-image


收工!下課!

Q:為什麼不直接提供插件
A:此系列教學比較偏向一起動手做,根據粽子自學的經驗。程式這種東西還是要自己多動手寫,即使是照抄你也會慢慢熟悉,慢慢了解。因此想要學習寫插件的小夥伴自己動手寫一遍吧! 眼中的世界EarlyAccess 版本目前已支援此功能

留言
avatar-img
留言分享你的想法!
avatar-img
Maker製造機 - Chimaki的沙龍
11會員
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
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
你們都用甚麼方式來螢幕截圖呢 ? 我現在最常用的是【win + shift +s】鍵, 但每次按完都要等5秒以上, 所以開始尋找其他方法~
Thumbnail
你們都用甚麼方式來螢幕截圖呢 ? 我現在最常用的是【win + shift +s】鍵, 但每次按完都要等5秒以上, 所以開始尋找其他方法~
Thumbnail
上一篇介紹LINE拍照方法,這次教的是WIN內建的小畫家(螢幕拍照運用)。多了一樣可選大範圍或局部取圖,請在
Thumbnail
上一篇介紹LINE拍照方法,這次教的是WIN內建的小畫家(螢幕拍照運用)。多了一樣可選大範圍或局部取圖,請在
Thumbnail
本文由好好玩台灣授權提供,原文出處在此 Windows 11 截圖不能用了怎麼辦 ? 解決辦法:去設定把自動設定時間勾選調,在把日期調到 10/30 號之前,開啟剪取與繪圖工具測試一下應該就可以用了,可以用之後再把時間條回自動設定就可以了! Print Screen ( 快速截圖 ) 工具推薦文
Thumbnail
本文由好好玩台灣授權提供,原文出處在此 Windows 11 截圖不能用了怎麼辦 ? 解決辦法:去設定把自動設定時間勾選調,在把日期調到 10/30 號之前,開啟剪取與繪圖工具測試一下應該就可以用了,可以用之後再把時間條回自動設定就可以了! Print Screen ( 快速截圖 ) 工具推薦文
Thumbnail
用python寫出應用筆電相機儲存照片。
Thumbnail
用python寫出應用筆電相機儲存照片。
Thumbnail
今天要和大家介紹如何用 IOS 內建的螢幕錄影功能搭配 PDF 做教學影片!然後還會介紹不用下載任何 APP 就能編輯影片的超實用功能!
Thumbnail
今天要和大家介紹如何用 IOS 內建的螢幕錄影功能搭配 PDF 做教學影片!然後還會介紹不用下載任何 APP 就能編輯影片的超實用功能!
Thumbnail
最近比較多文章,都是因應上架後遇到許多玩家的問題而產生的一些分享。  這篇也不例外,因應RMMV在steam中開啟後,無法直接使用截圖功能因此做了一個熱鍵截圖功能   功能簡介 新增熱鍵P可以直接擷取遊戲畫面,並且自動存檔   適用對象 RMMV + 輸出單機版的作者 - 遊戲丟到Steam
Thumbnail
最近比較多文章,都是因應上架後遇到許多玩家的問題而產生的一些分享。  這篇也不例外,因應RMMV在steam中開啟後,無法直接使用截圖功能因此做了一個熱鍵截圖功能   功能簡介 新增熱鍵P可以直接擷取遊戲畫面,並且自動存檔   適用對象 RMMV + 輸出單機版的作者 - 遊戲丟到Steam
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News