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

更新於 發佈於 閱讀時間約 2 分鐘
最近比較多文章都是因應上架後遇到許多玩家的問題而產生的一些分享。這篇也不例外,因應RMMV在steam中開啟後,無法直接使用截圖功能因此做了一個熱鍵截圖功能
功能簡介
新增熱鍵P可以直接擷取遊戲畫面,並且自動存檔

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

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

按照慣例,我們先把整段複製下來 接著利用 https://keycode.info/ 網站找出我們要使用的熱鍵,這個範例中我們用"P"來作為拍照熱鍵。
  • 若不了解switch case 用途的夥伴,請上網爬個文章,印象會更深刻w
STEP 2: 接著,我們加入一個用來拍照的方法且在按下keycode = 80時 呼叫 暫時命名 playerSnapShop()
STEP 3: 接著就是實際拍照要做什麼事情了。 在這邊我們使用的概念是利用SceneManager先暫存目前畫面 所以我們新增2個function,一個用來暫存,一個用來取用並且清除
STEP 4: 最後,我們來撰寫將暫存的畫面存成圖片的功能 前半段,我們先將會用到的功能初始化,並取得遊戲目前的路徑
接著,設定好我們想儲存的路徑,這邊使用 screenshot 作為範例 把最終路徑塞到 last_path 中,這邊看看圖片中的說明會比較清楚
再來,不要睡著。
我們快到最後階段了:) 在圖片命名的部分,為了方便我們使用"現在時間.png" 來命名,使用的是unix time 並且將檔案轉換成儲存圖片的格式
最後,我們利用最前面的 fs.existsSync(last_path) 檢查有沒有這個資料夾路徑 沒有的話就mkdirSync來自動建立 .
. 一切就緒之後,利用fs.writeFileSync 將圖片存到指定的路徑
最後一行的 alert(...) 則是每當玩家按下拍照按鈕時,就會跳出一個框告訴玩家圖片儲存的路徑 方便玩家進行查找,不想使用的話也可以註解掉:) 最後提供插件全圖
收工!下課!

