Evolving Stories

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

Evolving Stories [[START_A]]

<<fadestop ":playing">>\ <H1>Evolving Stories</H1> <<timed 1s t8n>>\ Our stories have no end <</timed>> <<timed 3s t8n>>\ No beginning <</timed>> <<timed 5s t8n>>\ We evolve, stories are discovered <</timed>> <<timed 7s>><<type 60ms>>\ Stories evolve, we are discovered <</type>><</timed>> <<timed 10s t8n>>\ Then what happens? <</timed>> <<timed 11s t8n>>\ [[We awake->AWAKE]] [[Daydreams...->DAYDREAM]] [[We change...->CHANGE]] <</timed>>

<<cacheaudio "waterLoop1" "music/waterLoop1.mp3">> <<cacheaudio "waterLoop2" "music/waterLoop2.mp3">> <<cacheaudio "definiteLoop1" "music/definiteLoop1.mp3">> <<cacheaudio "definiteLoop2" "music/definiteLoop2.mp3">> <<cacheaudio "awake" "music/AWAKE.mp3">> <<cacheaudio "rain" "music/rain.mp3">> <<cacheaudio "rainfiltered" "music/rainFiltered.mp3">> <<cacheaudio "rainEyesClosed" "music/rainEyesClosed.mp3">> <<cacheaudio "purr" "music/purr.mp3">> <<cacheaudio "sticksandsines" "music/sticksAndSines.mp3">> <<cacheaudio "thunder" "music/thunder.mp3">> <<cacheaudio "mobius" "music/mobius.mp3">> <<cacheaudio "dream1" "music/dream1.mp3">> <<cacheaudio "dream2" "music/dream2.mp3">> <<cacheaudio "dream3" "music/dream3.mp3">> <<cacheaudio "desert1" "music/desert1.mp3">> <<cacheaudio "desert2" "music/desert2.mp3">> <<cacheaudio "sit" "music/sit.mp3">> <<cacheaudio "sun" "music/sun.mp3">> <<cacheaudio "mountains" "music/mountains.mp3">> <<cacheaudio "radio" "music/radio.mp3">> <<cacheaudio "dogs" "music/dogs.mp3">> <<cacheaudio "breathe" "music/breathe.mp3">> <<cacheaudio "daydream" "music/daydream.mp3">> <<cacheaudio "trees" "music/trees.mp3">>

<<crossfade awake>>\ <div class="flex-container" style="max-height:80vh;"> <div class="column" style="flex:80%;"> <video controls preload="auto" style="width:100%" autoplay loop><source src ="video/robins.mp4"></video> </div>\ <div class="column" align="right" style="justify-content: center; align-items: center;">\ <div></div><div> Red breasts drop down. Singing. Drinking. @@.shudder;Bathing.@@ Birds flying in 4 dimensions Towering trees stay still </div><div></div> </div> </div> <<timed 2s t8n>> \ I sit, still, silent Watching the dance... <</timed>>\ <<timed 4s t8n>> [[I fall asleep->SLEEP]] [[I stand up->STAND]] [[The cat sits on the keyboard->CATS]] [[I daydream->DAYDREAM]] [[It rains->RAIN]] <</timed>>

<<crossfade waterLoop2>>\ <center>\ <img src="images/11.jpg" alt="Painting 3" style="max-height: 80vh" align="center"> <div class="flex-container" style="max-width: 85%; justify-content: space-evenly; align-items: center;"> <div align="left"> Dreaming of flying All it takes is a push Touching the tree tops, tickling my toes </div> <div align="right"> [[I wake and fall->FALL]] [[Dream->DREAM]] [[The cat watches->CATS]] </div> </div>\ </center>

