summaryrefslogtreecommitdiffstats
path: root/cwd/assets/altcraft/ui
diff options
context:
space:
mode:
authorLaG1924 <lag1924@gmail.com>2021-06-19 22:04:53 +0200
committerLaG1924 <lag1924@gmail.com>2021-06-19 22:13:09 +0200
commitd8710c9c252f49bf442590d47e8b79a9c1231ead (patch)
treec8225953444ead9e4be5a7c586bc21e3c870ab6b /cwd/assets/altcraft/ui
parentImplemented RmlFileInterface (diff)
downloadAltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.tar
AltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.tar.gz
AltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.tar.bz2
AltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.tar.lz
AltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.tar.xz
AltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.tar.zst
AltCraft-d8710c9c252f49bf442590d47e8b79a9c1231ead.zip
Diffstat (limited to 'cwd/assets/altcraft/ui')
-rw-r--r--cwd/assets/altcraft/ui/hud-styles.rcss56
-rw-r--r--cwd/assets/altcraft/ui/hud.rml20
-rw-r--r--cwd/assets/altcraft/ui/main-menu-styles.rcss48
-rw-r--r--cwd/assets/altcraft/ui/main-menu.rml9
-rw-r--r--cwd/assets/altcraft/ui/mc-styles.rcss46
-rw-r--r--cwd/assets/altcraft/ui/pause-styles.rcss43
-rw-r--r--cwd/assets/altcraft/ui/pause.rml15
7 files changed, 186 insertions, 51 deletions
diff --git a/cwd/assets/altcraft/ui/hud-styles.rcss b/cwd/assets/altcraft/ui/hud-styles.rcss
new file mode 100644
index 0000000..61f4147
--- /dev/null
+++ b/cwd/assets/altcraft/ui/hud-styles.rcss
@@ -0,0 +1,56 @@
+.body-hud {
+
+}
+
+.dbg-hud {
+ background-color: #00000055;
+ border-color: black;
+ border-width: 2dp;
+ font-size: 20dp;
+ color: white;
+ padding: 3dp;
+ text-align: left;
+ margin: 3dp auto auto 3dp;
+ position: fixed;
+}
+
+p {
+ display: block;
+}
+
+span {
+ display: inline-block;
+}
+
+.status-hud {
+ background-color: #00000055;
+ border-color: black;
+ border-width: 2dp;
+ font-size: 20dp;
+ color: white;
+ padding: 2dp;
+ margin: 10dp;
+ text-align: center;
+ bottom: 0;
+ position: fixed;
+}
+
+#status-hp-bar {
+ background-color: maroon;
+ border-color: black;
+ margin-left: 5dp;
+ width: 200dp;
+ height: 10dp;
+}
+
+#status-hp-bar fill {
+ background-color: red;
+}
+
+.crosshair-hud {
+ display: table-cell;
+ color: white;
+ font-size: 50dp;
+ text-align: center;
+ vertical-align: middle;
+} \ No newline at end of file
diff --git a/cwd/assets/altcraft/ui/hud.rml b/cwd/assets/altcraft/ui/hud.rml
new file mode 100644
index 0000000..5a1d7ce
--- /dev/null
+++ b/cwd/assets/altcraft/ui/hud.rml
@@ -0,0 +1,20 @@
+<rml>
+ <head>
+ <link type="text/rcss" href="mc-styles" />
+ <link type="text/rcss" href="hud-styles" />
+ <title>Playing</title>
+ </head>
+ <body class="body-hud">
+ <div class="dbg-hud">
+ <p>FPS: <span id="dbg-fps">∞?</span></p>
+ <p>Pos: <span id="dbg-pos">∞?</span></p>
+ <p>Select pos: <span id="dbg-select-pos">∞?</span></p>
+ </div>
+ <div class="status-hud">
+ <p>HP: <span id="status-hp">∞?</span> <progress value="15" max="20" id="status-hp-bar" /> </p>
+ </div>
+ <div style="display: table; width:100%; height: 100%;">
+ <div class="crosshair-hud">+</div>
+ </div>
+ </body>
+</rml>
diff --git a/cwd/assets/altcraft/ui/main-menu-styles.rcss b/cwd/assets/altcraft/ui/main-menu-styles.rcss
index ee86894..8b8b9fb 100644
--- a/cwd/assets/altcraft/ui/main-menu-styles.rcss
+++ b/cwd/assets/altcraft/ui/main-menu-styles.rcss
@@ -1,52 +1,6 @@
-body {
+#body-main-menu {
background-color: #160f08;
color: white;
- font-family: "open sans";
- width: 100%;
- height: 100%;
- text-align: center;
-}
-
-.menu {
- width: 50%;
- margin: auto;
- background-color: #a79f9c;
-}
-
-.mc-title {
- color: #8e8e8e;
- display: block;
-}
-
-.mc-p {
- color: #d6d4d6;
- display: block;
- text-align: left;
- font-size: 4vh;
-}
-
-.mc-text {
- border-width: 2dp;
- border-color: #9f9793;
- background-color: #010001;
- color: #d6d4d6;
- text-align: center;
- vertical-align: middle;
- font-size: 5vh;
-}
-
-.mc-button {
- border-width: 2dp;
- border-color: #14110c;
- background-color: #6e6f70;
- color: #c5c6c7;
- text-align: center;
- vertical-align: middle;
- font-size: 5vh;
-}
-
-.mc-button:hover {
- background-color: #7e86bc;
}
#title {
diff --git a/cwd/assets/altcraft/ui/main-menu.rml b/cwd/assets/altcraft/ui/main-menu.rml
index 9fd2898..e796b67 100644
--- a/cwd/assets/altcraft/ui/main-menu.rml
+++ b/cwd/assets/altcraft/ui/main-menu.rml
@@ -1,8 +1,10 @@
<rml>
<head>
+ <link type="text/rcss" href="mc-styles" />
<link type="text/rcss" href="main-menu-styles" />
+ <title>MainMenu</title>
</head>
- <body>
+ <body id="body-main-menu">
<strong class="mc-title" id="title">AltCraft</strong>
<p class="mc-p" id="disclaimer">AltCraft is currently not finished, but there is some buggy early testing going on.</p>
<p class="mc-p" id="hostname-text">Enter the hostname of a server and your username to connect to it:</p>
@@ -11,9 +13,8 @@
<button class="mc-button" id="connect" onclick="
AC.ConnectToServer(
document:GetElementById('hostname'):GetAttribute('value'),
- document:GetElementById('username'):GetAttribute('value'));
- document:Close()">Connect</button>
- <button class="mc-button" id="options">Options...</button>
+ document:GetElementById('username'):GetAttribute('value'))">Connect</button>
+ <input type="button" disabled class="mc-button" id="options">Options...</input>
<button class="mc-button" id="exit" onclick="AC.Exit()">Quit game</button>
</body>
</rmL>
diff --git a/cwd/assets/altcraft/ui/mc-styles.rcss b/cwd/assets/altcraft/ui/mc-styles.rcss
new file mode 100644
index 0000000..e6dba35
--- /dev/null
+++ b/cwd/assets/altcraft/ui/mc-styles.rcss
@@ -0,0 +1,46 @@
+body {
+ font-family: "open sans";
+ width: 100%;
+ height: 100%;
+ text-align: center;
+}
+
+.mc-title {
+ color: #8e8e8e;
+ display: block;
+}
+
+.mc-p {
+ color: #d6d4d6;
+ display: block;
+ text-align: left;
+ font-size: 4vh;
+}
+
+.mc-text {
+ border-width: 2dp;
+ border-color: #9f9793;
+ background-color: #010001;
+ color: #d6d4d6;
+ text-align: center;
+ vertical-align: middle;
+ font-size: 5vh;
+}
+
+.mc-button {
+ border-width: 2dp;
+ border-color: #14110c;
+ background-color: #6e6f70;
+ color: #c5c6c7;
+ text-align: center;
+ vertical-align: middle;
+ font-size: 5vh;
+}
+
+.mc-button:hover {
+ background-color: #7e86bc;
+}
+
+.mc-button:disabled {
+ background-color: #393939;
+} \ No newline at end of file
diff --git a/cwd/assets/altcraft/ui/pause-styles.rcss b/cwd/assets/altcraft/ui/pause-styles.rcss
new file mode 100644
index 0000000..e8e5a08
--- /dev/null
+++ b/cwd/assets/altcraft/ui/pause-styles.rcss
@@ -0,0 +1,43 @@
+.body-pause {
+ background-color: #000000AA;
+}
+
+#continue {
+ display: inline-block;
+ width: 45%;
+ height: 8%;
+ position: fixed;
+ margin: 20% auto auto;
+}
+
+#advancements {
+ display: inline-block;
+ width: 22%;
+ height: 8%;
+ position: fixed;
+ margin: 30% auto auto 27.5%;
+}
+
+#statistics {
+ display: inline-block;
+ width: 22%;
+ height: 8%;
+ position: fixed;
+ margin: 30% 27.5% auto auto;
+}
+
+#options {
+ display: inline-block;
+ width: 45%;
+ height: 8%;
+ position: fixed;
+ margin: 43% auto auto;
+}
+
+#disconnect {
+ display: inline-block;
+ width: 45%;
+ height: 8%;
+ position: fixed;
+ margin: 53% auto auto;
+}
diff --git a/cwd/assets/altcraft/ui/pause.rml b/cwd/assets/altcraft/ui/pause.rml
new file mode 100644
index 0000000..2e366f8
--- /dev/null
+++ b/cwd/assets/altcraft/ui/pause.rml
@@ -0,0 +1,15 @@
+<rml>
+ <head>
+ <link type="text/rcss" href="mc-styles" />
+ <link type="text/rcss" href="pause-styles" />
+ <title>Paused</title>
+ </head>
+ <body class="body-pause">
+ Press ESC to unpause
+ <button class="mc-button" onclick="AC.SetStatePlaying()" id="continue">Back to Game</button>
+ <input disabled type="button" class="mc-button" onclick="" id="advancements">Advancements</input>
+ <input disabled type="button" class="mc-button" onclick="" id="statistics">Statistics</input>
+ <input disabled type="button" class="mc-button" onclick="" id="options">Options...</input>
+ <button class="mc-button" onclick="AC.Disconnect()" id="disconnect">Disconnect</button>
+ </body>
+</rml>