【前端网页游戏开发】Vue3＋PixiJS开发2D闯关打怪游戏，开发时长为6天，成功推出v1.0正式版

更新内容

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

点击后

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

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

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博客