Please enable Javascript to play this story!

There is nothing to hide behind. <<if visited("Glance2")>>You hear the man chuckle behind you.<<else>>You hear a chuckle behind you.<<endif>>



[[Turn around|Turn]]

.transition-in {

\tposition:absolute;

\topacity:0;

}

.passage {

\ttransition: .5s;

\t-webkit-transition: .5s;

\tcolor: white;

}

.transition-out {

\tposition:absolute;

\topacity:0;

}



body {

\tbackground: black;

\tcolor: white;

}



.passage a:hover {

\tcolor: red;

}





.passage a {

\tcolor: white;

}

.header {

\tposition:fixed;

\ttop: 0;

\tleft: 0;

\tmargin: 0;

\twidth:100%;

\theight:100%;

\tbackground-color:transparent;

\ttransition: 3s;

\t-webkit-transition: 3s;

\tz-index: -10;

}

.transition-in > .header {

\tbackground-color:red;

\tz-index: 1000;

}

.transition-out {

\tdisplay:none;

}

Fur grows across your body. Your bones snap and grow as your clothes are ripped to shreds. The man steps back.



[[Chase|Chase]]

You are walking down the sidewalk in heels. The sun has almost set.



[[Keep walking|Walk-Pre]]

The sun has set.



[[Look around|Corner-Look]]

You chase after him. Tonight, you will feast.



[[Share on Twitter|https://twitter.com/intent/tweet?text=Nightfall%2C+a+bite-sized+horror+game%3A+http%3A%2F%2Fbitesizedhorror.com%2Fnightfall%2F]]

<a href="https://www.facebook.com/sharer/sharer.php?u=http://bitesizedhorror.com/nightfall/" target="_blank">Share on Facebook</a>

[[Play more bite-sized horror|http://bitesizedhorror.com]]

You can either go into an alley or across a field.



[[Into the alley|Alley]]

[[Across the field|Field]]

version.extensions.timedgotoMacro={major:1,minor:2,revision:0};

macros["goto"]=macros.timedgoto={timer:null,handler:function(a,b,c,d){function cssTimeUnit(s){if(typeof s=="string"){if(s.slice(-2).toLowerCase()=="ms"){return +(s.slice(0,-2))||0

}else{if(s.slice(-1).toLowerCase()=="s"){return +(s.slice(0,-1))*1000||0

}}}throwError(a,s+" isn't a CSS time unit");return 0}var t,d,m,s;

t=c[c.length-1];d=d.fullArgs();m=0;if(b!="goto"){d=d.slice(0,d.lastIndexOf(t));

m=cssTimeUnit(t)}d=eval(Wikifier.parse(d));if(d+""&&state&&state.init){if(macros["goto"].timer){clearTimeout(macros["goto"].timer)

}s=state.history[0].passage.title;macros["goto"].timer=setTimeout(function(){if(state.history[0].passage.title==s){state.display(d,a)

}},m)}}};

<<if visited("Glance2")>>You run. The man runs too. A heel breaks.<<else>>You run. The steps run behind you. A heel breaks.<<endif>>



[[Fall|Fall]]

You trip.



[[Fall|FallField]]

<<if visited("Glance2")>>You walk faster. But the man keeps up behind you.<<else>>You walk faster. So do the steps.<<endif>>



[[Run|Run]]

<<if visited("Glance2")>><<else>>[[Glance behind you|Glance]]<<endif>>

You keep walking. The man keeps walking behind you.



[[Turn the corner|Corner]]

<<if visited("Glance2")>>The man steps up behind you. You hear his chuckle.<<else>>You hear a chuckle behind you.<<endif>>



[[Turn around|Turn]]

Nightfall

A man stands on the sidewalk, much closer than you thought, staring straight at you.



[[Say something|Something]]

[[Keep walking|Walk2]]

You keep walking. But you hear the footsteps again.



[[Walk faster|Walk2]]

[[Glance behind you again|Glance2]]

You hear steps behind you.



[[Keep walking|Walk]]

[[Glance behind you|Glance]]

You collapse to the sidewalk.



[[Pick yourself up|Pick]]

/* Your story will use the CSS in this passage to style the page.

Give this passage more tags, and it will only affect passages with those tags.

Example selectors: */



body {

\tbackground: black;

\tcolor: white;

}



.passage {

\tcolor: white;

}



.passage a:hover {

\tcolor: red;

}





.passage a {

\tcolor: white;

}

It is a dead end.



[[Hide|Hide]]

“Stop following me,” you say. He says nothing.



[[Keep walking|Walk3]]

[[Run|Run]]

<<if visited("Glance2")>>The man leers at you.<<else>>A man steps up to you. He leers.<<endif>>



[[Scream|Howl]]

You climb to your feet.



[[Turn around the corner|Corner]]

.transition-in {

\tposition:absolute;

\topacity:0;

}

.passage {

\ttransition: 3s;

\t-webkit-transition: 3s;

}

.transition-out {

\tposition:absolute;

\topacity:1;

}

You scream and your scream turns into a howl.



[[Transform|Transform]]

You eat him.<<timedgoto "End" 3s>>

You head across the field. There is no place to hide.



[[Turn around|Turn]]

/* Your story will use the CSS in this passage to style the page.

Give this passage more tags, and it will only affect passages with those tags.

Example selectors: */





body {

\t/* This affects the entire page */

\t

\tbackground: white;

}

.passage {

\t/* This only affects passages */

\tpadding-top: 16%;

\tfont-family: IM Fell English;

\tfont-size: 25px;

\tcolor: black;

}

.passage a {

\t/* This affects passage links */

\tcolor: black;

\ttext-decoration: none;

\tfont-weight: bold;

\t

}

.passage a:hover {

\tcolor: red;

\ttext-decoration: none;

\tfont-weight: bold;

\t/* This affects links while the cursor is over them */

\t

\t

}



#sidebar { display: none; }

#passages { border-left: 0px; padding-left: 0; }

@import url(http://fonts.googleapis.com/css?family=IM+Fell+English);

You step into the alley. It is a dead end.



[[Turn around|Turn]]

You keep walking. The steps keep up.



[[Walk faster|Walk2]]

[[Glance behind you|Glance]]

.transition-in {

\ttransition: 10s;

\tposition:absolute;

\topacity:0;

}

.passage {

\ttransition: 3s;

\t-webkit-transition: 3s;

\tcolor: white;

}

.transition-out {

\ttransition: 1s;

\tposition:absolute;

\topacity:0;

}



body {

\ttransition: 3s;

\tbackground: black;

\tcolor: white;

}



.passage a:hover {

\tcolor: red;

}





.passage a {

\tcolor: white;

}

“Excuse me,” you say. He just stares.



[[Tell him to leave|Leave]]

[[Keep walking|Walk3]]

macros['wipeout'] = {

handler: function(place, macroName, params, parser) {



var i = 0;



while( i < 99 ) {

state.history[i] = 0;

i++;

}



},

};

Greg Karber

You turn around. Whoever was walking is gone.



[[Keep walking|WalkG]]

body {

\tbackground: black;

\tcolor: white;

}



.passage a:hover {

\tcolor: red;

}



.passage {

\tcolor: white;

}





.passage a {

\tcolor: white;

}

.transition-in {

\tposition:absolute;

\topacity:0;

}

.passage {

\ttransition: 1s;

\t-webkit-transition: 1s;

}

.transition-out {

\tposition:absolute;

\topacity:0;

}

You chase after him. Tonight, you will feast.<<timedgoto "End" 2s>>