切換
舊版
前往
大廳
主題

RM MV學習筆記(12) 龍骨動畫in MV 事前準備篇

路漫行 | 2018-03-08 10:28:49 | 巴幣 2 | 人氣 674


什麼是龍骨動畫?

他是骨骼動畫的一種,更是一種2D動畫解決方案,他不同於傳統動畫一張一張去畫,而是採用拼接零件的方式讓零件動起來。可以將2D圖片快速生成各種動畫。


比如說我這測試影片裡面的蜜蜂,他其實是內建的素材

一開始長這樣:



材質檔是這樣的:



動起來是像這樣,這是我的遊戲專案伊露莉可裡面的測試畫面:

龍骨則是一款動畫編輯軟體,目前只有龍骨有MV插件...所以沒得選。

龍骨其實很方便,中文,開源、免費、更新勤快、作者在知乎上很好找。
官網上有載點跟教學,官網的教學連結壞了,但Youtobe上有完整版。


連教學都是中文的,這多棒啊!



(一)需要準備的軟體

1.RPGMAKER MV (廢話!)
3.photoshop (必備),原始素材輸出用
4.clipstudio (選配),我拿來畫原始素材用,也可以只用Photoshop


(二)需要準備的插件

先感恩一下YEP大神,然後依照順序安裝下列插件。




(三)下載龍骨函式庫

把函式庫裡面的資料夾放在:\專案資料夾\js\libs\




(四)新增龍骨動畫專用資料夾:\專案資料夾\dragonbones_assets\

此名稱與路徑可在插件內修改



(五)打開專案資料夾裡面的index檔案

<script type=”text/javascript” src=”js/libs/pixi-picture.js”> 的下面加入下列兩行
<script type=”text/javascript” src=”js/libs/dragonbones/dragonBones.js”></script>
<script type=”text/javascript” src=”js/libs/dragonbones/dragonBonesPixi.js”></script>


以上作動環境已完成,可以下載YEP提供的範例檔案來玩玩看囉,範例檔案位於先前下載的函式庫裡面。

以範例的Demon為例,會有三個檔案,分別是

Demon_ske.json
Demon_tex.json
Demon_tex.png

三個都要放在dragonbones_assets資料夾(或自定義名稱)裡面


最後在資料庫裡面新增一隻怪物,並在該怪物的note(註釋)欄位貼上以下語法:

<DragonBone Settings>
Battler: Demon
Replace Sprite
ScaleX: 0.3
ScaleY: 0.3
Width: 140
Height: 140
</DragonBone Settings>


進戰鬥打這隻怪物,就能看到龍骨動畫哩!


如果貼在角色的note欄位的話,那個角色在戰鬥中也會變成Demon哦~


追記:

龍骨還有一個很棒的功能...就是把動畫再輸出成png檔案,輸出張數可自行設定。

比如說同一隻蜜蜂,最後變成這樣。


如果非MV的話,大概就只能這樣用了吧
送禮物贊助創作者 !
0
留言

創作回應

無聊木匠
用了龍骨動畫後...內建怪物圖鑑變成空白了...怎辦呢??
2018-08-13 18:34:00
路漫行
這個問題幫你解決了
https://home.gamer.com.tw/creationDetail.php?sn=4093635
2018-08-14 12:24:12
中之人
您好,想請問主角也想使用龍骨的話要怎麼設置呢?發現您的主角動態感覺也是用龍骨做的~


2022-01-29 00:37:20
路漫行
一樣設定在主角的註釋位置,效果一樣
2022-02-15 19:20:21
中之人
不好意思現在才發現上面有講可以設定主角註釋QQ
那要怎麼設定受傷跟攻擊或是技能的動畫呢?

2022-02-15 20:02:32
路漫行
我的小屋裡所有關於yep的Action Sequences的文章,或是網路上其他人撰寫有關Action Sequences文章皆可,看英文的也可以。
2022-02-15 21:15:09

更多創作