cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
               <div class="layer">
  <div id="page" class="container col-sm-offset-3 col-sm-6 text-center">
    <div id="header">
      <h1>Age of Ascension</h1>
    </div>  
    <img id="image" class="img-responsive">
    <p id="story"></p>
    <button id="1" type="button"></button>
    <button id="2" type="button"></button>
  </div>
</div>  
            
          
!
            
              @import url("https://fonts.googleapis.com/css?family=Nunito:300|Revalia");
html,body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font: normal 300 16px 'Nunito', sans-serif;
  background: #000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
  color: #0A0A0A;
}
.layer {
  background: transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  z-index: 1;
  height: 100%;
  -webkit-animation: move-twink-back 200s linear infinite;
  animation: move-twink-back 200s linear infinite;
}
@-webkit-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}    
@keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}
button {
  display: block;
  padding: 2px 20px;
  margin: 20px auto;
  border: 0;
  border-radius: 2px;
  letter-spacing: 1px;
  color: #F2F2F2;
  outline: none;
  background: -webkit-linear-gradient(top, #7C0072,#43003E);
  background: linear-gradient(top, #7C0072,#43003E);
  -webkit-transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
}
button:hover {
  box-shadow: 0px 0px 10px 2px rgba(0,90,33,0.75);
  -webkit-transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
}
#page {
  background: #F2F2F2;
  min-height: 100%;
  padding-bottom: 50px;
  box-shadow: 0 0 8px 8px rgba(255,255,255,0.10);
}
#header {
  margin: 0 -15px;
  padding: 25px 15px 35px;
  font-family: 'Revalia', sans-serif;
  color: #F2F2F2;
  filter: hue-rotate(0deg);
  background: linear-gradient(45deg,#5A0053,#005A21);
  animation: hue 10s infinite linear;
  -webkit-animation: hue 10s infinite linear;
}
@keyframes hue {
  0% { filter: hue-rotate(0deg);}
  100% { filter: hue-rotate(360deg);}
}
@-webkit-keyframes hue {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}
#image {
  max-width: 200px;
  margin: 50px auto 0;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(50, 50, 50, 0.25));
  filter: drop-shadow(3px 3px 3px rgba(50, 50, 50, 0.25));
}
#story {
  text-align: justify;
  line-height: 1.75;
  margin: 50px 0;
}
@media (min-width: 1024px) {
  #image {
    max-width: 400px;
  }
}
            
          
!
            
              $(document).ready(function() {
  'use strict';
  // initial story and buttons for the first choice
  $('#image').attr('src',story[0].image);
  $('#story').html(story[0].text);
  $('#1').text(story[0].button1);
  $('#2').text(story[0].button2);
  $('#1,#2').css('display',story[0].display);
  // counter variable start
  var start = 0;
  // choice 1
  $('#1').click(function() {
    var x = (start + '1');
    // testing the function counter
    console.log(x);
    for (var i = 0; i < story.length; i++ ) {
      if ( x === story[i].story) {
        start = story[i].story;
        if ( story[i].image === '') {
          $('#image').attr('src',story[0].image);
        } else {
          $('#image').attr('src',story[i].image);        
        }
        $('#story').html(story[i].text);
        $('#1').text(story[i].button1);
        $('#2').text(story[i].button2);
        $('#1,#2').css('display',story[i].display);
        return;
      } else {
      }
    }
  });
  //choice 2
  $('#2').click(function() {
    var x = (start + '2');
    // testing the function counter
    console.log(x);
    for (var i = 0; i < story.length; i++ ) {
      if ( x === story[i].story) {
        start = story[i].story;   
        if ( story[i].image === '') {
          $('#image').attr('src',story[0].image);
        } else {
          $('#image').attr('src',story[i].image);        
        }        
        $('#story').html(story[i].text);
        $('#1').text(story[i].button1);
        $('#2').text(story[i].button2);
        $('#1,#2').css('display',story[i].display);
        return;
      } else {
      }
    }
  });
}); // end jquery

