|
|
|
@ -12,7 +12,8 @@
|
|
|
|
|
<script src="p5.sound.js"></script>
|
|
|
|
|
<script src="p5.collide2d.js"></script>
|
|
|
|
|
<script type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<title>I Don't Know Where We're Going, But..</title>
|
|
|
|
|
|
|
|
|
|
<!--------------- INPUT CODE ---------------------------------->
|
|
|
|
@ -41,13 +42,54 @@
|
|
|
|
|
|
|
|
|
|
<img src="INTRO.gif" alt="" id="GIF"/></div>
|
|
|
|
|
|
|
|
|
|
<div id="BOX3">
|
|
|
|
|
<img src="symboles/HELP.png">
|
|
|
|
|
</div>
|
|
|
|
|
<a href="#colophon" id="colophonX"><button>?</button></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="audio">
|
|
|
|
|
<audio autoplay loop id="footsteps" src="sounds/walking.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<!-- <audio controls loop id="PNF1" src="sounds/PNF_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF2" src="sounds/PNF_02.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF3" src="sounds/PNF_03.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF4" src="sounds/PNF_04.mp3"></audio> -->
|
|
|
|
|
<audio controls loop id="PNF1" src="sounds/PNF_05.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF2" src="sounds/PNF_06.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<!-- <audio controls loop id="Chinatown1" src="sounds/chinatown_01.mp3"></audio> -->
|
|
|
|
|
<audio controls loop id="LOBS1" src="sounds/chinatown_02.mp3"></audio>
|
|
|
|
|
<audio controls loop id="LOBS2" src="sounds/chinatown_03.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<audio controls loop id="SONIC1" src="sounds/schoolstraat_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="SONIC2" src="sounds/schoolstraat_02.mp3"></audio>
|
|
|
|
|
<!-- <audio controls loop id="Schoolstraat3" src="sounds/schoolstraat_03.mp3"></audio>
|
|
|
|
|
<audio controls loop id="Schoolstraat4" src="sounds/schoolstraat_04.mp3"></audio> -->
|
|
|
|
|
|
|
|
|
|
<!-- <audio controls loop id="pigeonsquare1" src="sounds/pigeonsquare_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="pigeonsquare2" src="sounds/pigeonsquare_02.mp3"></audio>
|
|
|
|
|
<audio controls loop id="pigeonsquare3" src="sounds/pigeonsquare_03.mp3"></audio>-->
|
|
|
|
|
<audio controls loop id="PIGEON1" src="sounds/pigeonsquare_04.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PIGEON2" src="sounds/pigeonsquare_05.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<audio controls loop id="GARDE1" src="sounds/spinoza_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="GARDE2" src="sounds/spinoza_02.mp3"></audio>
|
|
|
|
|
<!-- <audio controls loop id="spinoza3" src="sounds/spinoza_03.mp3"></audio> -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="container">
|
|
|
|
|
|
|
|
|
|
<div id="a">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="openModal" class="modalDialog">
|
|
|
|
|
<div>
|
|
|
|
|
<a href="#close" title="Close" class="close">X</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script defer src="canvas.js"></script>
|
|
|
|
|
<script defer src="codes.js"></script>
|
|
|
|
|
|
|
|
|
|
<div id="openModal" class="modalDialog">
|
|
|
|
|
<div><a href="#colophonX" id="colophon"><button>Back to top</button></a>
|
|
|
|
|
<p2>
|
|
|
|
|
Another lockdown; shops closed, museums closed, bars closed, cafés closed, restaurants closed.
|
|
|
|
|
You turn to escapist media, in another attempt to climb the inner walls of a deflating castle.
|
|
|
|
@ -129,69 +171,36 @@ All deformation, reproduction, modification, derivation and transformation of th
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
This license does not apply to the materials that were created by third party creators. Third party materials will be marked with this symbol : ⨂.
|
|
|
|
|
This license does not apply to the materials that were created by third party creators. Third party materials will be marked with a symbol.
|
|
|
|
|
<br><br>
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
</p2>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="audio">
|
|
|
|
|
<audio autoplay loop id="footsteps" src="sounds/walking.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<!-- <audio controls loop id="PNF1" src="sounds/PNF_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF2" src="sounds/PNF_02.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF3" src="sounds/PNF_03.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF4" src="sounds/PNF_04.mp3"></audio> -->
|
|
|
|
|
<audio controls loop id="PNF1" src="sounds/PNF_05.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PNF2" src="sounds/PNF_06.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<!-- <audio controls loop id="Chinatown1" src="sounds/chinatown_01.mp3"></audio> -->
|
|
|
|
|
<audio controls loop id="LOBS1" src="sounds/chinatown_02.mp3"></audio>
|
|
|
|
|
<audio controls loop id="LOBS2" src="sounds/chinatown_03.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<audio controls loop id="SONIC1" src="sounds/schoolstraat_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="SONIC2" src="sounds/schoolstraat_02.mp3"></audio>
|
|
|
|
|
<!-- <audio controls loop id="Schoolstraat3" src="sounds/schoolstraat_03.mp3"></audio>
|
|
|
|
|
<audio controls loop id="Schoolstraat4" src="sounds/schoolstraat_04.mp3"></audio> -->
|
|
|
|
|
|
|
|
|
|
<!-- <audio controls loop id="pigeonsquare1" src="sounds/pigeonsquare_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="pigeonsquare2" src="sounds/pigeonsquare_02.mp3"></audio>
|
|
|
|
|
<audio controls loop id="pigeonsquare3" src="sounds/pigeonsquare_03.mp3"></audio>-->
|
|
|
|
|
<audio controls loop id="PIGEON1" src="sounds/pigeonsquare_04.mp3"></audio>
|
|
|
|
|
<audio controls loop id="PIGEON2" src="sounds/pigeonsquare_05.mp3"></audio>
|
|
|
|
|
|
|
|
|
|
<audio controls loop id="GARDE1" src="sounds/spinoza_01.mp3"></audio>
|
|
|
|
|
<audio controls loop id="GARDE2" src="sounds/spinoza_02.mp3"></audio>
|
|
|
|
|
<!-- <audio controls loop id="spinoza3" src="sounds/spinoza_03.mp3"></audio> -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="container">
|
|
|
|
|
|
|
|
|
|
<div id="a">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script defer src="canvas.js"></script>
|
|
|
|
|
<script defer src="codes.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var button = document.getElementById('BOX3'); // Assumes element with id='button'
|
|
|
|
|
|
|
|
|
|
button.onclick = function() {
|
|
|
|
|
var div = document.getElementById('openModal');
|
|
|
|
|
if (div.style.display !== 'none') {
|
|
|
|
|
div.style.display = 'none';
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
div.style.display = 'block';
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$("#colophon").click(function(){
|
|
|
|
|
$('.modalDialog').fadeIn(600);})
|
|
|
|
|
$("#colophonX").click(function(){
|
|
|
|
|
$('.modalDialog').fadeIn(600);})
|
|
|
|
|
});
|
|
|
|
|
//var button = document.getElementById('BOX3'); // Assumes element with id='button'
|
|
|
|
|
|
|
|
|
|
//button.onclick = function() {
|
|
|
|
|
// var div = document.getElementById('openModal');
|
|
|
|
|
// if (div.style.display !== 'none') {
|
|
|
|
|
// div.style.display = 'none';
|
|
|
|
|
//}
|
|
|
|
|
//else {
|
|
|
|
|
//div.style.display = 'block';
|
|
|
|
|
//}
|
|
|
|
|
//};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|