最近有点怀旧，突然想玩小时候玩的魔塔，但是又不想玩以前那些玩过好多遍的，就想整个新花样，干脆自己动手搞一个H5版本的魔塔！
说干就干，咱也不是专业的，先去网上扒拉扒拉资料，看看有没有啥能用的。
一搜“魔塔”，好家伙，出来一堆：《魔塔红》、《魔塔地牢 Roguelike》、《魔塔21层》、《新新魔塔2》……看来喜欢这玩意儿的人还真不少！不过这些都是现成的游戏，不是我想要的。
我又换几个关键词，发现很多人提到《魔塔50层》，说里面道具多，剧情也丰富，过不去的时候还能找NPC唠嗑，寻求通关秘籍。听起来挺有意思，不过我还是想自己搞！
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
既然是H5，那肯定得用JavaScript啥的，这方面我有点基础，但也不算精通。先搞个简单的地图试试水。
我先用一个二维数组把地图画出来，用不同的数字代表墙、路、怪物、NPC啥的。然后用<div> 标签把这些数字一个个渲染出来，再用CSS给它们整点不同的颜色，这样地图就差不多。
<div> 渲染，CSS上色。地图有，接下来得把主角弄上去。我把主角也当成一个特殊的数字，放到地图数组的某个位置。
然后就是角色的移动。我给键盘的上下左右键绑定事件，按下哪个键，就把主角在数组里的位置改一下，然后再重新渲染一遍地图，这样主角就“动”起来。
接下来就是重头戏——战斗！魔塔的战斗是数值计算，不整那些花里胡哨的。我先给主角和怪物都设定几个属性：攻击、防御、血量。
当主角移动到怪物的位置时，就触发战斗。我写个简单的函数，计算主角和怪物的伤害，然后更新双方的血量。如果主角血量先到0，那就Game Over；怪物血量先到0，那就从地图上消失。
光打架没意思，我又加些道具和NPC。道具也一样，用数字表示，放到地图上。主角碰到道具，就触发相应的效果，比如加血、加攻击啥的。
NPC也差不多，主角碰到NPC，就弹出一个对话框，显示一些文字信息。这些文字信息可以是一些提示，也可以是一些剧情，反正随便写。
基本的功能都搞定，剩下的就是修修补补，加点音效、动画啥的，让它看起来更像个游戏。这部分我就不细说，反正就是不断地尝试、调整，直到自己满意为止。
整个过程下来，感觉还挺有意思的。虽然做出来的东西比较简陋，但毕竟是自己一点点搞出来的，成就感满满！下次有空再整个更复杂的！
这回的分享就到这，希望能给想自己动手做小游戏的你一点启发！
