【第3339期】用LeaferJS开发一款超级玛丽游戏

主要观点总结

本文介绍了如何使用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 渲染引擎 本文会尽可能简 ………………………………