更新内容

增加了地图切换功能，扩展了游戏的游玩长度，进入每一关时，击杀10只怪物就会提示通关成功，进入下一关，点击按钮后会恢复玩家的血量，然后重新生成怪物，如果玩家死亡，就会回到提示回到主界面

点击后

游戏最后增加了BOSS，在玩家进入第四关时会出现BOSS角色，血量为20，玩家伤害为攻击一次减少1血量，当击杀BOSS后玩家通关游戏，回到主界面

当进入下一关时，清除所有怪物尸体，然后恢复玩家状态，如果是第四关的话，不再刷新怪物，出现BOSS

<code>next = () => {

groundSprite.switchMap();

guanqia.value = groundSprite.index;

isSuccess.value = false;

keySet = new Set();

personSprite.container.position.set(50, 415);

personSprite.hp = 10;

hp.value = 10;

killNum.value = 0;

let children = app.stage.children;

while (children.length > 2) {

app.stage.removeChild(children[children.length - 1]);

}

enemySpriteList = [];

isForEndList.value = [];

if (guanqia.value == 4) {

clearInterval(timer)

bossSprite = new BossSprite();

bossSprite.container.position.set(app.screen.width / 2, app.screen.height / 2)

app.stage.addChild(bossSprite.container);

bossHp.value = bossSprite.hp

}

};

 玩家击杀最终BOSS，游戏结束

回到主界面

小结

历经6天的游戏开发，本游戏终于迎来了1.0正式版本，虽说游戏开发完成，但还是仍存在一些小问题，但是我修BUG修的累，就没有管了，不会特别影响到游戏的游玩，本游戏使用Vue3加PixiJS开发，将免费开源，感兴趣的话可以下载运行（需要环境）或者使用在线地址预览游戏，喜欢请点个关注，本游戏告一段落！

在线预览地址: http://www.topbox.top:8089/

哔哩哔哩: https://space.bilibili.com/35310250?spm_id_from=333.1007.0.0

项目源码:https://gitee.com/violet_wmtxdy/original-game---discomfort

往期日志

【前端网页游戏开发】PixiJS开发2D闯关打怪游戏_前端游戏闯关-CSDN博客

【前端网页游戏开发】PixiJS开发2D游戏，更新内容-CSDN博客

【前端网页游戏开发】Vue3＋PixiJS开发2D闯关打怪游戏，更新内容（打斗-CSDN博客