JS小游戏-英雄打怪兽

最新推荐文章于 2022-10-25 09:59:00 发布

info_foo

最新推荐文章于 2022-10-25 09:59:00 发布

阅读量769

点赞数 3

分类专栏： # HTML CSS JS 小练习

本文链接：https://blog.csdn.net/weixin_45935720/article/details/107014755

版权

HTML CSS JS 小练习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="playMonster.js"></script>
    <script>
        
    </script>
</body>
</html>

CSS

/**
 * 游戏角色的构造函数
 * @param {*} name 角色名
 * @param {*} attack 攻击力
 * @param {*} defence 防御力
 * @param {*} hp 生命值
 * @param {*} CritRate 暴击率（0~100）
 */
function Charactor(name, attack, defence, hp, CritRate) {
    this.name = name;
    this.attack = attack;
    this.defence = defence;
    this.hp = hp;
    this.CritRate = CritRate;
    // 函数
    /**
     * 打印信息
     */
    this.print = function () {
        console.log(`${this.name}\t攻击力：${this.attack}\t防御力：${this.defence}\t生命值：${this.hp}\t暴击率：${this.CritRate}`)
    }

    /**
     * 攻击，返回对方是否死亡
     * @param {*} ctor 攻击对象
     */
    this.hit = function (ctor) {
        var damage = this.attack - ctor.defence;
        // 判断是否有暴击
        var rate = this.CritRate / 100;
        var rad = Math.random();
        var isCrit = false; //是否暴击
        if (rad <= rate) {
            isCrit = true;
            // 有暴击
            damage *= 2; //伤害翻倍
        }
        // 伤害至少为1
        if (damage < 1) {
            damage = 1;
        }
        ctor.hp -= damage;
        if (ctor.hp < 0) {
            ctor.hp = 0; //血量至少为0
        }
        console.log(`${isCrit?"暴击!":""}【${this.name}】攻击【${ctor.name}】,造成【${damage}】点伤害，对方当前血量为【${ctor.hp}】`)
        //对方是否死亡
        return ctor.hp === 0;
    }

}
var hero = new Charactor("英雄", 100, 20, 500, 30);
hero.print();
console.log("vs");
var monster = new Charactor("怪兽", 120, 30, 400, 5);
monster.print();

while (true) {
    if (hero.hit(monster)) {
        break;
    }
    if (monster.hit(hero)) {
        break;
    }
}

console.log("=======================");
hero.print();
monster.print();
console.log("游戏结束");

info_foo

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JS小游戏-英雄打怪兽

html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <scri
复制链接

扫一扫

专栏目录