守望先鋒 UI 庫

緣起

去年 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 下載試試~

Overwatch UI 文檔

Overwatch UI Github

后記

其實整個 UI 庫真的有用么?做完之后其實不見得有用 :(揣非,單從設計上來說這個庫和網(wǎng)頁開發(fā)的配合不是那么的好抡医。

因為游戲一般是有鮮明的背影圖的,所以它的很多組件都是有透明度的早敬,而網(wǎng)頁一般以白色為底忌傻,所以組件在網(wǎng)頁上有點“看不清”。而且守望的組件 UI 邏輯和網(wǎng)頁也不太一樣搞监,為了凸顯游戲本身它的組件做得很“淺”水孩,再用到網(wǎng)頁上就不好看了,但是如果加背景圖應該會好點琐驴。

雖然沒啥用吧俘种,但是收獲還是很大的秤标,不僅熟悉了市面上 UI 庫的很多 API,也對自己的 Vue.js 有個提升安疗,還有接觸到了以前從沒有用過的單元測試抛杨,當然也被 Vue-cli-3, Karam 等配置坑過幾遍。這個庫的開發(fā)算是告一段落了荐类。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末怖现,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子玉罐,更是在濱河造成了極大的恐慌屈嗤,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吊输,死亡現(xiàn)場離奇詭異饶号,居然都是意外死亡,警方通過查閱死者的電腦和手機季蚂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進店門茫船,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人扭屁,你說我怎么就攤上這事算谈。” “怎么了料滥?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵然眼,是天一觀的道長。 經(jīng)常有香客問我葵腹,道長高每,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任践宴,我火速辦了婚禮鲸匿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘阻肩。我一直安慰自己带欢,他們只是感情好,可當我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布磺浙。 她就那樣靜靜地躺著洪囤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪撕氧。 梳的紋絲不亂的頭發(fā)上瘤缩,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天,我揣著相機與錄音伦泥,去河邊找鬼剥啤。 笑死锦溪,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的府怯。 我是一名探鬼主播刻诊,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼牺丙!你這毒婦竟也來了则涯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤冲簿,失蹤者是張志新(化名)和其女友劉穎粟判,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體峦剔,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡档礁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了吝沫。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片呻澜。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖惨险,靈堂內(nèi)的尸體忽然破棺而出羹幸,到底是詐尸還是另有隱情,我是刑警寧澤平道,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布睹欲,位于F島的核電站供炼,受9級特大地震影響一屋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜袋哼,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一冀墨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧涛贯,春花似錦诽嘉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至稀余,卻和暖如春悦冀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背睛琳。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工盒蟆, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留踏烙,地道東北人。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓历等,卻偏偏與公主長得像讨惩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子寒屯,可洞房花燭夜當晚...
    茶點故事閱讀 45,922評論 2 361