Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
288 changes: 158 additions & 130 deletions classes.js
Original file line number Diff line number Diff line change
@@ -1,131 +1,159 @@
/*
Object oriented design is commonly used in video games. For this part of the assignment you will be implementing several classes with their correct inheritance hierarchy.

In this file you will be creating three classes: GameObject, CharacterStats, Humanoid.

At the bottom of this file are 3 objects that all end up inheriting from Humanoid. Use the objects at the bottom of the page to test your classes.

Each class has unique properties and methods that are defined in their block comments below:
*/

// ++++ Example Class +++++

class Employee{
constructor(attributes) {
this.name = attributes.name;
}

task() {
return `${this.name} is working on a task.`;
}
}

const fred = new Employee({
name: 'Fred',
});

console.log("This is example result: ", fred.task());

// ++++ YOUR ASSIGNMENT STARTS HERE +++++


/*
=== GameObject ===
* createdAt
* name
* dimensions (These represent the character's size in the video game)
* destroy() // A method that returns: `${this.name} was removed from the game.`
*/

/*
=== CharacterStats ===
* healthPoints
* takeDamage() // A method -> returns the string '<object name> took damage.'
* should inherit destroy() from GameObject's method
*/

/*
=== Humanoid (Having an appearance or character resembling that of a human.) ===
* team
* weapons
* language
* greet() // A method -> returns the string '<object name> offers a greeting in <object language>.'
* should inherit destroy() from GameObject through CharacterStats
* should inherit takeDamage() from CharacterStats
*/

/*
* Inheritance chain: GameObject -> CharacterStats -> Humanoid
* Instances of Humanoid should have all of the same properties as CharacterStats and GameObject.
* Instances of CharacterStats should have all of the same properties as GameObject.
*/

// Test you work by un-commenting these 3 objects and the list of console logs below:

/*
const mage = new Humanoid({
createdAt: new Date(),
dimensions: {
length: 2,
width: 1,
height: 1,
},
healthPoints: 5,
name: 'Bruce',
team: 'Mage Guild',
weapons: [
'Staff of Shamalama',
],
language: 'Common Tongue',
});

const swordsman = new Humanoid({
createdAt: new Date(),
dimensions: {
length: 2,
width: 2,
height: 2,
},
healthPoints: 15,
name: 'Sir Mustachio',
team: 'The Round Table',
weapons: [
'Giant Sword',
'Shield',
],
language: 'Common Tongue',
});

const archer = new Humanoid({
createdAt: new Date(),
dimensions: {
length: 1,
width: 2,
height: 4,
},
healthPoints: 10,
name: 'Lilith',
team: 'Forest Kingdom',
weapons: [
'Bow',
'Dagger',
],
language: 'Elvish',
});

console.log(mage.createdAt); // Today's date
console.log(archer.dimensions); // { length: 1, width: 2, height: 4 }
console.log(swordsman.healthPoints); // 15
console.log(mage.name); // Bruce
console.log(swordsman.team); // The Round Table
console.log(mage.weapons); // Staff of Shamalama
console.log(archer.language); // Elvish
console.log(archer.greet()); // Lilith offers a greeting in Elvish.
console.log(mage.takeDamage()); // Bruce took damage.
console.log(swordsman.destroy()); // Sir Mustachio was removed from the game.
*/

// Stretch task:
// * Create Villain and Hero class that inherit from the Humanoid class.
// * Give the Hero and Villains different methods that could be used to remove health points from objects which could result in destruction if health gets to 0 or drops below 0;
/*
Object oriented design is commonly used in video games. For this part of the assignment you will be implementing several classes with their correct inheritance hierarchy.

In this file you will be creating three classes: GameObject, CharacterStats, Humanoid.

At the bottom of this file are 3 objects that all end up inheriting from Humanoid. Use the objects at the bottom of the page to test your classes.

Each class has unique properties and methods that are defined in their block comments below:
*/

// ++++ Example Class +++++

class Employee{
constructor(attributes) {
this.name = attributes.name;
}

task() {
return `${this.name} is working on a task.`;
}
}

const fred = new Employee({
name: 'Fred',
});

console.log("This is example result: ", fred.task());

// ++++ YOUR ASSIGNMENT STARTS HERE +++++


/*
=== GameObject ===
* createdAt
* name
* dimensions (These represent the character's size in the video game)
* destroy() // A method that returns: `${this.name} was removed from the game.`
*/
class GameObject {
constructor(properties) {
this.createdAt = properties.createdAt;
this.dimensions = properties.dimensions;
}

destroy() {
return `${this.name} was removed from the game`;
}
}

