緣起
去年 12 月玩守望等匹配的時候就無聊萌生出做一套守望 UI 的想法舆绎,因為覺得守望的 UI 比較簡潔,而且對于那些小組件的實現(xiàn)都有個大概的思路鳄厌。當時 Hey UI 的作者也在知乎上宣傳自己的 UI 庫熊锭,所以更加堅定了做這個 UI 庫的想法幌衣。
調(diào)研了之后還真發(fā)現(xiàn)已經(jīng)有人用 React 寫了 4 個守望的組件了。
他是用 React.js 寫的郎逃,不過他寫不是很全哥童,沒有形成一個庫。既然沒有同類型的產(chǎn)品褒翰,那就我來用 Vue.js 搞一個吧贮懈。所以今年寫完代碼高亮插件后,在一些契機下開始動工优训。
文檔
整個庫所使用到的有 Vue.js + Karam, Mocha, Chai朵你,可以從 npm 下載試試~
后記
其實整個 UI 庫真的有用么?做完之后其實不見得有用 :(揣非,單從設計上來說這個庫和網(wǎng)頁開發(fā)的配合不是那么的好抡医。
因為游戲一般是有鮮明的背影圖的,所以它的很多組件都是有透明度的早敬,而網(wǎng)頁一般以白色為底忌傻,所以組件在網(wǎng)頁上有點“看不清”。而且守望的組件 UI 邏輯和網(wǎng)頁也不太一樣搞监,為了凸顯游戲本身它的組件做得很“淺”水孩,再用到網(wǎng)頁上就不好看了,但是如果加背景圖應該會好點琐驴。
雖然沒啥用吧俘种,但是收獲還是很大的秤标,不僅熟悉了市面上 UI 庫的很多 API,也對自己的 Vue.js 有個提升安疗,還有接觸到了以前從沒有用過的單元測試抛杨,當然也被 Vue-cli-3, Karam 等配置坑過幾遍。這個庫的開發(fā)算是告一段落了荐类。