Kaynağa Gözat

Optimizations for dynamic background, pinned background to image 0 for development of the UI, tweaked menu button css.

Daniel Scalzi 8 yıl önce
ebeveyn
işleme
2c7dc16247
3 değiştirilmiş dosya ile 8 ekleme ve 6 silme
  1. 4 3
      app/assets/css/launcher.css
  2. 1 3
      app/index.ejs
  3. 3 0
      index.js

+ 4 - 3
app/assets/css/launcher.css

@@ -273,11 +273,12 @@ body, html, div {
     font-family: 'Avenir Book';
     background: none;
     border: none;
+    cursor: pointer;
 }
 
 #menu_img {
-    height:15px;
-    margin-left:-2px;
+    height: 11px;
+    margin-left: -2px;
 }
 
 #menu_text {
@@ -286,6 +287,6 @@ body, html, div {
     letter-spacing: 2px;
     text-shadow: 0px 0px 0px #bebcbb;
     font-size: 11px;
-    line-height: 24px;
+    line-height: 30px;
     display: flex;
 }

+ 1 - 3
app/index.ejs

@@ -4,10 +4,9 @@
     <title>Westeroscraft Launcher</title>
     <script src="./assets/js/script.js"></script>
     <link type="text/css" rel="stylesheet" href="./assets/css/launcher.css">
-    <% let bkid = Math.floor((Math.random() * 5)); %>
     <style>
         body {
-            background: url('assets/images/backgrounds/<%=bkid%>.jpg') no-repeat center center fixed;
+            background: url('assets/images/backgrounds/<%=0%>.jpg') no-repeat center center fixed;
             background-size: cover;
         }
     </style>
@@ -48,7 +47,6 @@
                 <div class="bot_wrapper">
                     <div id="content">
                         <button id="menu_button">
-                            <!--<% include assets/images/icons/arrow.svg %>-->
                             <img src="assets/images/icons/arrow.svg" id="menu_img"/>
                             &#10;<span id="menu_text">MENU</span>
                         </button>

+ 3 - 0
index.js

@@ -1,6 +1,7 @@
 const {app, BrowserWindow} = require('electron')
 const path = require('path')
 const url = require('url')
+const fs = require('fs')
 const ejse = require('ejs-electron')
 
 // Keep a global reference of the window object, if you don't, the window will
@@ -10,6 +11,8 @@ let win
 function createWindow() {
     win = new BrowserWindow({ width: 980, height: 552, icon: getPlatformIcon('WesterosSealSquare'), frame: false})
 
+    ejse.data('bkid', Math.floor((Math.random() * fs.readdirSync('app/assets/images/backgrounds').length)))
+
     win.loadURL(url.format({
         pathname: path.join(__dirname, 'app', 'index.ejs'),
         protocol: 'file:',