作者丨雪山飞猪
https://www.cnblogs.com/chenqionghe/
一、前言
我们平常玩游戏或者看电影的时候,会看到里面介绍各种人的能力指标。
以百度百科提供的漫威人物能力数值为例,如下图:
分别介绍了各个超级英雄的智力、力量、速度、耐力、能量发射、战斗技能。
但是吧,光是这样的表格,并不能很直观的看出英雄的能力,我们需要一个战斗力分布图。
话不多说,先上成品:
二、期望功能
传入战力指标、超级英雄能力数值,生成上面的战力分布图。
能力指标 = ['智力', '力量', '速度', '耐力', '能量', '技能'] 超级英雄能力值 = { '美国队长': [5, 4, 3, 4, 3, 7], '钢铁侠': [6, 3, 5, 5, 3, 3], '绿巨人': [6, 7, 3, 7, 1, 5], '蜘蛛侠': [5, 4, 5, 4, 2, 5], '灭霸': [7, 7, 7, 7, 7, 7], '雷神': [2, 5, 6, 7, 6, 6], '绯红女巫': [3, 3, 3, 3, 7, 3], '黑寡妇': [5, 3, 2, 3, 3, 7], '鹰眼': [5, 3, 3, 2, 2, 7], } 生成战力图(能力指标,超级英雄能力值)
三、代码实现
talking is cheap,show you the code.
因为涉及到显示中文,依赖字体,把代码上传到了github:chenqionghe/generate-ability-map[1]。
完美的实现了需求,使用简单粗暴,真可谓高端大气上档次。
调用如下:
abilities = ['智力', '力量', '速度', '耐力', '能量', '技能'] super_heros = { '美国队长': [5, 4, 3, 4, 3, 7], '钢铁侠': [6, 3, 5, 5, 3, 3], '绿巨人': [6, 7, 3, 7, 1, 5], '蜘蛛侠': [5, 4, 5, 4, 2, 5], '灭霸': [7, 7, 7, 7, 7, 7], '雷神': [2, 5, 6, 7, 6, 6], '绯红女巫': [3, 3, 3, 3, 7, 3], '黑寡妇':