<<crossfade waterLoop2>>\ <div class="flex-container"> <div class="column" style="justify-content: center; align-items: center;"> <div align="center"> Birds scatter, none to be seen Trees stay and smile I smile, still so green </div> </div> <div class="column" align="center"> <img src="images/10.jpg" alt="Painting 4" style="max-height:80vh; max-width:80vw;"> </div> <div class="column" style="justify-content: center; align-items: center;"> <div align="center"> [[I dream of being a cat->CATS]] [[I hear the dogs->DOGS]] [[I daydream of being a tree->TREE]] </div> </div> </div>

<<crossfade definiteLoop1>> Laying on the ground Resting among the nettles The @@.flicker;sting@@ reminds me... <center> <video controls preload="auto" style="max-height: 80vh" autoplay> <source src ="video/blueanimation.mp4"> </video> [[I remember the last night->LAST NIGHT]] </center>

<<crossfade dogs>> <video controls preload="auto" style="max-height:60vh" autoplay loop> <source src ="video/dogs.mp4"> </video> Dog comments on the passing moon, [[the sun->SUN]], the wind. <<timed 2s t8n>> @@.blur;Clouds drifting.@@ <</timed>> <<timed 4s t8n>> [[Trees->TREE]] @@.shudder;creak@@, then observe in silence. [[It starts to rain->RAIN]] <</timed>>

<<crossfade trees>> <center> <img src="images/25.jpg" alt="Painting 8" style="max-height:70vh; max-width:70vw;"> </center>\ <div class="flex-container" style="justify-content:space-evenly;"> <div align="center"> A tree... I am patient My roots talk to the other roots I can @@.colorChange;feel@@ the earth </div> <div align="center"> [[The rain begins->RAIN]] [[I fall asleep->SLEEP]] [[I change->CHANGE]] </div> </div>

<<crossfade definiteLoop2>>\ <div class="flex-container" style="max-height: 85vh"> <div class="column" style="flex:85%;"> <img src="images/23.jpg" alt="Painting 6" width="100%"> </div> <div class="column" align="right" style="justify-content: center; align-items: center;"> <div> <<timed 3s t8n>>\ The Night Before Shallow breaths, private tears @@.breathe;Oxygen@@ - pump and hiss Warm hands <</timed>>\ <<timed 6s t8n>>\ @@.shudder;Fists move@@ Brow furrows <</timed>>\ <<timed 8s t8n>>\ Where is she? <</timed>>\ <<timed 10s t8n>>\ Quiet waits until dawn. <</timed>> </div> </div> </div>\ <<timed 12s t8n>>\ [[I fall asleep->SLEEP]] [[It begins to rain->RAIN]] [[I walk outside->AWAKE]] [[Follow the line->LINE]] <</timed>>

<<crossfade rain>>\ <div class="flex-container" style="justify-content: space-evenly; align-items: center;">\ <div>\ Rain @@.colorChange;whispers.@@ A touch on the cheeks Walking between the drops, my tears are gone. </div>\ <div style="font-size: 18pt">\ @@#crashbtn;<<link "CRASH">>\ <<audio thunder play>>\ <<script>> crashbtn.style.visibility = 'hidden'; setTimeout(() => {crashbtn.style.visibility = 'visible';}, 15500); <</script>> <</link>>@@\ </div>\ </div>\ <center>\ <img src="images/22.jpg" alt="Painting 9" style="max-height:75vh"> [[I cover my eyes->BLACKOUT]] &emsp;&emsp;&emsp;&emsp;&emsp; [[I cover my ears->FILTER]] [[I need to dry out->DESERT1]] </center>

@@#crashbtn;@@\ <<crossfade rainEyesClosed>> <center><<timed 5s t8n>> In darkness, I @@.colorChange;listen@@ <</timed>><<timed 9s t8n>> The rain &emsp; @@.stretch;surrounds@@ &emsp; me <</timed>><<timed 12s t8n>> I am &emsp; @@.pulse;floating@@ &emsp; down to earth. <</timed>></center> <<timed 15s t8n>> I land and find the grass... I &emsp; @@.breathe;breathe@@ <</timed>> <<timed 17s t8n>> [[I open my eyes->AWAKE]] [[This isn't grass, it's fur->CATS]] [[I fall->FALL]] [[I daydream->DAYDREAM]] [[I fall asleep->SLEEP]] [[I stand->STAND]] <</timed>>

