{<!-- play a looping background track -->
(track: 'ac5am', 'loop', true)
(track: 'ac5am', 'play')}
<img src="https://wtf.verdi.space/twine/media/spaceegg.svg" height="805" width="453">
^^These are animated SVGs that I made with SVGator. Pretty cool. This one is really bitmap images inside an SVG (think animated GIFs or silent video but smaller file size). I really want to make animations like this for this project.
And yes, this is the 5am music from Animal Crossing.
<span class="right">(link-repeat: 'Next')[(track: 'click', 'play')(goto: 'Page 2')]</span><img src="https://wtf.verdi.space/twine/media/bot.svg" height="104" height="200">
I did not make this animation though - it's a sample from SVGator. That click on the next link is also from Animal Crossing.
If this were a real thing, there would probably be more words here. I guess I could have added some Lorem ipsum but... meh.
<span class="left">(link-repeat: 'Back')[(track: 'click', 'play')(goto: 'Start')]</span><span class="right">(link-repeat: 'Next')[(track: 'click', 'play')(goto: 'Page 3')]</span>{(track: 'ac5am', 'stop')
<script>
var vid = document.getElementById("cosmos");
function playVid() {
vid.play();
}
function pauseVid() {
vid.pause();
}
</script>
}
<div class="video-container-sd"><video id="cosmos" src="https://wtf.verdi.space/twine/media/cosmos.mp4" crossorigin="anonymous" height="480" width="640" autoplay playsinline></video></div>
And hey - here's a video!
The big trick will be getting this to play on a phone in response to the click you made to get to this scene. Did it work?
<span class="left" onclick="pauseVid()">(link-repeat: 'Back')[(track: 'click', 'play')(track: 'ac5am', 'loop', true)(track: 'ac5am', 'play')(goto: 'Page 2')]</span><span class="right" onclick="pauseVid()">(link-repeat: 'Next')[(track: 'click', 'play')(goto: 'End')]</span><img src="https://wtf.verdi.space/twine/media/3d.svg" height="382" width="640">
<div class="center">Hello! This is just me testing things out.</div>
<div class="center"><!--(link-repeat: 'Start')[(track: 'click', 'play')(goto: 'Start')]-->[[Start]]</div>ac5am: https://wtf.verdi.space/twine/media/ac5am.mp3, https://wtf.verdi.space/twine/media/ac5am.m4a
click: https://wtf.verdi.space/twine/media/click.mp3, https://wtf.verdi.space/twine/media/click.m4ashowControls: false
preLoad: true<div class="center">This is the end. Thanks for testing.</div>
<div class="center">[[Start Over->Beginning]]</div>