diff options
| -rw-r--r-- | webAO/client.css | 8 | ||||
| -rw-r--r-- | webAO/client.html | 1 | ||||
| -rw-r--r-- | webAO/client.js | 4 |
3 files changed, 13 insertions, 0 deletions
diff --git a/webAO/client.css b/webAO/client.css index a531921..c0e4a83 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -188,6 +188,14 @@ img { left: 0; } +#client_background { + position: absolute; + background-color: transparent; + width: 100%; + height: auto; + padding-bottom: 75%; +} + #client_name { display: none; height: 7%; diff --git a/webAO/client.html b/webAO/client.html index 2216666..8b6a990 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -23,6 +23,7 @@ <template id="client_wrapper"> <meta name="frame-title" lang="en" content="Game"> <div id="client_icwrapper"> + <div id="client_background"></div> <div id="client_gamewindow"> <img id="client_court" alt="Courtroom background" onerror="imgError(this);"> <img id="client_char" onerror="imgError(this);"> diff --git a/webAO/client.js b/webAO/client.js index d97cb2d..8a5ddfb 100644 --- a/webAO/client.js +++ b/webAO/client.js @@ -1087,6 +1087,7 @@ class Viewport { const chatBox = document.getElementById("client_chat"); const charSprite = document.getElementById("client_char"); const eviBox = document.getElementById("client_evi"); + const background = document.getElementById("client_background"); const shoutSprite = document.getElementById("client_shout"); const chatBoxInner = document.getElementById("client_inner_chat"); @@ -1102,6 +1103,8 @@ class Viewport { } if (this.chatmsg.isnew) { + // Reset screen background + background.style.backgroundColor = "transparent"; // Hide message and evidence window nameBox.style.display = "none"; chatBox.style.display = "none"; @@ -1139,6 +1142,7 @@ class Viewport { }); } else if (this.chatmsg.flash === 1) { // Flash screen + background.style.backgroundColor = "white"; this.sfxaudio.pause(); this.sfxplayed = 1; this.sfxaudio.src = AO_HOST + "sounds/general/sfx-realization.wav"; |