@@#crashbtn;@@\ <<crossfade rainfiltered>> <video controls preload="auto" style="max-height:70vh" autoplay loop> <source src ="video/bluefuzzing.mp4"></video> <div class="flex-container"> <div class="column"> <<timed 2s t8n>> The rumble of @@.rumble;veins@@ <</timed>> <<timed 5s t8n>>\ Drowns out the falling water <</timed>> <<timed 8s t8n>>\ @@.breathe;Flowing, never still@@ <</timed>> </div> <div class="column" align="center"> <<timed 10s t8n>> [[I fall asleep->SLEEP]] [[I follow the flow->CHANGE]] [[I pull back the curtain->TREE]] <</timed>> </div> </div>

<<crossfade purr>> <div class="flex-container"> <div style="flex: 12%;"> Eyes closed <<timed 3s t8n>>Feeling of warmth, @@.breathe;soft@@<</timed>> <<timed 6s t8n>> The ground and air @@.rumble;quake@@ Monolithic stalks surround me A forest of @@.blur;fur@@ <</timed>> <<timed 11s t8n>> [[It rains->RAIN]] [[I fall->FALL]] <</timed>> </div>\ <div class="column">\ <<timed 9s t8n>>\ <video controls preload="auto" style="max-height: 90vh" loop autoplay><source src ="video/catpurr.mp4"> </video><</timed>>\ </div>\ </div>

@@.pulse;pulse@@ @@.heartbeat;heartbeat@@ @@.stretch;stretch@@ @@.rumble;rumble@@ @@.shudder;shudder@@ @@.flicker;flicker@@ @@.blur;blur@@ @@.breathe;breathe@@ @@.colorChange;colorChange@@

<<crossfade dream1>>\ <video controls preload="auto" style="width:100%; max-height:80vh;" loop autoplay> <source src ="video/dream1.mp4"></video> [[Dream deeper->DREAM DEEPER]]

<<crossfade sticksandsines>>\ <div class="flex-container"> <div style="justify-content: center; align-items: center; flex: 50%;"> <<timed 2s t8n>>\ A moment is not a point, it is a &emsp; @@.stretch;line@@ <</timed>>\ <<timed 5s t8n>> [[The line->LINE]] connects to another, or closes on itself <</timed>>\ <<timed 8s t8n>>\ A moment is momentum <</timed>>\ <<timed 12s t8n>>\ [[Eyes are opened->AWAKE]] [[Feel the rain->RAIN]] [[Sink->FALL]] <</timed>> </div> <div style="flex: 50%;"> <<timed 2s t8n>>\ <video controls preload="auto" autoplay loop> <source src ="video/evolve.mp4"></video> <</timed>>\ </div> </div>

<<crossfade breathe>> <div class="row"> <div class="column" align="center"> <video controls preload="auto" style="width:100%" autoplay> <source src ="video/breathe.mp4"> </video> </div> <div class="column" align="center"> <<timed 8s t8n>> [[Follow the line->LINE]] [[Sleep->SLEEP]] [[Feel the rain->RAIN]] <</timed>> </div> </div>

<<crossfade mobius>>\ <<set _passages to Story.lookup("tags","tag")>>\ <video controls preload="auto" style="width:100%" autoplay loop><source src ="video/mobius.mp4"></video> <div class="row"> <div class="column"> <<timed 2s t8n>>\ The line is endless <</timed>> <<timed 5s t8n>>\ A Möbius strip, twisted <</timed>> <<timed 8s t8n>>\ Forward or backward <</timed>> </div>\ <div class="column" align="center">\ <<timed 20s t8n>> <<link 'Forward'>><<goto `_passages.pluck().title`>><</link>> <<link 'Backward'>><<goto `_passages.pluck().title`>><</link>> <</timed>> </div>\ <div class="column" align="right"> <<timed 11s t8n>>\ It does not matter <</timed>> <<timed 14s t8n>>\ Only entropy decides <</timed>> <<timed 17s t8n>>\ The way through ourselves <</timed>> </div>\ </div>

