"carton kingdoms"
just a title screen thing
This commit is contained in:
Durvenson
parent
01ea685e80
commit
40e4d353b0
10 changed files with 93 additions and 4 deletions
|
|
@ -21,12 +21,12 @@
|
|||
<h2>
|
||||
Items
|
||||
</h2>
|
||||
<span id="pick">Bare Hands (1 damage, costed 0 coins)</span><br>
|
||||
<span id="pick">Bare Hands (1 block damage, costed 0 coins)</span><br>
|
||||
<h2>
|
||||
Shop
|
||||
</h2>
|
||||
<span id="coins">You have 0 coins to spend.</span><br><br>
|
||||
<span id="pickupgrades">Dirt Shovel (1.25 damage, costs 2.5 coins)</span><br>
|
||||
<span id="pickupgrades">Dirt Shovel (1.25 block damage, costs 2.5 coins)</span><br>
|
||||
<button onclick="upgrade('pick')">Buy now!</span>
|
||||
</div>
|
||||
<div id="right">
|
||||
|
|
|
|||
|
|
@ -121,8 +121,8 @@ function upgrade(item) {
|
|||
if (coins >= picks[picklevel+1][2]) {
|
||||
picklevel = picklevel + 1;
|
||||
coins = coins - picks[picklevel][2];
|
||||
document.getElementById("pick").innerHTML = picks[picklevel][1] + " (" + picks[picklevel][0] + " damage, costed " + picks[picklevel][2] + " coins )";
|
||||
document.getElementById("pickupgrades").innerHTML = picks[picklevel+1][1] + " (" + picks[picklevel+1][0] + " damage, costs " + picks[picklevel+1][2] + " coins )";
|
||||
document.getElementById("pick").innerHTML = picks[picklevel][1] + " (" + picks[picklevel][0] + " block damage, costed " + picks[picklevel][2] + " coins )";
|
||||
document.getElementById("pickupgrades").innerHTML = picks[picklevel+1][1] + " (" + picks[picklevel+1][0] + " block damage, costs " + picks[picklevel+1][2] + " coins )";
|
||||
document.getElementById("coins").innerHTML = "You have " + coins + " coins to spend.";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
BIN
cartoonKingdoms/civilizations.png
Normal file
BIN
cartoonKingdoms/civilizations.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
cartoonKingdoms/civsong.mp3
Normal file
BIN
cartoonKingdoms/civsong.mp3
Normal file
Binary file not shown.
39
cartoonKingdoms/index.css
Normal file
39
cartoonKingdoms/index.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap");
|
||||
html {
|
||||
background: repeating-linear-gradient(45deg,#404d9c,#404d9c 10px,#263278 10px,#363278 20px);
|
||||
color: #DDDDDD;
|
||||
font-family: Balsamiq Sans, cursive;
|
||||
overflow: hidden;
|
||||
}
|
||||
button {
|
||||
font-family: Balsamiq Sans, cursive;
|
||||
font-size: 20px;
|
||||
margin: 4px;
|
||||
background-color: #222288FF;
|
||||
border: solid 5px #888844FF;
|
||||
border-radius: 5px;
|
||||
color: #DDDDDD;
|
||||
}
|
||||
.center {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
.right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border: solid 5px #888844FF;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.leftinfo {
|
||||
position: fixed;
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
background-color: #333366;
|
||||
z-index: 10;
|
||||
overflow-y: auto;
|
||||
}
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
39
cartoonKingdoms/index.html
Normal file
39
cartoonKingdoms/index.html
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<head>
|
||||
<title>
|
||||
Doodle Kingdoms thing
|
||||
</title>
|
||||
<link rel="stylesheet" type="text/css" href="index.css">
|
||||
</link>
|
||||
</head>
|
||||
<body>
|
||||
<audio id="audio">
|
||||
<source src="civsong.mp3" type="audio/mp3">
|
||||
</audio>
|
||||
<div class="leftinfo">
|
||||
<h2>
|
||||
CHANGELOG
|
||||
</h2>
|
||||
<p>7/30/2020: Title screen made.</p>
|
||||
</div>
|
||||
<img src="logo.svg" width="400px" height="300px" class="center">
|
||||
<img src="" width="400px" height="300px" class="right" id="img"><br>
|
||||
<button onclick="audio.play()" class="center">
|
||||
Enable Audio
|
||||
</button><br>
|
||||
<button onclick="noExist()" onmouseenter='select("singleplayer")' class="center">
|
||||
Singleplayer
|
||||
</button><br>
|
||||
<button onclick="noExist()" onmouseenter='select("multiplayer")' class="center">
|
||||
Multiplayer
|
||||
</button><br>
|
||||
<button onclick="noExist()" onmouseenter='select("tutorial")' class="center">
|
||||
Tutorial
|
||||
</button><br>
|
||||
<button onclick="noExist()" onmouseenter='select("civilizations")' class="center">
|
||||
Civilizations
|
||||
</button><br>
|
||||
<button onclick='window.location.href = "https://scratch.mit.edu/studios/26981149/comments/"' onmouseenter='select("studio")' class="center">
|
||||
Scratch Studio
|
||||
</button>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
10
cartoonKingdoms/index.js
Normal file
10
cartoonKingdoms/index.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
var isPlaying = false;
|
||||
var audio = document.getElementById("audio");
|
||||
var img = document.getElementById("img");
|
||||
audio.loop = true;
|
||||
function noExist() {
|
||||
window.alert("lol this doesn't exist yet")
|
||||
}
|
||||
function select(thing) {
|
||||
img.src = thing + ".png";
|
||||
}
|
||||
1
cartoonKingdoms/logo.svg
Normal file
1
cartoonKingdoms/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 26 KiB |
BIN
cartoonKingdoms/singleplayer.png
Normal file
BIN
cartoonKingdoms/singleplayer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
cartoonKingdoms/tutorial.png
Normal file
BIN
cartoonKingdoms/tutorial.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Loading…
Reference in a new issue