Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Javascript III #744

Closed
wants to merge 5 commits into from
Closed

Javascript III #744

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
336ee38
Complete this.js portion
benhall-7 Oct 9, 2019
fa6d27a
prorotypes for GameObject and CharacterStats
benhall-7 Oct 9, 2019
4d897eb
finish prototypes.js basic goals
benhall-7 Oct 9, 2019
96f2357
un-indent a section of code
benhall-7 Oct 9, 2019
24c6816
partial stretch goals
benhall-7 Oct 9, 2019
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
205 changes: 137 additions & 68 deletions assignments/prototypes.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,28 @@
* dimensions (These represent the character's size in the video game)
* destroy() // prototype method that returns: `${this.name} was removed from the game.`
*/

function GameObject(settings) {
this.createdAt = settings.createdAt;
this.name = settings.name;
this.dimensions = settings.dimensions;
}
GameObject.prototype.destroy = function() { return `${this.name} was removed from the game.`; }
/*
=== CharacterStats ===
* healthPoints
* takeDamage() // prototype method -> returns the string '<object name> took damage.'
* should inherit destroy() from GameObject's prototype
*/
function CharacterStats(settings) {
GameObject.call(this, settings);
this.healthPoints = settings.healthPoints;
}
CharacterStats.prototype = Object.create(GameObject.prototype);
CharacterStats.prototype.takeDamage = function() { return `${this.name} took damage.` };

/*let test = new CharacterStats("home", "bob", "2x2", "500");
console.log(test.takeDamage());
console.log(test.destroy());*/

/*
=== Humanoid (Having an appearance or character resembling that of a human.) ===
Expand All @@ -32,7 +47,16 @@
* should inherit destroy() from GameObject through CharacterStats
* should inherit takeDamage() from CharacterStats
*/


function Humanoid(settings) {
CharacterStats.call(this, settings);
this.team = settings.team;
this.weapons = settings.weapons;
this.language = settings.language;
}
Humanoid.prototype = Object.create(CharacterStats.prototype);
Humanoid.prototype.greet = function() { 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.
Expand All @@ -41,70 +65,115 @@

// 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 constructor functions that inherit from the Humanoid constructor function.
// * 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!
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 constructor functions that inherit from the Humanoid constructor function.
// * 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!

function Villain(settings) {
Humanoid.call(this);
this.deadlyAttack = settings.deadlyAttack;
this.treacherousnessMultiplier = settings.treacherousnessMultiplier;
this.attackDamage = settings.attackDamage;
}
Villain.prototype = Object.create()
Villain.prototype.attack = function(target) {
let dmg = this.attackDamage * this.treacherousnessMultiplier;
target.healthPoints -= dmg;
target.takeDamage();
console.log(`(${dmg} damage, ${target.healthPoints} HP)`)
}
Villain.prototype.attackDeadly = function(target) {
console.log(`${this.name} uses his deadly attack: ${this.deadlyAttack}!`);
let dmg = this.attackDamage * this.treacherousnessMultiplier * 5;
target.healthPoints -= dmg;
target.takeDamage();
console.log(`(${dmg} damage, ${target.healthPoints} HP)`)
}

function Hero(settings) {
Humanoid.call(this);
this.bestFriend = settings.bestFriend;
this.charisma = settings.charisma;
this.attackDamage = 100;
}
Hero.prototype = Object.create(Humanoid);
Hero.prototype.attack = function(target) {
let dmg = this.attackDamage + this.charisma;
target.healthPoints -= dmg;
target.takeDamage();
console.log(`(${dmg} damage, ${target.healthPoints} HP)`)
}
Hero.prototype.heal = function(amount) {
this.healthPoints += amount;
console.log(`${this.name} heals ${amount} points! (${this.healthPoints} HP)`);
}
Hero.prototype.deusExMachina = function(target) {
console.log(`A wind rushes past you... You turn to see, ${this.bestFriend} lends you his power!`)
console.log("Suddenly, the hero finds courage! A powerful blow to the enemy!");
target.healthPoints = 0;
target.destroy();
}
32 changes: 24 additions & 8 deletions assignments/this.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,42 @@
/* The for principles of "this";
* in your own words. explain the four principle for the "this" keyword below.
*
* 1.
* 2.
* 3.
* 4.
* 1. If you aren't in an object's scope, "this" refers to the entire window
* 2. If an object calls a function with the "." syntax, the function uses the object as "this" implicitly
* 3. If you use a constructor with the new keyword, "this" refers to the specific instance created by it
* 4. If you use js' "call" or "apply" methods you get to set the "context" of it explicitly to another object, thereby changing what "this" refers to
*
* write out a code example of each explanation above
*/

// Principle 1

// code example for Window Binding
function whatIsThis(that) {
console.log(`this is ${this} and that is ${that}`);
}
whatIsThis(42);

// Principle 2

// code example for Implicit Binding
let messageFromSpace = {
message: "You have 100 years to surrender",
relayMessage() { console.log(this.message) },
}
messageFromSpace.relayMessage();

// Principle 3

// code example for New Binding
function Constructor() {
this.name = "Bill";
this.job = "Constructing"
this.doJob = function() {
console.log(`Hey ${this.name}, do your job!`);
console.log(`I am doing ${this.job} already!`);
}
}
constructor = new Constructor();
constructor.doJob();

// Principle 4

// code example for Explicit Binding
whatIsThis.call(constructor, constructor.name);