annasandri
/
pizzagate
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

square

Browse Source
master
*anna* 4 years ago
parent 0b13b6ec2b
commit 806ca3ea72
49 changed files with 973 additions and 133 deletions
Show Stats Download Patch File Download Diff File

BIN
.DS_Store vendored
View File

Binary file not shown.

29
tree/canteen.css
Unescape Escape View File

@ -72,8 +72,29 @@ div.text_container {
position:fixed; position:fixed;
margin: auto; margin: auto;
line-height: 1.4em; line-height: 1.4em;
/*animation-name:text_bottom ;
animation-duration:1s;*/
} }
div.message1{
animation-name:text_bottom ;
animation-duration:1s;
}
/* animation*/
.animation_bottom {
animation-name:text_bottom ;
animation-duration:1s;
};
@keyframes text_bottom {
0% {bottom: 40px;}
25% {bottom: 50px;}
50% {bottom: 40px;}
75% {bottom: 50px;}
100% {bottom: 40px;}
}
.game_bar { .game_bar {
top:40px; top:40px;
right:80px; right:80px;
@ -289,11 +310,7 @@ div.figure5 {
} }
/* hide scroll bar */
/* width */
::-webkit-scrollbar {
color:white;
}
/* Track */ /* Track */
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {

206
tree/canteen.html
Unescape Escape View File

@ -10,21 +10,20 @@
</head> </head>
<body> <body>
<div id="ground"class="invert"></div> <div id="ground"class="invert"></div>
<svg class="invert"> <svg class="invert">
<line x1="10" y1="130" x2="80%" y2="130" style="stroke:black;stroke-width:1" /> <line x1="10" y1="130" x2="80%" y2="130" style="stroke:black;stroke-width:1" />
<line x1="80%" y1="0" x2="80%" y2="130" style="stroke:black;stroke: width 1px;"/> <line x1="80%" y1="0" x2="80%" y2="130" style="stroke:black;stroke: width 1px;"/>
<line x1="80%" y1="130" x2="150%" y2="100%" style="stroke:black;stroke: width 1px;"/> <line x1="80%" y1="130" x2="150%" y2="100%" style="stroke:black;stroke: width 1px;"/>
</svg> </svg>
<!--characters--> <!--characters-->
<div class ="moving_duo" id="player_img"></div> <div class ="moving_duo" id="player_img"></div>
<img class ="moving_duo" id="pill" src="imgs/canteen/pill.png" height="40px"style="display: none;" > <img class ="moving_duo" id="pill" src="imgs/canteen/pill.png" height="40px"style="display: none;" >
<img id="ned" src="imgs/canteen/ned1.gif" height="120px"> <img id="ned" src="imgs/canteen/ned1.gif" height="120px">
<img id="ned_flame" src="imgs/canteen/fire_ned.gif" height="120px" style="display: none;"> <img id="ned_flame" src="imgs/canteen/fire_ned.gif" height="120px" style="display: none;">
<img id="table" src="imgs/canteen/table1.gif" height="110px"> <img id="table" src="imgs/canteen/table1.gif" height="110px">
<img id="column" src="imgs/canteen/fire_5.gif" height="130px" style="display: none;"> <img id="column" src="imgs/canteen/fire_5.gif" height="130px" style="display: none;">
@ -66,16 +65,19 @@
You are now in the school canteen. The staff is there as well: your plan might be getting complicated. <br> You are now in the school canteen. The staff is there as well: your plan might be getting complicated. <br>
<span class="instructions">Click on the corn cobs on the table to take them with you.</span> <span class="instructions">Click on the corn cobs on the table to take them with you.</span>
</div> </div>
<div class="message2 invert" style="display: none;" > <div class="message2 invert" style="display: none;" >
Oh jeez! The school's cooking staff turned into what appears to be a devil-worshippers gang!<br> Oh jeez! The school's cooking staff turned into what appears to be a devil-worshippers gang!<br>
You still have fluoride with you though: use it to fight them back!<br> You still have fluoride with you though: use it to fight them back!<br>
<span class="instructions">Click on the school's staff to neutralize them with the poisonous chemical.</span> <span class="instructions">Click on the school's staff to neutralize them with the poisonous chemical.</span>
</div> </div>
<div class="message3" style="display: none;"> <div class="message3 " style="display: none;">
You managed to neutralize the enemy! Sadly, Ned was hit during the fight. You managed to neutralize the enemy! Sadly, Ned was hit during the fight.
<button onclick="location.href='square_satanism.html';"><span class="button_text">Go to the village square</span></button> to inform the children's parents of your discovery: you need to rescue them from the trip.
If you are still in doubt, <button onclick="location.href='pleiadians_satanism.html';"><span class="button_text">look for the chemtrails</span></button> .
</div> </div>
<div class="message4 " style="display: none;">
<button onclick="location.href='square_satanism.html';"><span class="button_text">Go to the village square</span></button> to inform the citizens of your discovery: you need to rescue the children from the trip.
If you are still in doubt, follow Ned's advice and <button onclick="location.href='pleiadians_satanism.html';"><span class="button_text">look for the chemtrails</span></button> .
</div>
</div> </div>
<!--game bar--> <!--game bar-->
@ -122,33 +124,38 @@ var fluoride = 5;
console.log("fluoride:", fluoride); console.log("fluoride:", fluoride);
weapon.hide(); weapon.hide();
$('.cobs_collected').html(fluoride); $('.cobs_collected').html(fluoride);
/* duo.animate({top:'18%'}, { duo.animate({top:'18%'}, {
duration : 500, duration : 300
done : function() { }).promise().done(function () {
weapon.show(); weapon.show();
console.log("weapon show"); console.log("weapon show");
weapon.animate({ left: "30%" }, { weapon.animate({ left: "30%" }, {
duration: 2000, duration: 300
done : function(){ }).promise().done(function(){
$("#satan1").attr("src", "imgs/canteen/fire_once.gif"); $("#satan1").attr("src", "imgs/canteen/fire_once.gif");
weapon.hide(); weapon.hide();
console.log("weapon hide"); console.log("weapon hide");
weapon.css({ left: "11%" }); weapon.css({ left: "11%" });
setTimeout(stop_game, 3000); check_end_game();
}
}); });
} });
}); */ hit_ned();
});
duo.animate({top:'18%'}, {
duration : 500 $(".figure2").click (function(){
--fluoride;
console.log("fluoride:", fluoride);
weapon.hide();
$('.cobs_collected').html(fluoride);
duo.animate({top:'12%'}, {
duration : 300
}).promise().done(function () { }).promise().done(function () {
weapon.show(); weapon.show();
console.log("weapon show"); console.log("weapon show");
weapon.animate({ left: "30%" }, { weapon.animate({ left: "60%" }, {
duration: 2000 duration: 300
}).promise().done(function(){ }).promise().done(function(){
$("#satan1").attr("src", "imgs/canteen/fire_once.gif"); $("#satan2").attr("src", "imgs/canteen/fire_once.gif");
weapon.hide(); weapon.hide();
console.log("weapon hide"); console.log("weapon hide");
weapon.css({ left: "11%" }); weapon.css({ left: "11%" });
@ -158,78 +165,78 @@ var fluoride = 5;
hit_ned(); hit_ned();
}); });
$(".figure2").click (function(){
--fluoride;
console.log("fluoride:", fluoride);
weapon.hide();
$('.cobs_collected').html(fluoride);
duo.animate({top:'12%' }, 500, function() {
weapon.show();
weapon.animate({ left: "60%" }, 150,function(){
$("#satan2").attr("src", "imgs/canteen/fire_once.gif");
weapon.hide();
weapon.animate({ left: "11%" }, function(){
setTimeout(stop_game, 3000);
});
});
});
hit_ned();
});
$(".figure3").click (function(){ $(".figure3").click (function(){
--fluoride; --fluoride;
console.log("fluoride:", fluoride); console.log("fluoride:", fluoride);
$('.cobs_collected').html(fluoride); weapon.hide();
duo.animate({top:'22%'}, 500, function() { $('.cobs_collected').html(fluoride);
weapon.show(); duo.animate({top:'22%'}, {
weapon.animate({ left: "80%" }, 150,function(){ duration : 300
$("#satan3").attr("src", "imgs/canteen/fire_once.gif"); }).promise().done(function () {
weapon.hide(); weapon.show();
weapon.animate({ left: "11%" }, function(){ console.log("weapon show");
setTimeout(stop_game, 3000); weapon.animate({ left: "80%" }, {
}); duration: 300
}); }).promise().done(function(){
}); $("#satan3").attr("src", "imgs/canteen/fire_once.gif");
hit_ned(); weapon.hide();
console.log("weapon hide");
weapon.css({ left: "11%" });
check_end_game();
});
});
hit_ned();
}); });
$(".figure4").click (function(){ $(".figure4").click (function(){
--fluoride; --fluoride;
console.log("fluoride:", fluoride); console.log("fluoride:", fluoride);
$('.cobs_collected').html(fluoride); weapon.hide();
duo.animate({top:'50%'}, 500, function() { $('.cobs_collected').html(fluoride);
weapon.show(); duo.animate({top:'55%'}, {
weapon.animate({ left: "46%" }, 150,function(){ duration : 300
$("#satan4").attr("src", "imgs/canteen/fire_once.gif"); }).promise().done(function () {
weapon.hide(); weapon.show();
weapon.animate({ left: "11%" }, function(){ console.log("weapon show");
setTimeout(stop_game, 3000); weapon.animate({ left: "46%" }, {
}); duration: 300
}); }).promise().done(function(){
}); $("#satan4").attr("src", "imgs/canteen/fire_once.gif");
hit_ned(); weapon.hide();
console.log("weapon hide");
weapon.css({ left: "11%" });
check_end_game();
});
});
hit_ned();
}); });
$(".figure5").click (function(){ $(".figure5").click (function(){
--fluoride; --fluoride;
console.log("fluoride:", fluoride); console.log("fluoride:", fluoride);
$('.cobs_collected').html(fluoride); weapon.hide();
duo.animate({top:'40%'}, 500, function() { $('.cobs_collected').html(fluoride);
weapon.show(); duo.animate({top:'40%'}, {
weapon.animate({ left: "80%" }, 150,function(){ duration : 300
$("#satan5").attr("src", "imgs/canteen/fire_once.gif"); }).promise().done(function () {
weapon.hide(); weapon.show();
weapon.animate({ left: "11%" }, {function(){ console.log("weapon show");
setTimeout(stop_game, 3000); weapon.animate({ left: "80%" }, {
} duration: 300
}); }).promise().done(function(){
}); $("#satan5").attr("src", "imgs/canteen/fire_once.gif");
}); weapon.hide();
hit_ned(); console.log("weapon hide");
weapon.css({ left: "11%" });
check_end_game();
});
});
hit_ned();
}); });
function hit_ned() { function hit_ned() {
if (fluoride == 3) { if (fluoride == 2) {
$("#ned_flame").show(); $("#ned_flame").show();
//$("#ned_flame").delay(1000).hide(); //$("#ned_flame").delay(1000).hide();
$("#ned").attr("src", "imgs/canteen/ned_wounded.gif"); $("#ned").attr("src", "imgs/canteen/ned_wounded.gif");
@ -241,14 +248,27 @@ var fluoride = 5;
function check_end_game() { function check_end_game() {
console.log("check end game"); console.log("check end game");
if (fluoride == 0) { if (fluoride == 0) {
figures_all.detach();
console.log("game over!"); console.log("game over!");
setTimeout( function (){ setTimeout( function (){
$("#column").hide(); figures_all.detach()
setTimeout($(".invert").removeClass("invert_style"), 3000); setTimeout( function () {
$(".message2").hide(); $("#column").hide();
$(".message3").show(); $(".message2").hide();
}, 3000); $(".message3").show();
$(".invert").removeClass("invert_style");
setTimeout (function ()
{$(".ned_bubble1").show();
setTimeout (function () {
$(".ned_bubble2").show();
setTimeout (function () {
$(".message3").hide();
$(".message4").show();
$("#ned").attr("src", "imgs/canteen/ned_wounded.png");
},5000);
},4000);
},3000);
}, 1000);
}, 1000);
//setTimeout(avatar.animate ({top:"50%"}), 2000); //setTimeout(avatar.animate ({top:"50%"}), 2000);
}; };

BIN
tree/imgs/.DS_Store vendored
View File

Binary file not shown.

BIN
tree/imgs/canteen/ned_wounded.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 21 KiB

BIN
tree/imgs/square_s/.DS_Store vendored
View File

Binary file not shown.

BIN
tree/imgs/square_s/animated-army-image-0041.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
tree/imgs/square_s/animated-people-and-human-image-0110.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
tree/imgs/square_s/animated-pirate-image-0004.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
tree/imgs/square_s/animated-walking-image-0019.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
tree/imgs/square_s/animated-walking-image-0042.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
tree/imgs/square_s/fighter1.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
tree/imgs/square_s/fighter2.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
tree/imgs/square_s/fighter3.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
tree/imgs/square_s/fighter4.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
tree/imgs/square_s/fighter5.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
tree/imgs/square_s/fighter6.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
tree/imgs/square_s/fighter7.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
tree/imgs/square_s/fighter8.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
tree/imgs/square_s/fighter9.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
tree/imgs/square_s/fighter_.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
tree/imgs/square_s/house1.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
tree/imgs/square_s/house10.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
tree/imgs/square_s/house2.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
tree/imgs/square_s/house3.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
tree/imgs/square_s/house4.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
tree/imgs/square_s/house6.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
tree/imgs/square_s/house7.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
tree/imgs/square_s/house8.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
tree/imgs/square_s/house9.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
tree/imgs/square_s/person1.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
tree/imgs/square_s/person2.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
tree/imgs/square_s/person3.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
tree/imgs/square_s/person4.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
tree/imgs/square_s/person5.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
tree/imgs/square_s/person6.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
tree/imgs/square_s/person7.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
tree/imgs/square_s/person8.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
tree/imgs/square_s/person9.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

23
tree/index.css
Unescape Escape View File

@ -54,10 +54,10 @@ font-size: 4vw;
color: black; color: black;
font-family: jolybolditalic; font-family: jolybolditalic;
text-align: center; text-align: center;
background-color: #ccb3ff; background-color: #c94dff;
-webkit-box-shadow: 0px 0px 8px 6px #ccb3ff; -webkit-box-shadow: 0px 0px 8px 6px #c94dff;
-moz-box-shadow: 0px 0px 8px 6px #ccb3ff; -moz-box-shadow: 0px 0px 8px 6px #c94dff;
box-shadow: 0px 0px 8px 6px #ccb3ff; box-shadow: 0px 0px 8px 6px #c94dff;
} }
@ -72,8 +72,8 @@ button {
cursor:pointer; cursor:pointer;
} }
button:hover { button:hover {
border: 0.25vw #ccb3ff solid; border: 0.25vw #c94dff solid;
color:#ccb3ff; color: #c94dff;
} }
span.button_text{ span.button_text{
@ -114,17 +114,18 @@ div.line {
} }
/*#ccb3ff*/
input.avatar { input.avatar {
opacity: 0; opacity: 0;
width: 0; width: 0;
height: 0; height: 0;
} }
input:checked + .radio__control { input:checked + .radio__control {
background-color: #ccb3ff; background-color: #c94dff;
border: #ccb3ff; border: #c94dff;
-webkit-box-shadow: 0px 0px 8px 6px #ccb3ff; -webkit-box-shadow: 0px 0px 8px 6px #c94dff;
-moz-box-shadow: 0px 0px 8px 6px #ccb3ff; -moz-box-shadow: 0px 0px 8px 6px #c94dff;
box-shadow: 0px 0px 8px 6px #ccb3ff; box-shadow: 0px 0px 8px 6px #c94dff;
} }
.radio__control { .radio__control {

2
tree/index.js
Unescape Escape View File

@ -39,7 +39,7 @@ var inputPlayer = document.querySelector('#player_name').value;
localStorage.playerName=inputPlayer; localStorage.playerName=inputPlayer;
if (document.querySelector('#player_name').value === '') { if (document.querySelector('#player_name').value === '') {
alert('Please make sure you declared your preferences'); alert('Please insert you name and choose your avatar');
} }
else { else {
window.location.href = "park.html"; window.location.href = "park.html";

20
tree/monteferro.html
Unescape Escape View File

@ -21,7 +21,7 @@
<div class="farmer" id="farmer_baloon" style="display: none;" >*!!!*</div> <div class="farmer" id="farmer_baloon" style="display: none;" >*!!!*</div>
<div class="baloons"> <div class="baloons">
<div class="ned_baloon1">I have reasons to suspect that the Monteferro Enterprise is poisoning the children's food with a substance called Fluoride. The drug is able to reduce an individual's power to resist domination by slowly calcifying the pineal gland. The school is using it to make children submissive and docile.</div> <div class="ned_baloon1" style="display: none;">I have reasons to suspect that the Monteferro Enterprise is poisoning the children's food with a substance called Fluoride. The drug is able to reduce an individual's power to resist domination by slowly calcifying the pineal gland. The school is using it to make children submissive and docile.</div>
<div class="ned_baloon2" style="display: none;" >The food coming from these fields has already been contaminated with the chemical: we should collect it and confront it with the one at the school canteen.</div> <div class="ned_baloon2" style="display: none;" >The food coming from these fields has already been contaminated with the chemical: we should collect it and confront it with the one at the school canteen.</div>
</div> </div>
@ -58,7 +58,7 @@
<div class="text_container"> <div class="text_container">
<div class="message1"> <div class="message1" style="display: none;">
Oh lord, it's horrible! What can you do to <button id="ned_more"><span class="button_text">stop this terrible abuse</span></button> ? Oh lord, it's horrible! What can you do to <button id="ned_more"><span class="button_text">stop this terrible abuse</span></button> ?
</div> </div>
<div class="message2 instructions" style="display: none;"> <div class="message2 instructions" style="display: none;">
@ -80,11 +80,18 @@
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script> <script>
// saves game step in the local storage // saves game step in the local storage + onload functions
window.onload = function() { window.onload = function() {
window.localStorage.setItem("monteferro","opened"); window.localStorage.setItem("monteferro","opened");
console.log ("monteferro:",localStorage.monteferro); console.log ("monteferro:",localStorage.monteferro);
$('.cobs_collected').html("0"); $('.cobs_collected').html("0");
setTimeout (function () {
$(".ned_baloon1").show();
setTimeout (function () {
$(".message1").show();
},5000);
},1000);
} }
@ -98,9 +105,12 @@
/*ned baloons */ /*ned baloons */
$("#ned_more").click (function () { $("#ned_more").click (function () {
$(".ned_baloon2").show(); $(".ned_baloon1").hide();
$(".message1").hide(); $(".message1").hide();
$(".message2").show(); $(".ned_baloon2").show();
setTimeout (function () {
$(".message2").show();
},4000);
}); });
$("#start_button").click (function () { $("#start_button").click (function () {

11
tree/park.css
Unescape Escape View File

@ -139,7 +139,7 @@ span.button_text{
} }
.clues{ .clues{
text-decoration: underline double 2px #ccb3ff; text-decoration: underline wavy 2px #c94dff;
} }
@ -189,12 +189,13 @@ span.button_text{
.baloons{ .baloons{
font-family:sinistre; font-family:sinistre;
font-size: 3.5vw; font-size: 3.5vw;
color:#c94dff
} }
#baloon1 { #baloon1 {
width: 20vw; width: 20vw;
height: 4vw; height: 4vw;
border:1px solid black; border:1px solid #c94dff;
background:white; background:white;
border-radius: 100vw; border-radius: 100vw;
font-size: 1vw; font-size: 1vw;
@ -207,7 +208,7 @@ span.button_text{
#baloon2 { #baloon2 {
width: 20vw; width: 20vw;
height: 4vw; height: 4vw;
border:1px solid black; border:1px solid #c94dff;
background:white; background:white;
border-radius: 100vw; border-radius: 100vw;
font-size: 1vw; font-size: 1vw;
@ -220,7 +221,7 @@ span.button_text{
#baloon3 { #baloon3 {
width: 20vw; width: 20vw;
height: 4vw; height: 4vw;
border:1px solid black; border:1px solid #c94dff;
background:white; background:white;
border-radius: 100vw; border-radius: 100vw;
font-size: 1vw; font-size: 1vw;
@ -233,7 +234,7 @@ span.button_text{
#baloon4 { #baloon4 {
width: 20vw; width: 20vw;
height: 4vw; height: 4vw;
border:1px solid black; border:1px solid #c94dff;
background:white; background:white;
border-radius: 100vw; border-radius: 100vw;
font-size: 1vw; font-size: 1vw;

18
tree/park.html
Unescape Escape View File

@ -117,9 +117,9 @@
<img id="grass1" src="imgs/park/grass1.gif" height="70px"> <img id="grass1" src="imgs/park/grass1.gif" height="70px">
<img id="kiosk" src="imgs/park/stand3.gif" height="150px" style="display: none;"> <img id="kiosk" src="imgs/park/stand3.gif" height="150px" style="display: none;">
<div class="comic_div" style="display: none;" > <div class="comic_div">
<div class="bubble1">Sorry, no fries today</div> <div class="bubble1" style="display: none;" >Sorry, no fries today</div>
<div class="bubble2">I went to the market this early morning but by the time I was there someone already bought all the potatoes. </div> </div> <div class="bubble2" style="display: none;" >I went to the market this early morning but by the time I was there someone already bought all the potatoes. </div> </div>
</div> </div>
@ -244,12 +244,14 @@
$("#kiosk").click (function(){ $("#kiosk").click (function(){
$(".message5").hide(); $(".message5").hide();
$(".comic_div").toggle(); $(".bubble1").show();
$(".message6").show(); setTimeout (function () {
$(".bubble2").show();
setTimeout (function () {
$(".message6").show();
},2000);
},2000);
}); });
</script> </script>

242
tree/park_N copy.html
Unescape Escape View File

@ -0,0 +1,242 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>looking for</title>
<link rel="icon" href="imgs/park/flower2.gif">
<link rel="stylesheet" href="park_walk.css">
</head>
<body>
<div id="groundline"></div>
<div id="ground">
<div id="player_img"></div>
<div id="player_img"></div>
<img id="bench" src="imgs/park/bench.gif" height="150px">
<img id="tree1" src="imgs/park/tree1.gif" height="200px">
<img id="tree2" src="imgs/park/tree4.gif" height="160px">
<img id="tree3" src="imgs/park/tree4.gif" height="160px">
<img id="flower1" src="imgs/park/flower1.gif" height="30px">
<img id="flower2" src="imgs/park/flower3.gif" height="40px">
<img id="flower3" src="imgs/park/flower3.1.gif" height="40px">
<img id="flower4" src="imgs/park/flower1.1.gif" height="30px">
<img id="flower5" src="imgs/park/flower1.gif" height="30px">
<img id="grass1" src="imgs/park/grass1.gif" height="90px">
<img id="statue" src="imgs/park/statue.gif" height="150px">
<img id="tree4" src="imgs/park/tree4.gif" height="160px">
<img id="flower6" src="imgs/park/flower1.1.gif" height="30px">
<img id="flower7" src="imgs/park/flower3.1.gif" height="40px">
<img id="flower8" src="imgs/park/flower3.1.gif" height="40px">
<img id="tree5" src="imgs/park/tree1.gif" height="230px">
<img id="sport1" src="imgs/park/fitness1.gif" height="70px">
<img id="sport2" src="imgs/park/fitness2.gif" height="70px">
<img id="newspaper_seller" src="imgs/park/newspaper_seller.gif" height="120px">
<img id="woman" src="imgs/park/woman.gif" height="140px">
<img id="flower9" src="imgs/park/flower1.1.gif" height="30px">
<img id="dog" src="imgs/park/dog1.gif" height="90px">
<img id="ned" src="imgs/park/ned2.gif" height="120px">
<img id="grass2" src="imgs/park/grass1.gif" height="90px">
<div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor.</div>
<div class="dog_bubble" style="display: none;">woof</div>
<div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around.</div>
<div class="fit2_bubble" style="display: none;">...</div>
<div class="fit1_bubble" style="display: none;">...</div>
<div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper.</div>
<div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier then it seems. Do you wanna know what I just found out?</div>
<div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof of what I'm saying. </div>
</div>
<div class="text_container">
<div class="message1 instructions">
Move around the park with the arrows ←↑↓→ and click on the people to ask them if they saw the newspaper's owner.
</div>
<div class="message2" style="display: none;">
You found him! <button class="ned_more"><span class="button_text">Hear more from Ned</span></button> .
</div>
<div class="message3" style="display: none;">
It looks intriguing: <button onclick="location.href='monteferro.html';"><span class="button_text">go to the Monteferro Food Enterprise</span></button> with Ned.
</div>
</div>
<script src="jquery.min.js"></script>
<script>
// player moves
//adjust camera scroll
var $div = $('#player_img');
var screenLeftMin = 200;
var screenLeftMax = 870;
function adjustScroll() {
var playerLeft = parseInt($div.css("left"));
var scrollLeft = $(document).scrollLeft();
var screenLeft = playerLeft - scrollLeft;
console.log ("screenleft:", screenLeft);
if (screenLeft > screenLeftMax ) {
$(document).scrollLeft(playerLeft - screenLeftMax)
}
if (screenLeft < screenLeftMin ) {
$(document).scrollLeft(playerLeft - screenLeftMin)
}
}
//move the character
$(document).keydown(function(e) {
var offset = $div.position();
console.log("offset:", offset);
// change z-index
var parent_height = $("#ground").height();
var top_val_px = $div.css('top');
var top_val_only = parseInt(top_val_px);
var top_Percentage = (top_val_only/parent_height) * 100;
console.log ("top %", top_Percentage);
if (top_Percentage > 65) {
$div.css ("zIndex", 5)
}
if (top_Percentage < 55 && top_Percentage > 39) {
$div.css ("zIndex", 4)
}
if (top_Percentage < 39) {
$div.css ("zIndex", 1)
}
switch (e.which) {
case 37:
offset.left -= 20;
console.log("left");
break;
case 38:
offset.top -= 20;
console.log("top");
break;
case 39:
offset.left += 20;
console.log("right");
break;
case 40:
offset.top += 20;
console.log("down");
break;
}
//check the offset and prevent the character to exceed the screen dimension
if (offset.left < 80) {
offset.left = 80;
}
if (offset.left > $("#ground").width() - 250) {
offset.left = $("#ground").width() - 250;
}
if (offset.top < 130) {
offset.top = 130;
}
if (offset.top > $("#ground").height() - 250) {
offset.top = $("#ground").height() - 250;
}
$div.css("left", offset.left);
$div.css("top", offset.top);
e.preventDefault();
adjustScroll();
})
/* manipulate the z-index of the character
var offset_percent = offset
if (offset */
// saves game step in the local storage
window.onload = function() {
window.localStorage.setItem("looking_for_N","opened")
console.log ("looking for N:",localStorage.looking_for_N)
}
//get player avatar from local storage
console.log (localStorage.myavatar)
var img = document.createElement("img");
img.src = localStorage.myavatar;
var player_img = document.querySelector("#player_img");
player_img.appendChild(img);
//get player name from local storage
$("#woman").click (function(){
$(".woman_bubble").toggle();
});
$("#dog").click (function(){
$(".dog_bubble").toggle();
});
$("#newspaper_seller").click (function(){
$(".vendor_bubble").toggle();
});
$("#sport1").click (function(){
$(".fit2_bubble").toggle();
});
$("#sport2").click (function(){
$(".fit1_bubble").toggle();
});
$("#ned").click (function(){
$(".ned_bubble1").toggle();
$(".message1").hide();
setTimeout (function () {
$(".ned_bubble2").show();
setTimeout (function () {
$(".message2").show();
},2000);
},2000);
});
$(".ned_more").click (function(){
$(".ned_bubble3").toggle();
$(".message2,.ned_bubble1, .ned_bubble2").hide();
setTimeout (function () {
$(".message3").show();
},3000);
});
</script>
<script type="text/javascript" src="index.js" ></script>
</body>

20
tree/park_N.html
Unescape Escape View File

@ -41,6 +41,7 @@
<img id="grass2" src="imgs/park/grass1.gif" height="90px"> <img id="grass2" src="imgs/park/grass1.gif" height="90px">
<div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor.</div> <div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor.</div>
<div class="dog_bubble" style="display: none;">woof</div>
<div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around.</div> <div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around.</div>
<div class="fit2_bubble" style="display: none;">...</div> <div class="fit2_bubble" style="display: none;">...</div>
<div class="fit1_bubble" style="display: none;">...</div> <div class="fit1_bubble" style="display: none;">...</div>
@ -197,6 +198,10 @@ $(document).keydown(function(e) {
$(".woman_bubble").toggle(); $(".woman_bubble").toggle();
}); });
$("#dog").click (function(){
$(".dog_bubble").toggle();
});
$("#newspaper_seller").click (function(){ $("#newspaper_seller").click (function(){
$(".vendor_bubble").toggle(); $(".vendor_bubble").toggle();
}); });
@ -210,15 +215,22 @@ $(document).keydown(function(e) {
}); });
$("#ned").click (function(){ $("#ned").click (function(){
$(".ned_bubble1, .ned_bubble2").toggle(); $(".ned_bubble1").toggle();
$(".message1").hide(); $(".message1").hide();
$(".message2").show(); setTimeout (function () {
$(".ned_bubble2").show();
setTimeout (function () {
$(".message2").show();
},2000);
},2000);
}); });
$(".ned_more").click (function(){ $(".ned_more").click (function(){
$(".ned_bubble3").toggle(); $(".ned_bubble3").toggle();
$(".message2").hide(); $(".message2,.ned_bubble1, .ned_bubble2").hide();
$(".message3").show(); setTimeout (function () {
$(".message3").show();
},3000);
}); });

43
tree/park_walk.css
Unescape Escape View File

@ -231,6 +231,7 @@ span.button_text{
left: 38%; left: 38%;
position: absolute; position: absolute;
z-index:4; z-index:4;
cursor:pointer;
} }
#tree5{ #tree5{
@ -332,6 +333,48 @@ span.button_text{
margin-left: -11px; margin-left: -11px;
display: block; display: block;
} }
.dog_bubble {
bottom:33%;
left: 40%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 16px;
text-align: center;
width: 40px;
height: 18px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
}
.dog_bubble:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-width: 20px 15px 0 0;
border-color: #ffffff transparent transparent transparent;
bottom: -20px;
left: 42%;
margin-left: -7.5px;
}
.dog_bubble:before {
content: '';
position: absolute;
width: 0;
z-index: 0;
border-style: solid;
border-width: 21px 16px 0 0;
border-color: #000000 transparent transparent transparent;
bottom: -22px;
left: 42%;
margin-left: -8.5px;
display: block;
}
.vendor_bubble { .vendor_bubble {
bottom:75%; bottom:75%;

235
tree/square_satanism.css
Unescape Escape View File

@ -0,0 +1,235 @@
@font-face {
font-family: sinistre;
src: url(fonts/Sinistre-S†Caroline.woff),
url(fonts/Sinistre-S†Caroline.otf);
}
@font-face {
font-family: jolybolditalic;
src: url(fonts/JolyDisplay-BoldDisplayItalic.woff),
url(fonts/JolyDisplay-BoldDisplayItalic.otf);
}
@font-face {
font-family: jolyregularitalic;
src: url(fonts/JolyDisplay-RegularDisplayItalic.woff),
url(fonts/JolyDisplay-RegularDisplayItalic.otf);
}
@font-face {
font-family: jolyregular;
src: url(fonts/JolyDisplay-RegularDisplay.woff),
url(fonts/JolyDisplay-RegularDisplay.otf);
}
@font-face {
font-family: jolybold;
src: url(fonts/JolyDisplay-BoldDisplay.woff),
url(fonts/JolyDisplay-BoldDisplay.otf);
}
::-moz-selection { /* Code for Firefox */
background: transparent;
}
::selection {
background: transparent;
}
body {
font-family: jolyregular;
font-size: 1.8vw;
}
#ground {
position: fixed;
top: 130px;
bottom: 0px;
height: inherit;
width: 100%;
border-top: 0.1vw solid;
z-index: -1;
}
.instructions{
font-family:jolyregularitalic;
}
div.text_container {
bottom: 40px;
left:40px;
right:40px;
position:fixed;
margin: auto;
line-height: 1.4em;
/*animation-name:text_bottom ;
animation-duration:1s;*/
}
.game_bar {
top:40px;
right:80px;
position:fixed;
border-radius: 25vw;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
font-family: sinistre;
background-color: white;
border: 0.11vw black solid;
border-radius: 25vw;
color:black;
cursor:pointer;
font-size: 1.4vw;
}
button{
-webkit-appearance: none;
background-color: white;
border: 0.11vw black solid;
border-radius: 25vw;
color:black;
cursor:pointer;
font-family: jolybolditalic;
}
button:hover{
border: 0.11vw transparent solid;
-webkit-box-shadow: 0px 0px 8px 2px black;
-moz-box-shadow: 0px 0px 8px 2px black;
box-shadow: 0px 0px 8px 2px black;
}
span.button_text{
font-size: 1.6vw;
padding: 8px;
}
#player_img {
top: 50%;
left: 8%;
position:absolute;
}
/*figures*/
div.figure1 {
top: 25%;
left: 40%;
position:absolute ;
}
div.figure2 {
top: 23%;
left: 65%;
position:absolute ;
}
div.figure3 {
top: 25%;
left:80%;
position:absolute ;
cursor:pointer;
}
div.figure4 {
top: 58%;
left: 54%;
position:absolute ;
cursor:pointer;
}
div.figure5 {
top: 20%;
left: 10%;
position:absolute ;
cursor:pointer;
}
div.figure6 {
top: 50%;
left: 32%;
position:absolute ;
cursor:pointer;
}
div.figure7 {
top: 40%;
left: 22%;
position:absolute ;
cursor:pointer;
}
div.figure8 {
top: 50%;
left: 75%;
position:absolute ;
cursor:pointer;
}
div.figure9 {
top: 40%;
left: 50%;
position:absolute ;
cursor:pointer;
}
/*baloon*/
.bubble {
top:40%;
left:13%;
position: absolute;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 16px;
text-align: center;
width: 40px;
height: 18px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 0;
}
.bubble:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-width: 20px 15px 0 0;
border-color: #ffffff transparent transparent transparent;
bottom: -20px;
left: 42%;
margin-left: -7.5px;
}
.bubble:before {
content: '';
position: absolute;
width: 0;
z-index: 0;
border-style: solid;
border-width: 21px 16px 0 0;
border-color: #000000 transparent transparent transparent;
bottom: -22px;
left: 42%;
margin-left: -8.5px;
display: block;
}

257
tree/square_satanism.html
Unescape Escape View File

@ -0,0 +1,257 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>square</title>
<link rel="icon" href="imgs/square_s/house9.gif">
<link rel="stylesheet" href="square_satanism.css">
</head>
<body>
<div id="ground"></div>
<!--houses-->
<!--game bar-->
<div class="game_bar" >
villagers: <span class="fighters"></span> / 9
</div>
<!--characters-->
<div id="player_img" class="moving_duo"></div>
<div class="bubble moving_duo">!!!</div>
<div class="figure1 figures">
<img id="person1" class="people" src="imgs/square_s/person1.gif" height="120px">
<img id="fighter1" class="fighters" src="imgs/square_s/fighter1.gif" height="120px" style="display: none;">
</div>
<div class="figure2 figures">
<img id="person2" class="people" src="imgs/square_s/person2.gif" height="100px">
<img id="fighter2" class="fighters" src="imgs/square_s/fighter2.gif" height="120px" style="display: none;">
</div>
<div class="figure3 figures">
<img id="person3" class="people" src="imgs/square_s/person3.gif" height="110px">
<img id="fighter3" class="fighters" src="imgs/square_s/fighter3.gif" height="120px" style="display: none;">
</div>
<div class="figure4 figures">
<img id="person4" class="people" src="imgs/square_s/person4.gif" height="110px">
<img id="fighter4" class="fighters" src="imgs/square_s/fighter4.gif" height="120px" style="display: none;">
</div>
<div class="figure5 figures">
<img id="person5" class="people" src="imgs/square_s/person5.gif" height="90px">
<img id="fighter5" class="fighters" src="imgs/square_s/fighter5.gif" height="110px" style="display: none;">
</div>
<div class="figure6 figures">
<img id="person6" class="people" src="imgs/square_s/person6.gif" height="120px">
<img id="fighter6" class="fighters" src="imgs/square_s/fighter6.gif" height="120px" style="display: none;">
</div>
<div class="figure7 figures">
<img id="person7" class="people" src="imgs/square_s/person7.gif" height="120px">
<img id="fighter7" class="fighters" src="imgs/square_s/fighter7.gif" height="140px" style="display: none;">
</div>
<div class="figure8 figures">
<img id="person8" class="people" src="imgs/square_s/person8.gif" height="120px">
<img id="fighter8" class="fighters" src="imgs/square_s/fighter8.gif" height="180px" style="display: none;">
</div>
<div class="figure9 figures">
<img id="person9" class="people" src="imgs/square_s/person9.gif" height="100px">
<img id="fighter9" class="fighters" src="imgs/square_s/fighter9.gif" height="180px" style="display: none;">
</div>
<!--baloons-->
<!--bottom text-->
<div class="text_container">
<div class="message1">
You are in the village square. You must inform the villagers of what is going on in the school: the kids need to be rescued from the evil staff. <br>
<span class="instructions">Click on the villagers to share with them your findings!</span>
</div>
<div class="message2" style="display: none;" >
It looks like you managed to reclute an impressive army: <button onclick="location.href='river_bank.html';"><span class="button_text"> Guide them to the river bank</span></button> and raise anchor to Spring River.
</div>
</div>
<script src="jquery.min.js"></script>
<script>
// saves game step in the local storage
window.onload = function() {
window.localStorage.setItem("square_satanism","opened");
console.log ("square satanism:",localStorage.square_satanism);
$(".fighters").html("0");
}
//get player avatar from local storage
console.log (localStorage.myavatar)
var img = document.createElement("img");
img.src = localStorage.myavatar;
var player_img = document.querySelector("#player_img");
player_img.appendChild(img);
//change characters + invert
/* $().click (function(){
});*/
//warriors
var villagers = 0;
var duo = $(".moving_duo");
var avatar = $("#player_img");
var baloon = $(".bubble");
$(".figure1").click (function(){
villagers ++;
$(".fighters").html(villagers);
avatar.css({ top: "15%", left: "34%" });
baloon.css({ top: "5%", left: "38%" })
baloon.show();
setTimeout ( function (){
$("#person1").hide();
$("#fighter1").show();
baloon.hide();
}, 1000);
end_recluting();
});
$(".figure2").click (function(){
villagers ++;
$(".fighters").html(villagers);
avatar.css({ top: "12%", left: "57%" });
baloon.css({ top: "3%", left: "61%" })
baloon.show();
setTimeout ( function (){
$("#person2").hide();
$("#fighter2").show();
baloon.hide();
}, 1000);
end_recluting();
});
$(".figure3").click (function(){
villagers ++;
$(".fighters").html(villagers);
duo.css ("zIndex", 5);
avatar.css({ top: "26%", left: "84%"});
baloon.css({ top: "15%", left: "88%" })
baloon.show();
setTimeout ( function (){
$("#person3").hide();
$("#fighter3").show();
baloon.hide();
}, 1000);
end_recluting();
});
$(".figure4").click (function(){
villagers ++;
$(".fighters").html(villagers);
avatar.css({ top: "50%", left: "60%"});
baloon.css({ top: "41%", left: "64%" })
baloon.show();
setTimeout ( function (){
$("#person4").hide();
$("#fighter4").show();
baloon.hide();
}, 1000);
end_recluting();
});
$(".figure5").click (function(){
villagers ++;
$(".fighters").html(villagers);
duo.css ("zIndex", 5);
avatar.css({ top: "17%", left: "16%" });
baloon.css({ top: "8%", left: "20%" });
baloon.show();
setTimeout ( function (){
$("#person5").hide();
$("#fighter5").show();
baloon.hide();
}, 1000);
end_recluting();
});
$(".figure6").click (function(){
villagers ++;
$(".fighters").html(villagers);
duo.css({ top: "15%", left: "34%" });
baloon.show();
setTimeout ( function (){
$("#person6").hide();
$("#fighter6").show();
baloon.hide();
}, 2000);
end_recluting();
});
$(".figure7").click (function(){
villagers ++;
$(".fighters").html(villagers);
duo.css({ top: "15%", left: "34%" });
baloon.show();
setTimeout ( function (){
$("#person7").hide();
$("#fighter7").show();
baloon.hide();
}, 2000);
end_recluting();
});
$(".figure8").click (function(){
villagers ++;
$(".fighters").html(villagers);
duo.css({ top: "15%", left: "34%" });
baloon.show();
setTimeout ( function (){
$("#person8").hide();
$("#fighter8").show();
baloon.hide();
}, 2000);
end_recluting();
});
$(".figure9").click (function(){
villagers ++;
$(".fighters").html(villagers);
duo.css({ top: "15%", left: "34%" });
baloon.show();
setTimeout ( function (){
$("#person9").hide();
$("#fighter9").show();
baloon.hide();
}, 2000);
end_recluting();
});
function end_recluting(){
if (villagers == 9) {
$(".message1").hide();
$(".message2").show();
setTimeout ( function (){
figures.detach();
avatar.css({ top: "55%", left: "8%" })
}, 1000);
}
}
</script>
<script type="text/javascript" src="index.js" ></script>
</body>
Write Preview
Loading…
Cancel
Save