*anna*
4 years ago
@ -1,17 +0,0 @@
|
||||
<!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>start</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<script src="jquery.min.js"></script>
|
||||
<script type="text/javascript" src="index.js" ></script>
|
||||
|
||||
</body>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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>start</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<script src="jquery.min.js"></script>
|
||||
<script type="text/javascript" src="index.js" ></script>
|
||||
|
||||
</body>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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>start</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<script src="jquery.min.js"></script>
|
||||
<script type="text/javascript" src="index.js" ></script>
|
||||
|
||||
</body>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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>start</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<script src="jquery.min.js"></script>
|
||||
<script type="text/javascript" src="index.js" ></script>
|
||||
|
||||
</body>
|
||||
@ -0,0 +1,51 @@
|
||||
<!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>final test</title>
|
||||
<link rel="icon" href="imgs/avatars/ball2.gif">
|
||||
</head>
|
||||
<body>
|
||||
Hello <span id="player_name"></span> (<span id="player_img"></span>).
|
||||
This is the end. In your journey you visited:
|
||||
<div id="park_info" style="display:none;">
|
||||
The park
|
||||
</div>
|
||||
<div id="newspaper_info" style="display:none;">
|
||||
The newspaper
|
||||
</div>
|
||||
<script>
|
||||
|
||||
//player name
|
||||
document.querySelector('#player_name').innerHTML =localStorage.playerName;
|
||||
|
||||
//player img
|
||||
var img = document.createElement("img");
|
||||
img.src = localStorage.myavatar;
|
||||
var player_img = document.querySelector("#player_img");
|
||||
player_img.appendChild(img);
|
||||
|
||||
//checks story development
|
||||
|
||||
window.onload = function (){
|
||||
var park = document.querySelector("#park_info");
|
||||
var news = document.querySelector("#newspaper_info");
|
||||
|
||||
if (localStorage.park === "opened" ) {
|
||||
console.log ("park:",localStorage.park);
|
||||
park.style.display ="block";
|
||||
}
|
||||
|
||||
if (localStorage.newspaper === "opened" ) {
|
||||
console.log ("newspaper:",localStorage.newspaper);
|
||||
news.style.display ="block";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
<script type="text/javascript" src="index.js" ></script>
|
||||
|
||||
</body>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 275 KiB |
|
Before Width: | Height: | Size: 280 KiB |
|
Before Width: | Height: | Size: 891 KiB |
|
Before Width: | Height: | Size: 13 KiB |
@ -0,0 +1,84 @@
|
||||
<!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.css">
|
||||
|
||||
</head>
|
||||
<style>
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<div id="groundline"></div>
|
||||
|
||||
<div id="player_img"></div>
|
||||
|
||||
|
||||
|
||||
<img id="bench" src="imgs/park/bench1.gif" height="20%">
|
||||
<img id="tree1" src="imgs/park/tree1.gif" height="30%">
|
||||
<img id="tree2" src="imgs/park/tree4.gif" height="25%">
|
||||
<img id="tree3" src="imgs/park/tree4.gif" height="25%">
|
||||
<img id="newspaperimg" src="imgs/park/newspaper2.gif" height="7%">
|
||||
<img id="flower1" src="imgs/park/flower1.gif" height="5%">
|
||||
<img id="flower2" src="imgs/park/flower3.gif" height="7%">
|
||||
<img id="flower3" src="imgs/park/flower3.1.gif" height="6%">
|
||||
<img id="flower4" src="imgs/park/flower1.1.gif" height="5%">
|
||||
<img id="flower5" src="imgs/park/flower1.gif" height="5%">
|
||||
<img id="grass1" src="imgs/park/grass1.gif" height="75vw">
|
||||
<img id="grass2" src="imgs/park/grass1.gif" height="75vw">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="text_container">
|
||||
move
|
||||
</div>
|
||||
|
||||
|
||||
<script src="jquery.min.js"></script>
|
||||
<script>
|
||||
|
||||
//move
|
||||
var $div = $('#player_img');
|
||||
$(document).keydown(function(e) {
|
||||
switch (e.which) {
|
||||
case 37:
|
||||
$div.css('left', $div.offset().left - 20);
|
||||
break;
|
||||
case 38:
|
||||
$div.css('top', $div.offset().top - 20);
|
||||
break;
|
||||
case 39:
|
||||
$div.css('left', $div.offset().left + 20);
|
||||
break;
|
||||
case 40:
|
||||
$div.css('top', $div.offset().top + 20);
|
||||
break;
|
||||
}
|
||||
})
|
||||
//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
|
||||
document.querySelector('#player_name').innerHTML =localStorage.playerName;
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="index.js" ></script>
|
||||
|
||||
</body>
|
||||