javascript - 游戏组件的Javascript类结构

我今天在这里对如何处理我计划编写的某个类方案有更多的设计/概念疑问。

达成协议，我要实现一个Monster类，该类将容纳与我的游戏中存在的各种Monster有关的大多数数据，但不会容纳有效数据，实际上，我想在此处存储的范围是可能的值，因此当我实际创建一个怪物对象时，它的属性将在遇到的怪物的种族/种类范围内。

举例说明：
我将有不同类型的怪物，老鼠，蜘蛛，蛇，狼。每个这种物种都会在某些范围内滚动属性：

Rat: Attack [5,9], Defense [3,5]
Spider: Attack [6,11], Defense [4,5]
...

我想将这些数据保存在我的js文件中的JSON对象上，然后从中加载其数据，并在遇到该值时准备创建Monster对象。

让我困扰的是我应该为此做的设计。我会说，引用怪物类型的一种好方法是，比如Monster.Rat，Monster.Spider，并在遇到这种情况时调用其构造函数：Monster.Spider（）->将给我一个怪物对象具有蜘蛛范围内的随机属性。

同样在某个时间点上，我想创建特定的区域来查找特定类型的怪物，但是我无法清楚地看到我将如何以简单的方式做到这一点，而又不会使代码难以阅读。

几个月前，我使用Swift做过这样的事情，而我做的方法是针对每种想要的怪物使用一种对Monster的类方法，但这很难维护，因为如果我想改变怪物的方式，创建后，我将不得不更改所有方法，还为所需的每种新型怪物添加新方法。

您认为处理这样​​的游戏设计的最佳方法是什么？我知道我不想为我拥有的每种新型怪物创建新的类来扩展Monster，因为这给我带来了极大的错误和糟糕的设计。

谢谢您的宝贵时间，我会根​​据我发现的任何有趣的信息及时更新此帖子。

最佳答案

编辑：我也为您对该脚本做了一些改进-只是强调了可以做的事情：

var Monster = {
    monsters: {
        rat: {
            attack: [5, 9],
            defense: [3, 5],
            health: [5, 10],
            title: "Rat"
        },

        spider: {
            attack: [6, 11],
            defense: [4, 5],
            health: [4, 6],
            title: "Spider"
        }
    },

    create: function(type) {
        // choose type at random if not specified
        if(typeof type !== "string") {
            var keys = [ ];
            for(var key in this.monsters) {
                if(this.monsters.hasOwnProperty(key)) {
                    keys.push(key);
                }
            }

            type = keys[Math.floor(Math.random() * keys.length)];
        }

        // check if given monster type exists
        if(typeof this.monsters[type] === "undefined") {
            throw new TypeError('invalid monster type "' + type + '"');
        }

        var monster = { };

        /*
         * This allows you to add new attributes and not have to change any
         * of this code, except the attributes object for each monster.
         */
        for(var attribute in this.monsters[type]) {
            if(this.monsters[type].hasOwnProperty(attribute)) {
                var a = this.monsters[type][attribute];

                if(typeof a == "object") {
                    a = Math.floor(Math.random() * (a[1] - a[0] + 1) + a[0]);
                }

                monster[attribute] = a;
            }
        }

        return monster;
    }
};

console.log(Monster.create('rat'));
console.log(Monster.create('spider'));
console.log(Monster.create());

这就是我要做的，这很好而且很简单，并且将来可以轻松添加怪物和属性：

var Monster = {
    monsters: {
        rat: {
            attack: [5, 9],
            defense: [3, 5],
        },

        spider: {
            attack: [6, 11],
            defense: [4, 5]
        }
    },

    create: function(type) {
        // check if given monster type exists
        if(typeof this.monsters[type] === "undefined") {
            throw new TypeError('invalid monster type "' + type + '"');
        }

        var monster = { };

        /*
         * This allows you to add new attributes and not have to change any
         * of this code, except the attributes object for each monster.
         */
        for(var attribute in this.monsters[type]) {
            if(this.monsters[type].hasOwnProperty(attribute)) {
                var a = this.monsters[type][attribute];
                monster[attribute] = Math.floor(Math.random() * (a[1] - a[0] + 1) + a[0]);
            }
        }

        return monster;
    }
};

console.log(Monster.create('rat'));
console.log(Monster.create('spider'));

关于javascript - 游戏组件的Javascript类结构，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32382116/