<<crossfade daydream>>\ <div class="flex-container" style="max-height:95vh;"> <video controls preload="auto" style="max-height:70vh; flex:1" autoplay loop><source src ="video/16.mp4"></video> <div style="flex:2"> <div align="center" style="display: flex; justify-content:center; flex-direction: row"> <div style="flex: 1;"></div> <div style="flex: 2;"> <<timed 2s t8n>>\ Looking up, I start my afternoon<</timed>> </div> <div style="flex: 1;"></div> </div> <div align="center" style="display: flex; justify-content:center; flex-direction: row"> <div style="flex: 3;"> <<timed 4s t8n>>\ I am awake <</timed>>\ </div> <div style="flex: 1;"></div> <div style="flex: 3;"> <<timed 6s t8n>>\ But movement @@.flicker;distracts@@ and @@.stretch;distorts my focus@@ <</timed>> </div> </div> <div align="center"><<timed 8s t8n>> [[I breathe->BREATHE]] [[The cat stalks me->CATS]] [[I embrace the dream->DREAM]] [[I remember->LAST NIGHT]] <</timed>></div> </div>

<<crossfade dream2>>\ <video controls preload="auto" style="width:100%; max-height:80vh;" loop autoplay> <source src ="video/dream2.mp4"></video> [[Dream deeper still->DEEPER STILL]]