/*
=== CharacterStats ===
* healthPoints
* takeDamage() // A method -> returns the string '<object name> took damage.'
* should inherit destroy() from GameObject's method
*/
function CharacterStats(charAttributes){
this.hp=charAttributes.hp;
this.name=charAttributes.name;
GameObject.call (this, charAttributes);
}
CharacterStats.prototype = Object.create(GameObject.prototype);
CharacterStats.prototype.takeDamage= function(){
return `${this.name} took damage.`
}
/*
=== Humanoid (Having an appearance or character resembling that of a human.) ===
* team
* weapons
* language
* greet() // A method -> returns the string '<object name> offers a greeting in <object language>.'
* should inherit destroy() from GameObject through CharacterStats
* should inherit takeDamage() from CharacterStats
*/
class Humanoid extends CharacterStats {
constructor(object) {
super(object);
this.team = object.team;
this.weapons = object.weapons;
this.language = object.language;
}

greet() {
return `${this.name} offers a greeting in ${this.language}`
}
}
/*
* Inheritance chain: GameObject -> CharacterStats -> Humanoid
* Instances of Humanoid should have all of the same properties as CharacterStats and GameObject.
* Instances of CharacterStats should have all of the same properties as GameObject.
*/

// Test you work by un-commenting these 3 objects and the list of console logs below:


const mage = new Humanoid({
createdAt: new Date(),
dimensions: {
length: 2,
width: 1,
height: 1,
},
healthPoints: 5,
name: 'Bruce',
team: 'Mage Guild',
weapons: [
'Staff of Shamalama',
],
language: 'Common Tongue',
});

const swordsman = new Humanoid({
createdAt: new Date(),
dimensions: {
length: 2,
width: 2,
height: 2,
},
healthPoints: 15,
name: 'Sir Mustachio',
team: 'The Round Table',
weapons: [
'Giant Sword',
'Shield',
],
language: 'Common Tongue',
});

const archer = new Humanoid({
createdAt: new Date(),
dimensions: {
length: 1,
width: 2,
height: 4,
},
healthPoints: 10,
name: 'Lilith',
team: 'Forest Kingdom',
weapons: [
'Bow',
'Dagger',
],
language: 'Elvish',
});

console.log(mage.createdAt); // Today's date
console.log(archer.dimensions); // { length: 1, width: 2, height: 4 }
console.log(swordsman.healthPoints); // 15
console.log(mage.name); // Bruce
console.log(swordsman.team); // The Round Table
console.log(mage.weapons); // Staff of Shamalama
console.log(archer.language); // Elvish
console.log(archer.greet()); // Lilith offers a greeting in Elvish.
console.log(mage.takeDamage()); // Bruce took damage.
console.log(swordsman.destroy()); // Sir Mustachio was removed from the game.

// Stretch task:
// * Create Villain and Hero class that inherit from the Humanoid class.
// * Give the Hero and Villains different methods that could be used to remove health points from objects which could result in destruction if health gets to 0 or drops below 0;
// * Create two new objects, one a villain and one a hero and fight it out with methods!
20 changes: 10 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<html>
<head>
<title>Class and Prototype</title>
</head>
<body>
<h1>Look at the console</h1>

<script src="classes.js"></script>
<script src="prototypes.js"></script>
</body>
<html>
<head>
<title>Class and Prototype</title>
</head>
<body>
<h1>Look at the console</h1>
<script src="classes.js"></script>
<script src="prototypes.js"></script>
</body>
</html>
22 changes: 11 additions & 11 deletions prototypes.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
// In this assignment, you will be creating a a constructor function named "Person" and then create your whole family from that constructor.


// Create "Person" constructor function
// Give it "Name", "Age", "Hobby" properties
// Also give it a method "Speak", which says "Hello, My name is + name + and I'm + age + years old. I love + Hobby"


// Move the "Speak" method outside of the constructor function and into the prototype.
// Create an object named "Me" using the "Person" constructor function
// Call the "Speak" method on the "Me" object
// In this assignment, you will be creating a a constructor function named "Person" and then create your whole family from that constructor.
// Create "Person" constructor function
// Give it "Name", "Age", "Hobby" properties
// Also give it a method "Speak", which says "Hello, My name is + name + and I'm + age + years old. I love + Hobby"
// Move the "Speak" method outside of the constructor function and into the prototype.
// Create an object named "Me" using the "Person" constructor function
// Call the "Speak" method on the "Me" object
// Console log all your results