"carton kingdoms"

just a title screen thing
This commit is contained in:
Durvenson 2020-07-30 13:00:41 -04:00
parent 01ea685e80
commit 40e4d353b0
10 changed files with 93 additions and 4 deletions

View file

@ -21,12 +21,12 @@
<h2> <h2>
Items Items
</h2> </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> <h2>
Shop Shop
</h2> </h2>
<span id="coins">You have 0 coins to spend.</span><br><br> <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> <button onclick="upgrade('pick')">Buy now!</span>
</div> </div>
<div id="right"> <div id="right">

View file

@ -121,8 +121,8 @@ function upgrade(item) {
if (coins >= picks[picklevel+1][2]) { if (coins >= picks[picklevel+1][2]) {
picklevel = picklevel + 1; picklevel = picklevel + 1;
coins = coins - picks[picklevel][2]; coins = coins - picks[picklevel][2];
document.getElementById("pick").innerHTML = picks[picklevel][1] + " (" + picks[picklevel][0] + " damage, costed " + picks[picklevel][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] + " damage, costs " + picks[picklevel+1][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."; document.getElementById("coins").innerHTML = "You have " + coins + " coins to spend.";
} }
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
cartoonKingdoms/civsong.mp3 Normal file

Binary file not shown.

39
cartoonKingdoms/index.css Normal file
View 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;
}

View 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
View 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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB