用JavaScript做超级玛丽小游戏

一、前言

前几天用JS实现扫雷和贪吃蛇（通过HTML的DOM节点实现基本界面，界面背景简单，交互简单）。比较复杂的是植物大战僵尸，不同的关卡设置单独的函数。所以还比较难。

超级玛丽通过canvas实现背景，交互很复杂，功能很多，JS代码完全是有汇编语言反编译成C语言，然后把C语言转换成JS实现的。完全使用原生JS实现超级玛丽或者魂斗罗还没有实现。思路：类似植物大战僵尸，设置英雄和不同的敌人是不同的类，不同的关卡设置不同的函数实现。难点：界面交互很多，游戏角色动画较多。理论上 CodeCombat 可以实现类似的效果，那么红白机游戏也可以实现。膜拜反编译汇编语言的大神。

话不多说，先上效果图

 二、代码实现

HTML结构代码

标签：function,MAP,JOY,JavaScript,超级玛丽,小游戏,PAD,key,var
From： https://blog.csdn.net/dp6558dfggbhhn_/article/details/141229978