我用js做了个超级玛丽

文章预览

点击 关注 公众号，“ 技术干货 ” 及时达！ 前言 从刚接触编程起，作者就一直有一个做游戏的梦，奈何水平比较差，做不出啥太像样的游戏，最近趁着下班和周末时间折腾折腾，怀旧一下童年最爱玩的超级玛丽。本文将讲述如何用 js 写一个 MVP 版本的超级玛丽游戏，主要用到框架有 leaferjs + vue ， leaferjs 负责做图形渲染， vue 负责界面和地图编辑， leafer 的 api 用起来还是很舒服的，学习成本低，作者也非常热情，这里帮忙推荐一下~ 本文会尽可能简单的少贴代码，并把核心的流程讲清楚，先上一张运行后的效果图，源码和体验地址在最下面 开始我们的游戏梦 1、创建背景 就是游戏背后的蓝天白云背景，背景素材如下 在游戏中，背景会随人物前进而后退，但是由于素材宽度有限，不可能无限后退，所以做了个逻辑，当背景的 x 到达边界的时候， ………………………………