????????今天分享一個(gè)小插件，MOG_GoldHud.js，用于在地圖場(chǎng)景展示金錢，如果你看過(guò)

RPGMakerMV探秘10-地圖顯示角色信息，那今天這個(gè)插件對(duì)于你來(lái)說(shuō)就是信手拈來(lái)了。

????????老規(guī)矩，先上效果圖：

????????右下角的金錢窗口，便是這個(gè)插件的顯示效果。

????????該插件用到的資源只有兩個(gè)，一個(gè)窗口、一個(gè)金錢數(shù)字。

????????插件包含兩個(gè)插件命令”show_gold_hud”、“hide_gold_hud”，顯而易見(jiàn)，控制金錢窗口的顯示與隱藏。實(shí)際在Game_System初始化時(shí)，定義了_ghud_visible變量，插件命令改變?cè)撟兞?，并在update中通過(guò)判斷該變量，實(shí)現(xiàn)顯示與隱藏。

????????與MOG_ActorHud.js一樣，該插件定義了一個(gè)特有的對(duì)象Gole_Hud。? ? ????

????????同樣利用Spriteset_Map的createUpperLayer方法將_gold_hud添加到地圖精靈上。

????????其中_hud_size變量是一個(gè)數(shù)組，在refresh_data方法中給這個(gè)數(shù)組計(jì)算了值，其實(shí)就是劃定了金錢窗口的一個(gè)矩形區(qū)域，用于后面角色進(jìn)入該區(qū)域的窗口淡化處理。

????????進(jìn)入update，初始化情況下，layout_img加載完畢，進(jìn)入refresh_data方法。干了三件事，劃定窗口區(qū)域、創(chuàng)建窗口圖層、創(chuàng)建數(shù)字。

????????這次我們細(xì)看一下數(shù)字的創(chuàng)建：

????????首先，數(shù)字素材圖片是200x28，知道素材的大小，才更有利于我們對(duì)代碼的分析。

????????

????????create_number創(chuàng)建了8個(gè)數(shù)字精靈，把金錢數(shù)量轉(zhuǎn)換成字符串，拆分，進(jìn)行循環(huán)處理，然后利用refresh_number控制每個(gè)數(shù)字精靈顯示哪一幀，顯示的位置，以及是否顯示。

????????周期函數(shù)對(duì)是否空可見(jiàn)進(jìn)行的控制，當(dāng)我們?nèi)藶閷⒔疱X窗口隱藏時(shí)、有對(duì)話信息時(shí)，窗口淡出，實(shí)現(xiàn)隱藏效果。當(dāng)角色進(jìn)入到金錢窗口時(shí)，同樣的淡出隱藏。在淡出的過(guò)程中，有一個(gè)透明度的限制，達(dá)到這個(gè)限制時(shí)，就會(huì)停留在這個(gè)階段，也就是我們看到角色在進(jìn)入金錢窗口區(qū)域后，金錢窗口有個(gè)淡出的效果，但到一定程度時(shí)，金錢窗口就淡淡的顯示，幾乎不會(huì)發(fā)生變化了，除非角色離開(kāi)這個(gè)區(qū)域。

????????數(shù)字的update主要利用refresh_number對(duì)幾個(gè)數(shù)字精靈的循環(huán)處理。但是這里有個(gè)小彩蛋，那就是update_dif方法。我們知道update函數(shù)執(zhí)行速度是非常快的。想象一個(gè)場(chǎng)景，你目前的金幣時(shí)34758這個(gè)數(shù)字，打開(kāi)寶箱，意外獲得333個(gè)金幣，那么應(yīng)該顯示的就是35091。如果不做特殊處理，后四位數(shù)字4758瞬間就變成5091，是不是一點(diǎn)都不絲滑，非常的詭異。為了解決這個(gè)問(wèn)題，讓數(shù)字的變化，看起來(lái)是由各個(gè)位數(shù)依次加上去的。利用的update_dif方法，這個(gè)方法使用算法，每次計(jì)算出一個(gè)值，使這個(gè)值在不斷的update過(guò)程中接近最終的金幣數(shù)。不斷的update的過(guò)程中，中間值的變化也體現(xiàn)出來(lái)，這樣就形成的了數(shù)字動(dòng)態(tài)化的變?yōu)樽罱K金幣數(shù)量的效果。

????????這個(gè)小插件結(jié)合前面的知識(shí)分析起來(lái)，比較簡(jiǎn)單，也比較實(shí)用。同時(shí)也給我們?cè)诘貓D場(chǎng)景上添加其他數(shù)字化展示內(nèi)容提供了參考。

注：以上分析均為作者興趣出發(fā)，自學(xué)有感，對(duì)于js的認(rèn)知還存在不足或者偏差，如有錯(cuò)誤，歡迎指正。