推薦幾個實用Cocos Creator插件！看過的都說好
2021年過半，Cocos Store 上目前已超過 400+ 資源，出現(xiàn)了有不少實用而有趣的插件工具，推薦幾個給大家把玩，希望本文能對大家的工作有所幫助或啟發(fā)！
嘴型動畫生成
是一款專用于 Cocos Creator 的嘴型動畫生成插件，它可以根據(jù)一段語音生成嘴型動畫的 Animation Clip，適合用于制作游戲角色的說話動畫，而且支持中英文語言。
上圖是lipsync的主面板，下面我們簡單介紹插件使用方法。
嘴型圖
嘴型圖，要求拖入6張必須的嘴型圖A~F，嘴型說明如下：
mouthA：用于發(fā) “P”、 “B” 和 “M” 這類聲音的閉合嘴型。和 ? 嘴型最接近，但嘴唇間有輕微的壓力。 mouthB：輕輕張嘴且牙齒閉合。用于發(fā)一些輔音（“S”、“T”、“K” 等）。也用于發(fā)一些諸如 bee 里的 "EE" 的元音。 mouthC：張嘴。用于發(fā)諸如 men 里的 “EH” 和 bat 里的 “AE” 的元 ......
其中 G、H、X 嘴型可選，但作者推薦都提供，這樣最終生成的結(jié)果會更為自然，具體詳細(xì)的嘴型要求，更多嘴型圖的介紹可以看插件說明。
錄音文件
本插件的功能是，根據(jù)說話的聲音生成對應(yīng)的動畫，錄音文件就是你要生成的嘴型動畫的聲音。支持WAV與OGG格式的音頻文件。
生成目標(biāo)動畫
這里需要拖入一個 Cocos Creator 的 Aninmation Clip 文件，生成嘴型動畫后該文件將會被覆蓋。
配置好上述內(nèi)容點擊生成，我們將獲得一段嘴型與聲音匹配的一段動畫，下圖是在Cocos Creator中動畫編輯器看到的效果。
資源鏈接
插件鏈接：http://store.cocos.com/app/detail/2572 教學(xué)視頻：https://www.bilibili.com/video/BV1V5411G7cm/ 示例代碼：https://github.com/wzpan/lipsync-demo
Cocos Inspector
這是一款 Cocos Creator 節(jié)點樹實時預(yù)覽工具，基本功能如：
查看運行時場景節(jié)點樹 實時節(jié)點屬性監(jiān)視、編輯 鼠標(biāo)經(jīng)過節(jié)點實時高亮
DrawCall分析，看下圖：
而且作者積極聆聽粉絲們的建議，做了不少界面 UI 的優(yōu)化，0.1.1 版本還對FairyGUI進行了支持。
資源鏈接
插件鏈接：http://store.cocos.com/app/detail/2940 作者公眾號：ByteTalking
快閃-代碼編輯器
這是一個內(nèi)嵌 Cocos Creator 的JS\TS代碼編輯器，支持代碼跳轉(zhuǎn)、代碼提示、自動補全等特性。
懶人功能
也許有會人問，為什么要用內(nèi)置代碼編輯器，用外置的VSCode編輯器不香么？來看看作者怎么說。
視頻中只講了一個點，快閃還有不少能讓大家偷懶的功能：
右鍵菜單直接生成getXXX/setXXX方法； 在 Cocos Creator 資源管理器中，移動腳本后，自動修正腳本文件中 import 的文件路徑； 在 Cocos Creator 的場景編輯雙擊 Label 節(jié)點直接打字編輯文本； 保存后自動格式化代碼，自動加分號結(jié)束； ......
資源鏈接
插件鏈接：http://store.cocos.com/app/detail/2940 作者Q群：569081407
建后自動壓縮 PNG 資源
在第一次部署項目時，突然發(fā)現(xiàn)上傳的資源包文件太大，怎么辦？相信這款插件工具能幫助到你。
功能面板
插件使用的壓縮引擎是pngquant 2.15.1，壓縮質(zhì)量的開關(guān)，以及文件夾和文件的排除功能，比直接使用命令行要貼心很多。
當(dāng)我們構(gòu)建完成后，可以看到插件開始工作，在Cocos Creator 控制臺上，輸出詳細(xì)的壓縮日志。
可喜的是，該插件是免費開源的，可以使用這款插件源碼學(xué)習(xí) Cocos Creator 插件的開發(fā)。
資源鏈接
插件鏈接：http://store.cocos.com/app/detail/2419 開源倉庫：https://gitee.com/ifaswind/ccc-png-auto-compress
Shader Editor
Shader Editor 是一款用 Cocos Creator 制作的可視化 Shader 編輯器，內(nèi)置上百個基礎(chǔ)組件和特效組件，不僅能以插件方式運行，同時支持在網(wǎng)頁中運行，方便隨時使用。
編輯器特點
對引擎無侵入式修改，完全純凈； 支持 Creator 原生插件模式同時提供網(wǎng)頁版的 Cloud / 云 模式，使用方便； 大量內(nèi)置特效組件， (目前多為基礎(chǔ)組件，后續(xù)會添加更多復(fù)雜組件)； 制作后導(dǎo)出特效為 Creator 原生支持的 .mlt + .effect 文件，因此可以方便地使用在各種平臺上； 全中文化（雙語切換），編輯器所有功能全部中文化，包括所有組件的說明，文檔； 完整、豐富的在線文檔，同時編輯器中內(nèi)置同樣完整的文檔，包括大量演示視頻及示例工程項目（可直接下載運行）。
Shader 教程
除上述功能外，作者還在積極輸出相關(guān)文檔、視頻，并且在自己的微信公眾號上連載Shader入門教程，已經(jīng)更新到 0x0D 了！
同時教程中的 Shader 案例工程也上架到了 Cocos Store 并可直接應(yīng)用到自己的項目中。
資源鏈接
插件鏈接：http://store.cocos.com/app/detail/2749 B站視頻：https://space.bilibili.com/1908055 作者公眾號：SuperRaccoon
結(jié)語
Cocos Store 7月開發(fā)者挑戰(zhàn)賽又出新玩法啦！兩人組隊成功上架3個作品，將會獲得 Cocos 精美周邊禮品，還有機會獲得 Cocos 官方推薦！
邀請上你的好友，一起來挑戰(zhàn)吧！