JavaScript'回滚'以前的情况?

时间:2015-02-09 16:18:21

标签: javascript

同样,我正在制作游戏,但我遇到了另一个问题。我有一套玩家可以做的动作,直到他们耗尽精力。我遇到的问题是:当他们选择一个动作时,它会提示另一个动作。然而,当他们在提示中键入任何内容时,它会自行关闭。我知道一个解决方案:复制并粘贴代码,并通过重复代码基本上使代码扩大6倍。但我想知道是否有可能:我怎样才能这样做所以我可以在switch-statement中回滚一个案例来重复自己,但保留当前的统计数据?这是我的JavaScript(目前尚未完成)

var merchants = [{
  name : 'Weapons Merchant',
  items : [
    {type: "weapon", cost: 250, name: "Claymore"},
    {type: "weapon", cost: 75,  name: "Dagger"},
    {type: "weapon", cost: 350, name: "Magic Staff"},
    {type: "weapon", cost: 150, name: "Sword"},
    {type: "weapon", cost: 125, name: "Bow"},
    {type: "weapon", cost: 125, name: "Crossbow"},
    {type: "weapon", cost: 5,   name: "Arrow"},
    {type: "weapon", cost: 15,  name: "Bolt"}
  ]
}, {
  name : 'Armor Merchant',
  items : [
    {type: "clothing", slot: "head",     name: "Helmet"},
    {type: "clothing", slot: "head",     name: "Hood"},
    {type: "clothing", slot: "chest",    name: "Chestplate"},
    {type: "clothing", slot: "chest",    name: "Tunic"},
    {type: "clothing", slot: "chest",    name: "Robe"},
    {type: "clothing", slot: "leggings", name: "Legplates"},
    {type: "clothing", slot: "leggings", name: "Leggings"},
    {type: "clothing", slot: "leggings", name: "Undergarments"},
    {type: "clothing", slot: "feet",     name: "Boots"},
    {type: "clothing", slot: "feet",     name: "Armored Boots"}
  ]
},  {
  name: 'Material Merchant',
  items:  [
    {type: "material", name: "Leather", cost: 25},
    {type: "material", name: "Iron", cost: 50},
    {type: "material", name: "Steel", cost: 75},
    {type: "material", name: "Mythril", cost: 100},
    {type: "material", name: "Dragonbone", cost: 200}
  ]
}];

function findMerchant(merchants, name) {
  return find(merchants, function(merchant) {
    return merchant.name === name;
  });
}

function findItem(merchant, type, name) {
  return find(merchant.items, function(item) {
    return item.type === type && item.name === name;
  });
}

function findWithParams(arr, parameters) {
  return find(arr, function(item) {
    for (var parameter in parameters) {
      if (item[parameter] !== parameters[parameter]) {
        return false;
      }
      return true;
    }        
  });
}

function find(arr, predicateFn) {
  var found = null;
  arr.forEach(function(item, index, items) {
    if (predicateFn.apply(undefined, arguments)) {
      found = item;
      return true;
    }
    return false;
  });
  return found;
}

function fight()  {
  var armorMerchant = findMerchant(merchants, 'Armor Merchant');
  var weaponMerchant = findMerchant(merchants, 'Weapons Merchant');
  var materialMerchant = findMerchant(merchants, 'Material Merchant');
  var energy = 100;
  var day = 3;
  var money = 1000;
  var armor = ['Mythril Chestplate', 'Mythril Legplates', 'Leather Hood'];
  var weapon = [];
  var intro = prompt("You are a hero who saved your town from a dragon attack years ago. You had fun murdering that dragon, but sadly no dragon has attacked since. Just when all hope is lo, you hear the sirens ring through the city. You know what that means. Do you PREPARE, or IGNORE THE SIRENS?").toUpperCase();
  switch(intro)  {
    case 'PREPARE':
      if(intro === "PREPARE") {
        var decision1 = prompt("You decided to " + intro + ". You need to choose what you will do. Keep in mind, the more activities you do, the less energy you have! You only have 3 days to prepare! What do you do? Do you SEARCH ARMOR STAND, SEARCH WEAPON STAND, GO TO MERCHANT, FIGHT DRAGON, TRAIN, or SLEEP?").toUpperCase();
        if(decision1 === "SEARCH ARMOR STAND" && energy >= 5)  {
          energy -= 5;
          prompt("You check your armor rack, but happen to stub your toe on the way. You now have " + energy + " energy. You manage to check your armor rack, and you currently have: " + armor + " on your rack. What do you do now? SEARCH ARMOR STAND, SEARCH WEAPON STAND, GO TO MERCHANT, FIGHT DRAGON, TRAIN, or SLEEP?")
        }
        else  {
          alert("You don't have enough Energy!");
        }
        if(decision1 === "SEARCH WEAPON STAND" && energy >= 10)  {
          energy -= 10;
          prompt("You go downstairs to search your weapon stand. Your weapon stand includes: " + weapon + ". On your way back up, you cut your finger on the broken piece of glass. You now have " + energy + " energy. What do you do now? SEARCH ARMOR STAND, SEARCH WEAPON STAND, GO TO MERCHANT, FIGHT DRAGON, TRAIN, or SLEEP?")
        }
      }
  }
}
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);

html, body  {
  background: #000;
  margin: 0;
  padding: 0;
}
#wrap  {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.container  {
  position: relative;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 570px;
  height: 350px;
  border: 6px ridge orange;
  padding: 0;
}
.container img  {
  position: absolute;
  bottom: 0px;
  width: 570px;
  height: 350px;
  z-index: -1;
}
p.intro  {
  color: black;
  text-shadow:
    -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px 1px 0 #FFF;  
}
h2.header  {
    text-shadow:
    -1px -1px 0 #FFA500,
    1px -1px 0 #FFA500,
    -1px 1px 0 #FFA500,
    1px 1px 0 #FFA500;  
}
.box  {
  float: left;
  min-width: 567px;
  min-height: 350px;
}
.box h2  {
  font-family: 'Permanent Marker', cursive;
  font-size: 200%;
  text-align: center;
}
.box p  {
  font-family: 'Permanent Marker', arial;
  text-align: center;
}
.box a  {
  position: absolute;
  left: 165px;
  display: inline-block;
  border: 3px groove #000;
  border-radius: 5px;
  background: red;
  margin-left: auto;
  margin-right: auto;
  width: 225px;
  height: 75px;
  font-family: 'Permanent Marker', cursive;
  color: #FFA500;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
  text-align: center;
}
.battles img  {
}
<html>
  <body>
    <div id="wrap">
      <div class="box">
        <div class="container">
          <h2 class="header">Dragon Slayer - REBORN!</h2>
          <p class="intro">You are a hero who saved your town from a dragon attack years ago. You had fun murdering that dragon, but sadly no dragon has attacked since. Just when all hope is lost, you hear the sirens ring through the city. You know what that means.</p>
          <a href="javascript:fight()"><br>BEGIN!</a>
          <img class="scenario"  src="http://www.thegaminghideout.com/school/stage1.png">
          <div class="battles">
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

需要注意的事项

如果可能,当案例回滚到上一个提示/步骤时,它也应该保持当前的能量/天变量。 如果可能的话,它可以回到之前的提示吗? 如果不可能,我如何尽可能缩短代码以使其符合我的要求?

0 个答案:

没有答案
相关问题