<img id="image" style="filter: url('#swirl');" src="images/RVdoorGlow.jpg" class="spin" width=100%>
<div class="fade-container" id="text-container">
The RV we're in is parked on a slight slope, tilting down into the terrace, already halfway fallen into the abyss. This is my world, all I know, all there is, but at least it's safe<<if visited() gt 1>>, for now<</if>>.
<<if visited() gt 2>>But if someone left the RV in neutral...<</if>>
<<audio "gravel" stop>>\
<<if $rvout == "nope">>\
<<set $rvout = $round2.pluck()>>\
<<if $rvout == undefined>>\
<<set $rvout = $round3.pluck()>>\
<</if>>\
<<if $rvout == undefined>>\
<<set $rvout = "Bedding">>\
<</if>>\
<</if>>\
[[Step outside|Outside]]
<<link "Spin" $rvout>><<set $rvout = "nope">><</link>>
<<set $rv = true>>\
\
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg><img id="image" style="filter: url('#swirl');" @src=$insides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
Each nugget of Korean pork jerky gives me power to cast a spell, to keep control of the puppets. I only have a few left; I must use them wisely.
<<set $next = $round2.pluck()>>\
<<if $next == undefined>>\
<<set $next = $round3.pluck()>>\
<</if>>\
<<link "Spin" $next>><</link>>
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg> <img id="image" style="filter: url('#swirl');" @src=$insides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
At first the knob spun of its own accord, but then at some point I realized that I could spin it, too. I could unwind this reality and spin up a new one.
<<if $tracks.length gt 0>>\
<<audio $tracks.pluck() play>>\
<</if>>\
<<timed 3s t8n>>
<<set $next = $round2.pluck()>>\
<<if $next == undefined>>\
<<set $next = $round3.pluck()>>\
<</if>>\
<<link "Spin" $next>><</link>>
<</timed>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$insides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
I can only hold on to one memory and one question each time I spin the reality knob. Everything else is washed away and recycled into something new. How do I know what's important? What to hold onto?
<<set $next = $round2.pluck()>>\
<<if $next == undefined>>\
<<set $next = $round3.pluck()>>\
<</if>>\
<<link "Spin" $next>><</link>>
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg><img id="image" style="filter: url('#swirl');" src="images/GodTower.jpg" class="spin" width=100%>
<div class="fade-container" id="text-container">
Yes! It's so clear now! All we have is this moment! If you zoom out far enough we are all the King Wizard, we are all God! Whatever happens doesn't really matter. What is individuality but to be reborn as another? To experience a new aspect?
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Hold on to God">><<set $hold = "God">><<replace "#hold">><<print $hold>><</replace>><</link>>
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<</if>>\
\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$insides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
There are infinite realities, infinite paths. All but one lead to death now, I know this. How do I find the one that lets me live? That let's me see her again? How many spins do I get before it's too late? Before the path is set?
<<set $next = $round2.pluck()>>\
<<if $next == undefined>>\
<<set $next = $round3.pluck()>>\
<</if>>\
<<link "Spin" $next>><</link>>
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg><img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
Yes! She is the key! If I can hold onto her memory through each spin I can make it. I'll see the dawn yet and hold her again.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<if $round3.length gt 0>>\
<<link "Hold on to her memory">><<set $hold = "Her">><<replace "#hold">><<print $hold>><</replace>><</link>>
<</if>>\
<<set $rachel = true>>\
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<<else>>\
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.01"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
Jay puts his hand on my back and in an explosion of consciousness I realize that I still have a body. I am still here, I am real. I can hold on to that.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Hold on to my body">><<set $hold = "Body">><<replace "#hold">><<print $hold>><</replace>><</link>>
<<set $body = true>>\
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<<else>>\
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
I speak a word, a mutterance, but... that means I still have a body! If I can speak time must be passing still! If I can align time right, draw out each spin longer and longer, then I'll rejoin reality.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Hold on to time">><<set $hold = "Time">><<replace "#hold">><<print $hold>><</replace>><</link>>
<<set $body = true>>\
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<<else>>\
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img src="images/RVempty.jpg" width=100%>
<div class="fade-container" id="text-container">
I thought they were all windows into different realities, but when I realized I had a body I also realized time was passing. Even if each spin was seconds apart, time did pass between them. I could focus down onto a single reality longer and longer.
[[Spin|Dawn]]
</div>
<script>window.shaker(["I push the bedding to the high side of the bench and turn around so my feet slope down. I collapse into the plushness. The world fades to white. If I can just keep holding her memory I'll see dawn again..."]);</script><img src="images/RVemptyGlow.jpg" width=100%>
<div class="fade-container" id="text-container">
I push the bedding to the high side of the bench and turn around so my feet slope down. I collapse into the plushness and let its warmth surround me. The world fades to white. If I can just keep holding her memory I'll see dawn again...
<<audio "blankets" play>>\
<<audio "night" fadeout>>\
</div><img id="image" style="filter: url('#swirl');" @src=$insides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
I never thought it would be like this. The aspects of my consciousness embodied in these five friends. They are my puppets, and I their sorcerer. They speak my thoughts, enact my motions, so long as I have enough strength.
<<set $next = $round2.pluck()>>\
<<if $next == undefined>>\
<<set $next =$round3.pluck()>>\
<</if>>\
<<link "Spin" $next>><</link>>
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
I always thought it would be my family around me at the end, in a hospital near home, or maybe with my partner. But this? In an RV in a distant state? With no sun? I've imagined my death a thousand different ways a thousand differnt time, but never like this.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Ask what is memory?">><<set $ask = "What is memory?">><<replace "#ask">><<print $ask>><</replace>><</link>>
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
As each of my friends left the RV my consciousness collapsed, that aspect of myself gone. There was less and less keeping me here. I couldn't think anymore. I knew death was coming. I never thought it would be here, in an RV, in Washington.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Ask who do I care about?">><<set $ask = "Who do I care about?">><<replace "#ask">><<print $ask>><</replace>><</link>>
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
[[Follow them outside|Outside]]
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
Eventually there were less of them. My friends left, one by one. I didn't have the power to hold them here anymore. I could feel the darkness approaching, the spins collapsing into the death of this consciousness.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Ask who cares about me?">><<set $ask = "Who cares about me?">><<replace "#ask">><<print $ask>><</replace>><</link>>
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
[[Follow them to sleep|Bedding]]
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" src="images/RVtableGlow.jpg" class="spin" width=100%>
<div class="fade-container" id="text-container">
It's an intense 30 second experience. I just need to re-knit my mind with the right reality thread, the one that takes me back to this initial moment. I just need to spin back to the moment in touches my lips.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Ask what\'s on the table?">><<set $ask = "What\'s on the table?">><<replace "#ask">><<print $ask>><</replace>><</link>>
\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<<else>>\
<<set $track = $tracks.pluck()>>\
<<if $track !== undefined>>\
<<audio $track play>>\
<</if>>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img id="image" style="filter: url('#swirl');" @src=$fewinsides.random() class="spin" width=100%>
<div class="fade-container" id="text-container">
It was a perfect day. At least I can go knowing I got to experience a perfect day. Wow.
Currently holding: <span id="hold"><<print $hold>></span>
Currently asking: <span id="ask"><<print $ask>></span>
<<link "Ask nothing, be grateful">><<set $ask = "nothing">><<replace "#ask">><<print $ask>><</replace>><</link>>
\
<<audio "perfect" play>>\
<<set $next = $round3.pluck()>>\
<<if $next == undefined>>\
<<set $next = "Bedding">>\
<</if>>\
<<if $body == true and $hold == "Her">>\
<<set $next = "Focus">>\
<</if>>\
<<link "Spin" $next>><</link>>
\
</div>
<script>window.shaker();</script>
\
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<img src="images/RVemptyTableGlow.jpg" class="fadeOut" width=100%>
<div class="fade-container" id="text-container">
<span class="fadeOut">
I sink into the pile of bedding next to me. My breathing slows. The world fades into darkness. I am gone.
</span>
<<audio "blankets" play>>\
<<audio "night" fadeout>>\
</div>
<img @src=$terr width=100%>
<div class="fade-container" width=100% id="text-container">
On the path up to the rest rooms <<if visited() gt 1>>the acrid scent of vomit overwhelms me.<<else>>I wretch into a crevasse in the retaining wall. <</if>>
It's so dark, the world is black and white. I try to catch my breath.
[[A dim light glows on the hill above|Light]]
[[Return to the RV|RV]]
<<audio "gravel" play loop>>
\
</div>
<script>window.shaker(["Cresting the gravel path up the ridge, I see RVs lining the terrace on my right. The light from the restrooms on the left draws me in like a moth."]);</script><img src="images/BathroomGlow.jpg" class="fadeOut" width=100%>
<div class="fade-container" id="text-container">
<span class="fadeOut">
Rolling, falling, onto the gravel lot the rocks tear at my skin. I taste blood in my mouth as the light above me slowly fades.
</span>
<<audio "gravel" stop>>\
<<audio "fall" play>>\
<<audio "night" fadeout>>\
</div><img src="images/Bathroom.jpg" width=100%>
<div class="fade-container" id="text-container">
Cresting the gravel path up the ridge, I see RVs lining the terrace on my right. The light from the restrooms on the left draws me in like a moth. It's so silent, so still.
[[Continue down the path|Gravel]]
[[Head to the bathrooms|Toilett]]
[[Return to the RV|RV]]
\
</div>
<script>window.shaker(["I collapse into the bathroom stall. The pit of the toilett becomes all that there is. I fall in. Rolling, falling, onto the gravel lot; the light slowly fades."]);</script><img src="images/StallGlow.jpg" class="fadeOut" width=100%>
<div class="fade-container" id="text-container">
<span class="fadeOut">
I collapse into the bathroom stall, gagging. The steel knob slips from my hand. The pit of the toilet becomes all that there is. I fall in.
</span>
<<audio "gravel" stop>>\
<<audio "wetfall" play>>\
<<audio "night" fadeout>>\
</div>
<img src="images/RV.jpg" width=100%>
<div style="text-align:center;">
Welcome to Gaia
Try not to get too dizzy
And please allow us to automatically play audio
(settings in your browser's navigation bar)
[[Let's Spin|Spinner]]
</div>
\
<<set $jumps = ["Sand", "Dice", "Vynil", "Goods", "Sleep", "Hats", "Hat Factory", "Habidasher", "Milliner", "Tour"]>>\
<<set $tracks = ["t1", "t2", "t3", "t4", "t5", "t6", "t7", "t9", "t10", "t11", "t12", "t13", "t14", "t15", "t16", "t17", "t18"]>>\
<<set $round2 = ["Puppets", "Pork", "Holding", "Many Paths", "RV"]>>\
<<set $round3 = ["God", "Sunbeam", "Jay", "Time", "DMT", "Death", "Collapse", "Leaves", "A Perfect Day"]>>\
\
<<set $terrs=["images/Terrace2.jpg", "images/Terrace1.jpg"]>>\
<<set $terr = $terrs.random()>>\
<<set $insides=["images/RVinside1.jpg", "images/RVinside1.jpg", "images/RVinside1.jpg", "images/RVinside2.jpg", "images/RVinside3.jpg", "images/RVinside4.jpg", "images/RVinside5.jpg", "images/RVinside6.jpg", "images/RVinside7.jpg", "images/RVinside8.jpg", "images/RVinside9.jpg", "images/RVinside10.jpg", "images/RVinside11.jpg", "images/RVinside12.jpg", "images/RVinside13.jpg", "images/RVinside14.jpg"]>>\
<<set $fewinsides=["images/RVinsidefew1.jpg", "images/RVinsidefew2.jpg", "images/RVinsidefew3.jpg", "images/RVinsidefew4.jpg", "images/RVinsidefew5.jpg", "images/RVinsidefew6.jpg", "images/RVinsidefew7.jpg"]>>\
\
<<set $hold = "nothing">>\
<<set $ask = "nothing">>\
<<set $numSpins = 0>>\
<<set $numJumps = 0>>\
<<set $timer = 3>>\
<<set $maxJumps = 2>>\
<<set $body = false>>\
<<set $rachel = false>>\
<<set $rv = false>>\
<<set $rvout = "nope">>
<<set $randeg = random(0,360)>>
\
<<cacheaudio "t1" "audio/barcelona.mp3">>\
<<cacheaudio "t2" "audio/castle.mp3">>\
<<cacheaudio "t3" "audio/goods.mp3">>\
<<cacheaudio "t4" "audio/habidasher.mp3">>\
<<cacheaudio "t5" "audio/hats.mp3">>\
<<cacheaudio "t6" "audio/miliner.mp3">>\
<<cacheaudio "t7" "audio/press.mp3">>\
<<cacheaudio "t8" "audio/sand.mp3">>\
<<cacheaudio "t9" "audio/sleep.mp3">>\
<<cacheaudio "t10" "audio/aupair.mp3">>\
<<cacheaudio "t11" "audio/crumbly.mp3">>\
<<cacheaudio "t12" "audio/dice.mp3">>\
<<cacheaudio "t13" "audio/dothat.mp3">>\
<<cacheaudio "t14" "audio/factory.mp3">>\
<<cacheaudio "t15" "audio/knit.mp3">>\
<<cacheaudio "t16" "audio/magenta.mp3">>\
<<cacheaudio "t17" "audio/quests.mp3">>\
<<cacheaudio "t18" "audio/singles.mp3">>\
<<cacheaudio "gravel" "audio/gravel.mp3">>\
<<cacheaudio "fall" "audio/fall.mp3">>\
<<cacheaudio "wetfall" "audio/wetfall.mp3">>\
<<cacheaudio "blankets" "audio/blankets.mp3">>\
<<cacheaudio "perfect" "audio/perfect.mp3">>\
<<cacheaudio "night" "audio/night.mp3">>\
<<waitforaudio>>\
\
<<audio "night" play loop>>\ <img id="image" style="filter: url('#swirl');" @src=$insides.random() class="spin" width=100%>
<svg>
<filter id="swirl">
<feTurbulence
baseFrequency="0.010"
numOctaves="1"
result="wrap"
type="fractalNoise">
</feTurbulence>
<feColorMatrix in="wrap" type="hueRotate" @value=random(0,360)>
</feColorMatrix>
<feDisplacementMap
id="liquid"
class="liquid"
xChannelSelector="R"
yChannelSelector="B"
in="SourceGraphic"
in2="swirl"
>
<animate
attributeName="scale"
values="0;300;900;300;0"
dur="5s"
></animate>
</feDisplacementMap>
</filter>
</svg>
<<set $numJumps++>>
<<if $numJumps gt $maxJumps>>\
<<goto "The Knob">>\
<<else>>\
<<audio $tracks.pluck() play goto "Spinner">>\
<</if>>\