主要观点总结
本文介绍了如何使用js、leaferjs和vue框架开发一个超级玛丽游戏的MVP版本的过程，包括游戏背景、场景创建、精灵动画、物理引擎实现、碰撞检测、跳跃机制、相机系统、分数系统以及胜利判定等核心功能的实现。文章从创建背景开始讲起，然后介绍了创建场景和精灵的方法，接着实现了物理引擎，包括重力、碰撞检测、跳跃机制等。然后引入了相机、分数系统和胜利机制。最后，作者还介绍了使用vue做的地图编辑器。文章还提供了源码地址和体验地址。
关键观点总结
关键观点1: 游戏开发框架
使用js、leaferjs和vue框架进行开发
关键观点2: 核心功能实现
包括游戏背景、场景创建、精灵动画、物理引擎、碰撞检测、跳跃机制、相机系统、分数系统以及胜利判定的实现
关键观点3: 地图编辑器
使用vue做的地图编辑器，可以自定义关卡
关键观点4: 开源和体验地址
提供了源码地址和体验地址供读者参考
文章预览
前言 介绍了如何使用 js、leaferjs 和 vue 框架开发一个超级玛丽游戏的 MVP 版本，包括游戏背景、场景创建、精灵动画、物理引擎实现、碰撞检测、跳跃机制、相机系统、分数系统以及胜利判定等核心功能的实现过程。今日前端早读课文章由 @hhzzcc 投稿分享。 正文从这开始～～ 从刚接触编程起，作者就一直有一个做游戏的梦，奈何水平比较差，做不出啥太像样的游戏，最近趁着下班和周末时间折腾折腾，怀旧一下童年最爱玩的超级玛丽。本文将讲述如何用 js 写一个 MVP 版本的超级玛丽游戏，主要用到框架有 leaferjs + vue ， leaferjs 负责做图形渲染， vue 负责界面和地图编辑， leafer 的 api 用起来还是很舒服的，学习成本低，作者也非常热情，这里帮忙推荐一下～ 【开源】LeaferJS 1.0 重磅发布：强悍的前端 Canvas 渲染引擎 本文会尽可能简
………………………………