<<crossfade dream3>>\ <video controls preload="auto" style="width:100%; max-height:80vh;" loop autoplay> <source src ="video/dream3.mp4"></video> [[Don't wake up->DREAM]] [[Wake up->AWAKE]]

@@#crashbtn;@@\ <<crossfade desert1>> <center> <video controls preload="auto" style="max-height:60vh" autoplay loop> <source src ="video/redball.mp4"> </video></center>\ <div class="flex-container" style="justify-content: space-evenly; align-items: center;"> <div> Climbing a rocky path Following a canyon wash into the foothills <<timed 2s t8n>> @@.colorChange;Awe@@ <</timed>> <<timed 4s t8n>>\ Cloud shadows @@.heartbeat;dance@@ over a rolling cactus expanse Wildflowers @@.shudder;burst@@ out in purple and yellow. Each rock tells a story of 1000 years. <</timed>> </div> <div> <<timed 6s t8n>>\ [[Too much sun->SUN]] [[Desert Flowers->DESERT2]] <</timed>> </div> </div>

@@#crashbtn;@@\ <<crossfade sun>> <div class="flex-container" style="justify-content: space-evenly; align-items: center;"> <div> The sun turns shadows into pools of coolness. Bursting pods drift @@.flicker;Speckled dots of light.@@ <<timed 2s t8n>>\ Sitting on a rock searching the hills for bighorn. <</timed>>\ <<timed 4s t8n>> @@.blur;Dusk@@ <</timed>>\ </div> <div> <<timed 6s t8n>> [[I dance->DANCE]] [[Desert Flowers->DESERT2]] [[The bats come out->BATS]] <</timed>> </div> </div><center> <video controls preload="auto" style="max-height:60vh" autoplay loop> <source src ="video/linesdotssquares.mp4"> </video></center>

@@#crashbtn;@@\ <<crossfade desert2>> <div class="flex-container" style="justify-content: space-between; align-items: center;" align="center"> <img src="images/sandmat.jpg" alt="Painting 10" style="max-height:70vh"> <div> The Carizzo Mountain Sandmat lays down, a shy carpet While the Arizona lupine stands straight and announces its intentions. Dancing in the gusty winds. <<timed 4s t8n>>\ [[I look up->MOUNTAIN]] [[I need to sit down->SIT]] [[I find an old radio->RADIO]] <</timed>> </div> <img src="images/lupine.jpg" alt="Painting 9" style="max-height:70vh"> </div>

<<fadestop ":playing">> <div class="flex-container" style="justify-content: space-evenly; align-items: center;"> <video controls preload="auto" style="max-height:80vh" autoplay loop> <source src ="video/11.mp4"> </video> <div> Arms swaying A @@.colorChange;goddess@@ remembered <<timed 2s t8n>> Joy in turning <</timed>> <<timed 4s t8n>>\ @@.breathe;Several breaths @@ <</timed>>\ <<timed 6s t8n>> [[I wake->AWAKE]] [[Desert Flowers->DESERT2]] <</timed>> </div>

<<fadestop ":playing">> <video controls preload="auto" style="width:80%" autoplay loop> <source src ="video/bats.mp4"> </video> Swooping Dipping down to touch the water <<timed 2s t8n>> Fading light outlines bats flying dark and silent above us. <</timed>>\ <<timed 4s t8n>> Stillness <</timed>>\ <<timed 6s t8n>> [[I drift->DAYDREAM]] [[I fall->FALL]] <</timed>>

<<crossfade sit>> <video controls preload="auto" style="max-height:70vh" autoplay loop> <source src ="video/dancingcubesinyellow.mp4"> </video> <<timed 2s t8n>>\ Sitting down Dancing... in my mind <</timed>>\ <<timed 6s t8n>> [[I stand up->STAND]] [[I close my eyes->BLACKOUT]] [[I cover my ears->FILTER]] <</timed>>

<<widget "crossfade">>  <<set _fadeStopDuration = $args[1] || 3>> <<set _playingAudio to SimpleAudio.select(":playing")>> <<run _playingAudio.fadeOut(3)>> <<audio $args[0] fadeoverto _fadeStopDuration 1>> <<audio $args[0] play loop>> <<timed `_fadeStopDuration + 's'`>> <<run _playingAudio.stop()>> <</timed>> <</widget>> <<widget "fadestop">>  <<set _fadeStopDuration = $args[1] || 3>> <<audio $args[0] fadeoverto _fadeStopDuration 0>> <<timed `_fadeStopDuration + 's'`>> <<audio $args[0] stop>> <</timed>> <</widget>>

Volume: <<volume>>

<<crossfade radio>> <div class="flex-container" style="justify-content: space-between; align-items: center;" align="center"> <img src="images/radio.jpg" alt="Radio" width="50%"> <div> I turned the knob. Power. @@.flicker;Static.@@ @@.blur;Tuning...@@ Then... <<timed 3s t8n>> "Here's Morgan" <</timed>>\ <<timed 5s t8n>> Its 5:45 PM, 1943. Time to do my homework. <</timed>>\ <<timed 8s t8n>> @@.shudder;Dinner!@@ Bring the radio. Plug it in, in the kitchen. Everyone @@.stretch;listens...@@ <</timed>>\ <<timed 10s t8n>> [[I need to sit down->SIT]] [[I start to dance->DANCE]] [[I hear dogs->DOGS]] [[I fall asleep->SLEEP]] <</timed>> </div>

<<crossfade mountains>>\ <div align="center"> Rain over the mountains sends dark clouds to look down into the desert valleys. </div> <div align="center"> <img src="images/desertskyclouds.jpg" alt="Painting 11" style="max-height:70vh"> </div>\ <div style="display:flex; justify-content:center;" align="center"> <div style="flex:1"> <<timed 2s t8n>>\ Dusk. <</timed>>\ </div> <div style="flex:1"> <<timed 3s t8n>>\ Silhouettes pose against the sky. <</timed>> <<timed 5s t8n>>\ <</timed>>\ </div> <div style="flex:1"> <<timed 7s t8n>>\ [[I need to sit down->SIT]] [[I find an old radio->RADIO]] <</timed>> </div> </div>