Q:為什麼不直接提供插件
A:此系列教學比較偏向一起動手做,根據粽子自學的經驗。程式這種東西還是要自己多動手寫,即使是照抄你也會慢慢熟悉,慢慢了解。因此想要學習寫插件的小夥伴自己動手寫一遍吧! 眼中的世界EarlyAccess 版本目前已支援此功能
為什麼會看到廣告
記錄了包含開發日誌以及參展的種種心得
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
各位安,這邊是Maker製造機的粽子    相信有許多作者發遊戲給玩家玩之後,遇到玩家說「開啟遊戲會跳出一個框」 眼中的世界也不例外,如圖,顯示設定檔案發生錯誤。 .
各位安,這邊是Maker製造機的粽子  這邊要跟大家分享一個狀況與解法。   粽子手上的遊戲眼中的世界 在去年年底上線搶先體驗版  後發陸續發生玩家卡在「Now Loading」的畫面,最後因此退費。   回歸正題,經過多次的查證問題後我們終於找到原因  部分Window 7 並不支援 *.otf
RMMV的全螢幕設定可以透過 package.json 進行修改,今天要跟大家一起動手做「全螢幕」開關腳本,讓玩家可以在遊戲中 切換全螢幕設定    因為RMMV本身像網頁一樣可以透過Alt+Enter來達到全螢幕切換,但眼中的世界上線後還是有玩家希望可以透過option切換,因此才新增了這個功能。
這一篇文章裡面將會告訴你如何用原生的sdk 對你的專案程式碼/圖片進行保護。 (建議已經升級1.6版本的作者才使用)   這篇教學有點繁雜,所以不說廢話了,看完這篇可以得到以下效果   學到如何保護程式碼,不讓其他人看光你的檔案 學會如何利用簡單技巧防止別人反編譯你的圖片(下一篇才會教,但
因為steamWork 實在太難用了….所以這次的系列想邊紀錄使用方式跟流程, 如果有錯誤之處還請多指教w   
從原生PIXIjs 的試寫來理解RM MV的一些架構與程式     這次看到的範例是pixijs官方網站上的 Container Pivot  pivot 到google 翻譯上是樞紐的意思。  這次的效果是要讓PIXI.Sprite在畫面上旋轉。  首先在上次的程式碼中追加了兩行,新增了一張叫做E
各位安,這邊是Maker製造機的粽子    相信有許多作者發遊戲給玩家玩之後,遇到玩家說「開啟遊戲會跳出一個框」 眼中的世界也不例外,如圖,顯示設定檔案發生錯誤。 .
各位安,這邊是Maker製造機的粽子  這邊要跟大家分享一個狀況與解法。   粽子手上的遊戲眼中的世界 在去年年底上線搶先體驗版  後發陸續發生玩家卡在「Now Loading」的畫面,最後因此退費。   回歸正題,經過多次的查證問題後我們終於找到原因  部分Window 7 並不支援 *.otf
RMMV的全螢幕設定可以透過 package.json 進行修改,今天要跟大家一起動手做「全螢幕」開關腳本,讓玩家可以在遊戲中 切換全螢幕設定    因為RMMV本身像網頁一樣可以透過Alt+Enter來達到全螢幕切換,但眼中的世界上線後還是有玩家希望可以透過option切換,因此才新增了這個功能。
這一篇文章裡面將會告訴你如何用原生的sdk 對你的專案程式碼/圖片進行保護。 (建議已經升級1.6版本的作者才使用)   這篇教學有點繁雜,所以不說廢話了,看完這篇可以得到以下效果   學到如何保護程式碼,不讓其他人看光你的檔案 學會如何利用簡單技巧防止別人反編譯你的圖片(下一篇才會教,但
因為steamWork 實在太難用了….所以這次的系列想邊紀錄使用方式跟流程, 如果有錯誤之處還請多指教w   
從原生PIXIjs 的試寫來理解RM MV的一些架構與程式     這次看到的範例是pixijs官方網站上的 Container Pivot  pivot 到google 翻譯上是樞紐的意思。  這次的效果是要讓PIXI.Sprite在畫面上旋轉。  首先在上次的程式碼中追加了兩行,新增了一張叫做E
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
你們都用甚麼方式來螢幕截圖呢 ? 我現在最常用的是【win + shift +s】鍵, 但每次按完都要等5秒以上, 所以開始尋找其他方法~
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Camera。包括Camera的簡介、設定Camera的方法、Viewport的介紹。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Sprite。包括建立新的Sprite、重新命名及刪除、建議的命名方式、編輯圖像、調整圖像大小、動畫的概述、原點設置、碰撞遮罩的概述。
Thumbnail
這篇內容,將教你如何開啟新的GameMaker專案,並調整畫面佈局。也會講解,為何建議用英文語系,來進行遊戲開發。
分享下最近製作 RM 上用到的一些 MZ 事件腳本 // 設定此事件的自開關 A 為 OFF $gameSelfSwitches.setValue('A', false) // 設定第 1 個地圖的第 3 個事件的自開關 A 為 OFF $gameSelfSwitches.setValue([1
底下為操作流程: 打開「磁碟工具程式」 點選「檔案」 點選「新增映像檔」 點選「來自檔案夾的映像檔」 選擇要製作成「dmg」的物件 選擇要存放「dmg」的資料夾與設定(檔名、加密與映像檔格式)
Thumbnail
Renpy教學,詳細介紹在遊戲開發中如何在Renpy裡隱藏對話框,包括自動隱藏、撥放動畫時隱藏、顯示CG時隱藏文字框以及讓玩家自行隱藏文字框。希望能夠幫助到遊戲開發者。
Thumbnail
「說出城堡的守衛配置,否則,我會把你的手指一根一根剁掉…慢慢地。」 在跑團過程中,"蒐集情報"是很常遇到的環節,特別是DND的戰鬥規則相對封閉(相對於敘事型系統),所以事前知道越多資訊,戰鬥起來就越有利。蒐集情報的方式有很多,而"拷問",正是一個玩家很可能採取的手段…
今天的文章要來和大家介紹同步存檔 (上傳 / 下載存檔) 範例: 範例圖 這個功能呢在最新版的 Renpy (Renpy 8) 是自帶的功能 所以在建立一個新專案後可以試著啟動專案,在默認的存檔 / 讀檔畫面就可以直接看到這個功能了 默認同步 你可以在 screen.rp
Thumbnail
由於iphone的「捷徑」功能實在太方便,連續幾篇都在探索還有什麼應用,這篇加上「動作按鈕」使用,讓捷徑功能更強大! 首先,預設的動作按鈕開啟相機功能需要進入UI畫面,然後再進行拍照,但有時畫面一閃而過,根本來不及捕捉。因此,今天分享一個簡化拍照動作的方法,只需一鍵完成拍照。 步驟如下: 先建
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
你們都用甚麼方式來螢幕截圖呢 ? 我現在最常用的是【win + shift +s】鍵, 但每次按完都要等5秒以上, 所以開始尋找其他方法~
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Camera。包括Camera的簡介、設定Camera的方法、Viewport的介紹。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Sprite。包括建立新的Sprite、重新命名及刪除、建議的命名方式、編輯圖像、調整圖像大小、動畫的概述、原點設置、碰撞遮罩的概述。
Thumbnail
這篇內容,將教你如何開啟新的GameMaker專案,並調整畫面佈局。也會講解,為何建議用英文語系,來進行遊戲開發。
分享下最近製作 RM 上用到的一些 MZ 事件腳本 // 設定此事件的自開關 A 為 OFF $gameSelfSwitches.setValue('A', false) // 設定第 1 個地圖的第 3 個事件的自開關 A 為 OFF $gameSelfSwitches.setValue([1
底下為操作流程: 打開「磁碟工具程式」 點選「檔案」 點選「新增映像檔」 點選「來自檔案夾的映像檔」 選擇要製作成「dmg」的物件 選擇要存放「dmg」的資料夾與設定(檔名、加密與映像檔格式)
Thumbnail
Renpy教學,詳細介紹在遊戲開發中如何在Renpy裡隱藏對話框,包括自動隱藏、撥放動畫時隱藏、顯示CG時隱藏文字框以及讓玩家自行隱藏文字框。希望能夠幫助到遊戲開發者。
Thumbnail
「說出城堡的守衛配置,否則,我會把你的手指一根一根剁掉…慢慢地。」 在跑團過程中,"蒐集情報"是很常遇到的環節,特別是DND的戰鬥規則相對封閉(相對於敘事型系統),所以事前知道越多資訊,戰鬥起來就越有利。蒐集情報的方式有很多,而"拷問",正是一個玩家很可能採取的手段…
今天的文章要來和大家介紹同步存檔 (上傳 / 下載存檔) 範例: 範例圖 這個功能呢在最新版的 Renpy (Renpy 8) 是自帶的功能 所以在建立一個新專案後可以試著啟動專案,在默認的存檔 / 讀檔畫面就可以直接看到這個功能了 默認同步 你可以在 screen.rp
Thumbnail
由於iphone的「捷徑」功能實在太方便,連續幾篇都在探索還有什麼應用,這篇加上「動作按鈕」使用,讓捷徑功能更強大! 首先,預設的動作按鈕開啟相機功能需要進入UI畫面,然後再進行拍照,但有時畫面一閃而過,根本來不及捕捉。因此,今天分享一個簡化拍照動作的方法,只需一鍵完成拍照。 步驟如下: 先建