var story = [
  // ========== 
  // part 0
  // ========== 
  {
    story: 'initial story',
    image: 'http://brandonsco.de/portfolio/cyoa/images/trinary.jpg',
    text: 'Our story begins on a small planet in a trinary system (a solar system with three suns). You are twenty years old and live in a small village just outside of town. Recently, you finished school as an engineer and are deciding what to do next. A friend, named Yonek, wants you to join him as a robotics engineer in the big city of Athron. Another friend, Danii, thinks you should become a traveling ship engineer with her. <br><br><strong>Decision, decisions...</strong>',
    button1: 'Go with Yonek to Athron and become a robotic engineer',
    button2: 'Go with Danii and become a traveling ship engineer',
    display: ''
  },
  // ========== 
  // part 1
  // ========== 
  {
    story: '01',
    image: '',
    text: 'The next morning, you meet Yonek at his house and you start your journey to Athron. You ask Yonek how long the trip will take. <br><br>Yonek replies, "It will take about six hours to get to Athron." <br><br>Both of you get on your speeders and begin your trip. About halfway through your trip, a giant storm moves in begins to flood the highway with water and ice. A huge gust of wind knocks you off your speeder. You go tumbling down a hillside into a canyon. Luckily, a safety bubble deployed when you were disengaged from the speeder. You climb out of the bubble and have a decision to make... Climb back up the hillside or follow the river that runs along the canyon bottom?',
    button1: 'Climb up the hillside',
    button2: 'Follow the river',
    display: ''
  },
  {
    story: '02',
    image: '',
    text: 'The next morning, you meet Danii at her house. Both of you head to town on your speeders. You must catch the next transport ship heading to the main ship hub in the southern part of the planet. Danii asks you if you would like a snack while you wait. <br><br>You reply, "No thanks. I ate a big breakfast this morning." <br><br>Finally, a ship arrives and swiftly takes you to the main ship hub. Upon arrival, both you and Danii must find a ship that needs engineers. You come across two ships willing to take both of you. One of the ships is a large transport ship that hauls cargo all throughout the galaxy. The ship is a bit slow, since it hauls cargo, but there is lots of space and plenty of free time. The other ship is a smaller scout ship that travels to distant regions all over the galaxy. It is much faster, but it is a bit cramp and travels to potentially dangerous places. Which ship should you and Danii pick?',
    button1: 'The transport ship',
    button2: 'The scout ship',
    display: ''
  },
  // ========== 
  // part 2
  // ========== 
  {
    story: '011',
    image: '',
    text: 'You start the climb up the hillside, but it&#39s really muddy and you keep sliding back down to the bottom. Exhausted, you look for a dry area to rest. You spot what looks like a cave, so you carefully walk over and examine it. You are aware of the legends about  a dragon-like beast that live in these hills, so you grab a large stick just in case. The emergency bubble had a survival kit, so you take the flashlight out and shine it inside the cave. As you shine the light deeper inside the cave, you notice what looks like a pair of eyes staring back at you. Yikes!!! Should you make a run for it out of the cave or do you find out what might be in the cave?',
    button1: 'Make a run for it!!!',
    button2: 'Venture deeper into the cave and find out what might be in there',
    display: ''
  },
  {
    story: '012',
    image: '',
    text: 'You start walking along the river bank. It is cold and wet, but you continue along the river until you see a bridge. In the distance, you notice somebody on a speeder waving at you. It&#39s Yonek!!! When you finally reach the bridge and Yonek, he hands you hot cup of tea. <br><br>He asks, "What happened to you? All of a sudden, I looked back and you weren&#39t there, so I pulled over at the first bridge crossing hoping you would show up. <br><br>You reply, "I fell off my speeder and slid down a hillside, so I decided to follow the river out. I am so happy to see you!" <br><br>Once you warm up and dry off a bit, you climb on the back of Yonek&#39s speeder and the two of you finish your ride to Athron. You finally make it to the big city. Upon arrival, there are lots of robotic companies looking for new engineers. Both you and Yonek narrow the offers down to two. One company offers the chance to build robots that can pilot ships. The other company builds robots that carry out spy missions. Which sounds best?',
    button1: 'I want to build robot pilots',
    button2: 'I want to build robot spies',
    display: ''
  },
  {
    story: '021',
    image: '',
    text: 'You and Danii board the transport ship the next afternoon. Your next destination is a planet called Danobulan. The captain instructs you to take a look at the starboard (right-side) engine. He says it has been acting funny and is not 100 percent. While working on the engine, the ship comes to a full stop. Puzzled, you leave the engine room to find out what has happened. You hear a large blast, so you take cover. There is a lot of shouting and you spot the captain with another figure in the shadow. Suddenly, the shadowy figure pulls out an energy sword and strikes the captain down. You gasp as he hits the floor. The shadowy figure notices you and casually walks over to your position. Petrified with fear, you are speechless. The figure removes her hood and glares at you with her glowing eyes. <br><br>She demands, "Join me or perish!!!" <br><br>You are left with two choices, join her or battle her',
    button1: 'Join her',
    button2: 'Battle her',
    display: ''
  },
  {
    story: '022',
    image: '',
    text: 'You and Danii board the scout ship the next afternoon. Your next destination is a planet called Karak. The captain asks both you and Danii to take a look at the ventral cannon. He says the cannon locks up from time to time. Both of you get to work on the cannon. About two hours into the repair, a shipwide alarm goes off. The captain instructs everybody to get to their battle stations. As engineers, both you and Danii are told to report to the engine room. The lead engineer puts you in charge of the cooling system which is located on the port (left) side of the engine room. While monitoring the cooling system, a huge explosion rips the engine room apart. You look over and see Danii barely hanging onto a piece of pipe. She is about to be sucked into space. Do you go over and help her or do you run for safety?',
    button1: 'Save Danii',
    button2: 'Run for safety',
    display: ''
  },
  // ==========  
  // part 3
  // ========== 
  {
    story: '0111',
    image: '',
    text: 'You make a run for it!!! Whatver is inside the cave becomes startled and releases a loud bellow. You lose your balance and trip over a rock falling to the ground. The ground is soaked from the rain, so you struggle to get up. The creature releases another loud bellow and you can feel that it is right behind you!!! You quickly turn around. Towering above you is creature with the head of a dragon and the body of humanoid robot. It pauses for a moment... <br><br>"Why have you dared to wake me during my slumber?", the creature roars. <br><br>Caught off-guard, you are uncertain how to respond. In the distance you spot a sword, but it&#39s buried under mud and you aren&#39t sure if the sword is broken. You can either go for the sword or try to apologize to the creature for waking it.',
    button1: 'Go for the sword',
    button2: 'Apologize to the creature',
    display: ''
  },
  {
    story: '0112',
    image: '',
    text: 'You venture deeper into the cave. As you continue deeper into the cave, the eyes shining back at you become bigger and bigger. In the shadows, the outline of a large figure begins to unfold under your light. A full head begins to emerge. It looks like a dragons head, with it&#39s eyes staring right at you; however, it sounds like it is snoring. The creature must be able to sleep with its eyes open. Suddenly, the snoring stops... <br><br>The creature turns its eyes toward you and says, "Greetings, youngling." <br><br>In a state of confusion, you can either reply to the creature or throw your flashlight at it and run.',
    button1: 'Say, "Hello"',
    button2: 'Throw your flashlight at the creature and run',
    display: ''
  },
  {
    story: '0121',
    image: '',
    text: 'You decide to build pilots with Yonek. The next morning, your boss asks both you and Yonek to report to Hanger #3. You will be traveling to an outer rim planet that houses a factory for one its new prototypes. You board the ship and take off for the distant planet. The project will take a month, so you&#39re happy you won&#39t be gone too long. An hour into your flight, the ship begins to make evasive maneuvers. Over the communication system, the captain announces the ship is under attack. A huge explosion rips a giant hole in your ship and everbody starts running toward the escape pods. Before you make it to an escape pod, you get stunned and you fall helplessly to the floor. <br><br>When you awaken, you find yourself laying on the floor in the middle of a large room. <br><br>A figure lurks in the shadows and declares, "Choose a weapon!!!" <br><br>There are only two weapons available; a small sword or a long staff.',
    button1: 'Grab the small sword',
    button2: 'Grab the long staff',
    display: ''
  },
  {
    story: '0122',
    image: '',
    text: 'You decide to build spies with Yonek. The next morning, your boss instructs you to report to the lower engineering facility. Upon arrival, all of the lights go out except for a powerful one that illuminates just the center of the room. As you walk toward the center of the room a large robotic figure appears from the opposite side. <br><br>The figure moves into the light and introduces himself, "I am Megatronic. Join me and my band of marauders or battle to your doom!!!',
    button1: 'Join Megatronic',
    button2: 'Battle Megatronic',
    display: ''
  },
  {
    story: '0211',
    image: '',
    text: 'You decide to join her. <br><br>She introduces herself, "You have chosen wisely. My name is Putrice, a leader in the evil kingdom of Zagreb." <br><br>Uncertain of what you have just joined, you go along with Putrice. She instructs you to join her on her ship, so you leave your old ship behind and board her cruiser. Once on board, you notice that they have captured your friend Danii. In that moment, you notice that you have an opening... You can overpower the guard that is holding Danii and grab his blaster, then make a run for it back to your old ship or you can continue to follow Putrice and become part of her group.',
    button1: 'Overpower the guard and rescue Danii',
    button2: 'Follow Putrice and join her group',
    display: ''
  },
  {
    story: '0212',
    image: '',
    text: 'You decide to battle her. <br><br>She introduces herself, "You have chosen poorly. My name is Putrice, a leader in the evil kingdom of Zagreb." <br><br>She throws a saber on the ground in front of you and instructs you to pick it up. You bend down to grab the saber. As soon as it&#39s in your hands, Putrice lunges at you with her saber. Luckily, you&#39ve had training and know how to handle a saber. You quickly parry her attack and you begin your counter-attack. As she lunged to your left side, you try to attack from your right. You try to swipe at her head, but she quickly ducks and gives you a kick to your ribs. You fall backwards to the ground, but quickly get back on your feet. Putrice attempts a jumping frontal attack at you. Should you try to roll under her jump and attack from behind or roll to the side and attack from the side?',
    button1: 'Roll under and attack from behind',
    button2: 'Roll to the side and attack from the side',
    display: ''
  },
  {
    story: '0221',
    image: '',
    text: 'You run over to save Danii from the suction of space. With all your strength, you are able to pull her from that room. Both of you run out of that section of the ship to safety. Since you are an experienced pilot, Danii suggests you get to the cockpit while she goes to the cannon. You agree and run to the cockpit. Both pilots are gone and the ship is still under attack. You grab the controls and notice the ventral cannons firing at the enemy ship. It&#39s Danii, giving cover fire. You take that moment to chart either a path to a nearby asteroid field or a nearby nebula. You might be able to lose the other ship in the asteroid field, but you could also get crushed by a giant asteroid or you might be able to hide in the clouds of the nebula, but there may steer into a storm that could destroy the ship.',
    button1: 'Chart a path to the asteroid field',
    button2: 'Chart a path to the nebula',
    display: ''
  },
  {
    story: '0222',
    image: '',
    text: 'You run to safety and sadly Danii gets sucked out into space. You continue to the cockpit where you find it empty. With no other crew members around, you are on yor own. You take the controls and pilot away from the enemy ship. The enemy ship pursues and keeps firing on your ship. The engine begins to sputter and finally stops working. It catches fire and you are stuck sitting in space. There are two options... Either take an escape pod and hope the enemy ship doesn&#39t detect you, or get to the armory and grab some weapons to defend the ship when the enemy ship boards your ship.',
    button1: 'Take the escape pod',
    button2: 'Get to the armory',
    display: ''
  },
  // ==========
  // part 4
  // ==========
  {
    story: '01111',
    image: '',
    text: 'You make a run for the sword. With the dragon throwing ice rocks in your direction, you reach the sword and find out it has been broken in half. The piece remaining is the blade; the hilt is missing! Without the handle, there is no way to pick up the blade and use it against the dragon. With no weapon, your choices are limited. The dragon is also between you and the opening of the cave. Do you try to make a run for the entrance or hope there is another exit deeper in the cave?',
    button1: 'Make a run for the entrance',
    button2: 'Hope there is another exit deeper in the cave',
    display: ''
  },
  {
    story: '01112',
    image: '',
    text: 'You apologize to the creature for waking and startling it. <br><br>The creature bellows, "Argh, I accept your apology... Why are you in my cave?" <br><br>You reply, "I fell into the canyon and was looking for a place to rest out of the rain." <br><br>The dragon offers you some food and you accept. While enjoying a meal, there is a loud bang and bright flash. Some soldiers start raiding the cave firing their blasters toward the dragon. You are caught in the fire... Do you help the dragon and fight the soldiers or do you get out of the way and hope the soldiers leave you along?',
    button1: 'Help the dragon creature',
    button2: 'Get out of the way',
    display: ''
  },
  {
    story: '01121',
    image: '',
    text: 'You uneasily say, "Hello? <br><br>The creature moves out of the shadows and displays its dragon head and humanoid robotic body. You are a bit startled at what you see, but you hide your fear and apologize for disturbing it. <br><br>The dragon replies, "Why have you entered my lair?" <br><br>You state, "I fell down the hillside and was looking for a dry place to rest out of the storm." <br><br>The creature invites you to a meal and you accept. While enjoying a meal, there is a loud bang and bright flash. Some soldiers start raiding the cave firing their blasters toward the dragon. You are caught in the fire... Do you help the dragon and fight the soldiers or do you get out of the way and hope the soldiers leave you along?',
    button1: 'Help the dragon creature',
    button2: 'Get out of the way',
    display: ''
  },
  {
    story: '01122',
    image: '',
    text: 'You throw your flashlight at the creature, hitting it in the head, and you run for your life! The dragon creature lets out a deafening roar. It almost knocks you over... You stumble a bit, but keep running toward the entrance of the cave. A huge flow of ice comes rushing by you, barely missing your right arm. You look back and realize the creature is an ice dragon. Just as you reach the entrance of the cave, several small ships land in front of you and soldiers rush out. They begin firing at the dragon! Do you keep running or help the soldiers?',
    button1: 'Keep running',
    button2: 'Help the soldiers',
    display: ''
  },
  {
    story: '01211',
    image: '',
    text: 'You decide to grab the small sword. <br><br>The shadowy figure introduces herself, "I am Stabula, the leader of the evil Morok Clan. Prepare for battle!!!" <br><br>She draws her two-handed sword and quickly makes a lunging attack at you, which you barely dodge. You swing your sword at her and she easily blocks your attack. Stabula kicks you in the leg and you fall. She sends her sword hurdling toward your head... Do you try to block her attack with your sword or do you try to roll away?',
    button1: 'Block her attack',
    button2: 'Roll away',
    display: ''
  },
  {
    story: '01212',
    image: '',
    text: 'You decide to grab the long staff. You notice that is suprisingly light and strong. <br><br>The shadowy figure introduces herself, "I am Stabula, the leader of the evil Morok Clan. Prepare for battle!!!" <br><br>She draws her two-handed sword and quickly makes a lunging attack at you, which you barely dodge. You twirl the staff toward her and you land a blow to her back. She takes her huge sword and sends it hurdling toward your head which you quickly parry with your staff. You find the staff to be very easy to use. Next, she tries a quick jab kick to your side, but you block with your staff. You decide what your next move should be. A quick jab with the end of your staff to her mid-section or sweep her legs with the staff?',
    button1: 'A quick jab to her mid-section',
    button2: 'Sweep her legs',
    display: ''
  },
  {
    story: '01221',
    image: '',
    text: 'You decide to join Megatronic. <br><br>He states, "You must complete a challenge and win a battle versus a good person to show you are truly evil!!! <br><br>He summons his assistant to bring out a challenger. Out strolls Yonek, your friend. Both of you are given small sabers. The battle begins and you quickly swing your saber at Yonek&#39s side. He blocks your attack, but you land a kick to his leg. Yonek stumbles backward and you continue your attack by swinging your saber to his other side. This time he ducks and rolls away. He jumps and swiftly lands a kick to your head. You fall to the ground and block his next attack with his saber. Laying the ground, you can try to sweep his legs or try to jump to your feet.',
    button1: 'Sweep his legs',
    button2: 'Jump to my feet',
    display: ''
  },
  {
    story: '01222',
    image: '',
    text: 'You decide to battle Megatronic. <br><br>He chuckles, "Ha, ha, ha... You dare challenge me!!! Foolish." <br><br>He throws a tiny sword at your feet. You reluctanly pick it up. Megatronic unsheathes an enormous two-handed sword. You look at your puny sword and wonder how to defeat him. There is little time to think as Megatronic begins the fight with a giant swipe with his sword. You barely evade the tip and try a counter attack but he blocks your attack. He rushes you and knocks you down to the ground. You try to swipe at him with your sword to keep him away. Behind him, you notice a small light. It might be a doorway, do you make a run for it or continue the battle?',
    button1: 'Make a run for it',
    button2: 'Continue the battle',
    display: ''
  },
  {
    story: '02111',
    image: '',
    text: 'You overpower the guard and grab the guard&#39s blaster. You fire the blaster at the restraints on Danii and fire a few shots toward Putrice to keep her away. She and her guards take cover, but quickly begin firing back. Both you and Danii run back toward your ship. You keep firing behind you to give some cover as your search for the way back. There is a fork in the passagway. Do you choose the left corridor or the right corridor?',
    button1: 'The left corridor',
    button2: 'The right corridor',
    display: ''
  },
  {
    story: '02112',
    image: '',
    text: 'You ignore Danii and follow Putrice. Danii looks at you with sadness and disgust. Putrice takes you to the command module of her ship and invites you take a seat. She commands her crew to destroy your ship, so they fire multiple blasts and cause a large explosion. They chart a course back to their headquarters. Putrice makes an anouncement that you will be joining the group, but you must decide which position you want to tryout for. In their society, you must have a thumb war to battle for the right to hold a position. <br><br>She declares, "You may choose between two positions: weapons engineer or navigational engineer.',
    button1: 'Weapons engineer',
    button2: 'Navigational engineer',
    display: ''
  },
  {
    story: '02121',
    image: '',
    text: 'You decide to roll under Putrice and attack from behind. She is ready for your attack and quickly blocks your lunge. At the same time, she disarms you and your saber goes flying to the other side of the room. Putrice reveals a blaster and fires it at you. <br><br>YOU HAVE BEEN DISINTEGRATED!!!',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '02122',
    image: '',
    text: 'You decide to roll to the side and attack Putrice from the side. She is unprepared and you wound her ribs. Putrice recovers and makes a swipe at you, which you are able to parry. You attempt to jump at her and swing your saber downward at her. She is just able to block your attack, but you keep pushing down on your saber forcing her backwards. Putrice starts to stumble... Do you try to finisher her with a swift chop with your saber or with a sweep of her legs?',
    button1: 'Swift chop',
    button2: 'Sweep her legs',
    display: ''
  },
  {
    story: '02211',
    image: '',
    text: 'You decide to chart a path to the asteroid field. With the enemy vessel in quick pursuit, you make it to the asteroid field. You pilot the ship around giant slow moving asteroids and avoid smaller fast moving asteroids. They come at your ship from all directions. Some of the smaller boulders hit your ship and damage your port (left) engine. The enemy ship is begining to catch up and you are down to only one engine. You decide to make a risky manuever and fly toward a large asteroid. The plan is to move at the last moment and get the enemy ship to crash (and hope you don&#39t crash in the process). You find an asteroid to use, but do you steer left or right at the final moment?',
    button1: 'Steer left',
    button2: 'Steer right',
    display: ''
  },
  {
    story: '02212',
    image: '',
    text: 'You decide to chart a path to the nebula. With the enemy vessel in quick pursuit, you make it to the nebula. You must find a place in the nebula to hide from the enemy ship so you can lose them. There are several spots, but you narrow it down to two. There is a class one (the roughest) cloud formation or a class two (not as rough) cloud formation. Which storm should you head for?',
    button1: 'Head for the class one',
    button2: 'Head for the class two',
    display: ''
  },
  {
    story: '02221',
    image: '',
    text: 'You jump into an escape pod and eject from the ship. The enemy vessel begins boarding the ship as your pod moves away from the fracass. You are home free... Suddenly, there is a blinding light and you have been vaporized. The enemy ship spotted you and fired a heat beam at your pod. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '02222',
    image: '',
    text: 'You run to the armory and grab some blasters. The enemy vessel begins boarding the ship and you have a shootout. At first you hold your ground, but you are quickly overwhelmed. A light grenade lands at your feet and you are vaporized. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  // ========== 
  // part 5
  // ========== 
  {
    story: '011111',
    image: '',
    text: 'You make a run for the entrance. The dragon pauses for a moment, then release a giant ice wave at you. You are instantly frozen and turned into an ice block, much like Han Solo in Empire. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011112',
    image: '',
    text: 'You run deeper into the cave. As you feel around in the darkness of the cave, you feel something move. You notice a pair of eyes!!! It&#39s the dragons mate... The creature opens its mouth and breathes a giant ice wave on you. You are instantly frozen and turned in to an ice block, much like Han Solo in Empore. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011121',
    image: '',
    text: 'You decide to help the creature. As the dragon throws ice rocks at the soldiers, you sneak along the walls and suprise a soldier by taking his blaster. You begin firing at the soldiers and suddenly more dragons emerge from the darkness of the cave. The  soldiers quickly retreat. After the skirmish, the creatures thank you and explain they are the last of their kind. The quietly go back in the darkness of the cave and wish you good luck. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011122',
    image: '',
    text: 'You decide to get out of the way. The dragon throws ice rocks at the soldiers and they keep firing their blasters. A soldier stumbles over you and jabs his blaster at your stomach. You lay there on the ground as more dragons emerge from the darkness and send ice waves toward you and the soldiers. Soon, you and the soldiers are incased in ice. Frozen for eternity... The dragons go back into the darkness of the cave <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011211',
    image: '',
    text: 'You decide to help the creature. As the dragon throws ice rocks at the soldiers, you sneak along the walls and suprise a soldier by taking his blaster. You begin firing at the soldiers and suddenly more dragons emerge from the darkness of the cave. The  soldiers quickly retreat. After the skirmish, the creatures thank you and explain they are the last of their kind. They quietly go back in the darkness of the cave and wish you good luck. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011212',
    image: '',
    text: 'You decide to get out of the way. The dragon throws ice rocks at the soldiers and they keep firing their blasters. A soldier stumbles over you and jabs his blaster at your stomach. You lay there on the ground as more dragons emerge from the darkness and send ice waves toward you and the soldiers. Soon, you and the soldiers are incased in ice. Frozen for eternity... The dragons go back into the darkness of the cave <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011221',
    image: '',
    text: 'You decide to help the creature. As the dragon throws ice rocks at the soldiers, you sneak along the walls and suprise a soldier by taking his blaster. You begin firing at the soldiers and suddenly more dragons emerge from the darkness of the cave. The  soldiers quickly retreat. After the skirmish, the creatures thank you and explain they are the last of their kind. The quietly go back in the darkness of the cave and wish you good luck. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '011222',
    image: '',
    text: 'You decide to get out of the way. The dragon throws ice rocks at the soldiers and they keep firing their blasters. A soldier stumbles over you and jabs his blaster at your stomach. You lay there on the ground as more dragons emerge from the darkness and send ice waves toward you and the soldiers. Soon, you and the soldiers are incased in ice. Frozen for eternity... The dragons go back into the darkness of the cave <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012111',
    image: '',
    text: 'You attempt to block her attack. Her two-handed sword shatters your flimsy little sword and you are slain. <br><br>Stabula stands over you and cackles, "Ha, ha, ha.... You chose the wrong weapon. That sword was made of cheap metal" <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012112',
    image: '',
    text: 'You attempt to roll away. For a moment you escape her attack, but she lunges with her sword and you throw your sword up to block. Her sword shatters your sword and you are slain. <br><br>Stabula stands over you and cackles, "Ha, ha, ha.... You chose the wrong weapon. That sword was made of cheap metal" <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012121',
    image: '',
    text: 'You quickly jab her mid-section with the end of your staff. Stabula goes flying to the ground and loses her two-handed sword. You have defeated her!!! According to the rules of the Morok Clan, you are now the new leader. Stabula, gets to her feet and declares you the new leader. Everybody cheers... <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012122',
    image: '',
    text: 'You sweep her legs and Stabula goes flying to the ground losing her two-handed sword. You have defeated her!!! According to the rules of the Morok Clan, you are now the new leader. Stabula, gets to her feet and declares you the new leader. Everybody cheers... <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012211',
    image: '',
    text: 'You try to sweep his legs. Yonek is suprised and he goes flying to the floor. You quickly get up and pounce on Yonek. <br><br>Megatronic declares, "You have fought well. You are truly evil! Join me and my marauders." <br><br>You are now one of Megatronic&#39s evil marauders creating havoc throughout the galazy <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
  {
    story: '012212',
    image: '',
    text: 'You quickly try to get to your feet, but Yonek is ready. He swiftly knocks you unconscious. <br><br>Megatronice declares, "You are not worth!!! <br><br>You are vaporized <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012221',
    image: '',
    text: 'You make a run for the light. As you get closer, you realize it&#39s an exit out of the building. You quickly close the door behind you and keep on running. You survived!!! <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '012222',
    image: '',
    text: 'You continue to battle Megatronic and send a frontal jab at his mid-section with your sword. He blocks your attack and sends your sword hurling out of you hands. Megatronic strikes you with his sword and your are vaporized <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '021111',
    image: '',
    text: 'You run down the left corridor with Danii. At the end of the corridor, you see your ship and quickly close the airlock. While you get to the command center, Danii runs to the ventral cannon. She blasts the enemy ship and disables it while you pilot your ship away. You and Danii have safely found you way back home <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '021112',
    image: '',
    text: 'You run down the right corridor with Danii. At the end of the corridor is a dead end. You are trapped!!! Putrice and her army surround you. She orders them to blast you. Both you and Danii are disintegrated. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '021121',
    image: '',
    text: 'You decide to thumb wrestle the weapons engineer. She walks toward you. You are very confident because she is half your size. The thumb war begins and in a blink of an eye, she has captured you thumb. <br><br>Putrice roars, "She is our reigning champion... You have chosen poorly! You are now the toilet cleaner." <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '021122',
    image: '',
    text: 'You decide to thumb wrestle the navigational engineer. He walks toward you. You are not very confident becasue he is twice your size. The thumb war begins and in a blink of an eye, you have captured his thumb. <br><br>Putrice roars, "He is our worst thumb wrestler... You have chosen wisely! You are now the navigational engineer." <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '021211',
    image: '',
    text: 'text',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
  {
    story: '021212',
    image: '',
    text: 'text',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
  {
    story: '021221',
    image: '',
    text: 'You attempt a swift chop with your saber. Putrice is ready and blocks your attack. She sends her foot at your chest and you go flying into the air. You lose grip of your saber and she strikes you with her sword. You are vaporized <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '021222',
    image: '',
    text: 'You attempt to sweep her legs. Putrice is surprised and she goes flying to the ground. You quickly pounce on the opportunity and slay her. She vaporizes!!! Fearful of our skill, her people flee and let you leave. You find your way back home <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '022111',
    image: '',
    text: 'You stear left and just graze the asteroid. The enemy ship is unable to avoid the asteroid and collides. You safely navigate out of the asteroid field and back home <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '022112',
    image: '',
    text: 'You stear right and collide with an oncoming asteroid. You ship is destroyed in a ball of fire. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '022121',
    image: '',
    text: 'You navigate into the class one nebula cloud. The enemy ship follows you in and is hit by a large magnetic bolt. It is destroyed. Luckily, you are able to make it out of the cloud without being hit and find your way back home. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '022122',
    image: '',
    text: 'You navigate into the class two nebula cloud. A small magnetic bolt hits the side of your ship and disables your shields. The enemy ship follows you in and catches up to you. It fires at your engines and cripples your ship. Another magnetic bolt hits your ship and it explodes before you can make it to an escape pod. <br><br>THE END',
    button1: 'Yes',
    button2: 'No',
    display: 'none'
  },
  {
    story: '022211',
    image: '',
    text: 'text',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
  {
    story: '022212',
    image: '',
    text: 'text',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
  {
    story: '022221',
    image: '',
    text: 'text',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
  {
    story: '022222',
    image: '',
    text: 'text',
    button1: 'Yes',
    button2: 'No',
    display: ''
  },
];
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console