yuuki/taiko-web
1
0
Fork 0
mirror of https://github.com/yuukiwww/taiko-web.git synced 2024-10-22 17:05:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

GameConfig: Fix css assets

Browse Source
This commit is contained in:
LoveEevee 2018-10-28 14:54:15 +03:00
parent d1ae38e9c4
commit a4e119ecf6
10 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/src/css/game.css
View File

@ -67,6 +67,10 @@
} }
#touch-drum-img{ #touch-drum-img{
width: 100%; width: 100%;
height: 100%;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
} }
#touch-buttons{ #touch-buttons{
display: none; display: none;
@ -76,9 +80,12 @@
opacity: 0.5; opacity: 0.5;
z-index: 5; z-index: 5;
} }
#touch-buttons img{ #touch-buttons div{
display: inline-block;
width: 12.5vmin; width: 12.5vmin;
height: 12.5vmin; height: 12.5vmin;
background-size: contain;
background-repeat: no-repeat;
} }
.portrait #touch-buttons{ .portrait #touch-buttons{
top: 11vh; top: 11vh;

5
public/src/css/loadsong.css
View File

@ -21,7 +21,10 @@
color: #fff; color: #fff;
} }
#loading-don{ #loading-don{
width: 50%; width: 10vw;
height: calc(10vw / 120 * 115);
background-size: contain;
background-repeat: no-repeat;
} }
.loading-text{ .loading-text{
position: relative; position: relative;

6
public/src/css/main.css
View File

@ -14,7 +14,8 @@ body{
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #fe7839 url("/assets/img/bg-pattern-1.png") top center; background-color: #fe7839;
background-position: top center;
background-size: 30vh; background-size: 30vh;
font-family: TnT, Meiryo, sans-serif; font-family: TnT, Meiryo, sans-serif;
} }
@ -236,7 +237,6 @@ kbd{
#song-select{ #song-select{
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("/assets/img/bg_genre_0.png");
background-size: calc(100vh / 720 * 512); background-size: calc(100vh / 720 * 512);
background-repeat: repeat no-repeat; background-repeat: repeat no-repeat;
animation: bgscroll 16s infinite linear; animation: bgscroll 16s infinite linear;
@ -257,6 +257,8 @@ kbd{
width: 12.5vmin; width: 12.5vmin;
height: 12.5vmin; height: 12.5vmin;
opacity: 0.5; opacity: 0.5;
background-size: contain;
background-repeat: no-repeat;
} }
#song-sel-selectable{ #song-sel-selectable{
position: absolute; position: absolute;

10
public/src/css/titlescreen.css
View File

@ -15,13 +15,19 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #1389f0 url("/assets/img/title-screen.png") no-repeat center; background-color: #1389f0;
background-repeat: no-repeat;
background-position: center;
background-size: cover; background-size: cover;
cursor: pointer; cursor: pointer;
} }
.logo-big{ .logo-big{
width: 90vmin; width: 90vmin;
height: auto; height: calc(90vmin / 754 * 400);
background-size: contain;
background-repeat: no-repeat;
text-align: center;
color: transparent;
} }
.click-to-continue{ .click-to-continue{
position: absolute; position: absolute;

4
public/src/js/view.js
View File

@ -1220,11 +1220,11 @@
if(this.touch > ms - 100){ if(this.touch > ms - 100){
if(!this.drumPadding){ if(!this.drumPadding){
this.drumPadding = true this.drumPadding = true
this.touchDrumImg.style.paddingTop = "1%" this.touchDrumImg.style.backgroundPositionY = "7px"
} }
}else if(this.drumPadding){ }else if(this.drumPadding){
this.drumPadding = false this.drumPadding = false
this.touchDrumImg.style.paddingTop = "" this.touchDrumImg.style.backgroundPositionY = ""
} }
} }
} }

4
public/src/views/game.html
View File

@ -1,6 +1,6 @@
<div id="game"> <div id="game">
<div id="touch-drum"> <div id="touch-drum">
<img id="touch-drum-img" src="/assets/img/touch_drum.png"> <div id="touch-drum-img"></div>
</div> </div>
<canvas id="canvas"></canvas> <canvas id="canvas"></canvas>
<div id="pause-menu"> <div id="pause-menu">
@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<div id="touch-buttons"> <div id="touch-buttons">
<img id="touch-full-btn" src="/assets/img/touch_fullscreen.png"><img id="touch-pause-btn" src="/assets/img/touch_pause.png"> <div id="touch-full-btn"></div><div id="touch-pause-btn"></div>
</div> </div>
<div id="cursor"></div> <div id="cursor"></div>
</div> </div>

2
public/src/views/loadsong.html
View File

@ -1,6 +1,6 @@
<div id="load-song"> <div id="load-song">
<div id="loading-song"> <div id="loading-song">
<img id="loading-don" src="/assets/img/dancing-don.gif"> <div id="loading-don"></div>
<div class="loading-text stroke-sub" alt="Loading...">Loading...</div> <div class="loading-text stroke-sub" alt="Loading...">Loading...</div>
</div> </div>
</div> </div>

2
public/src/views/songselect.html
View File

@ -1,5 +1,5 @@
<div id="song-select"> <div id="song-select">
<canvas id="song-sel-canvas"></canvas> <canvas id="song-sel-canvas"></canvas>
<div id="song-sel-selectable" tabindex="1"></div> <div id="song-sel-selectable" tabindex="1"></div>
<img id="touch-full-btn" src="/assets/img/touch_fullscreen.png"> <div id="touch-full-btn"></div>
</div> </div>

2
public/src/views/titlescreen.html
View File

@ -1,4 +1,4 @@
<div id="title-screen"> <div id="title-screen">
<img class="logo-big" src="/assets/img/logo-big.png" alt="太鼓の達人ウェブ"> <div class="logo-big">太鼓の達人ウェブ</div>
<div class="click-to-continue stroke-sub" alt="Click or Press Enter!">Click or Press Enter!</div> <div class="click-to-continue stroke-sub" alt="Click or Press Enter!">Click or Press Enter!</div>
</div> </div>

3
templates/index.html
View File

@ -13,7 +13,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>太鼓の達人ウェブ - Taiko no Tatsujin Web</title> <title>太鼓の達人ウェブ - Taiko no Tatsujin Web</title>
<link rel="icon" href="/assets/img/favicon.png" type="image/png"> <link rel="icon" href="{{config.assets_baseurl}}img/favicon.png" type="image/png">
<meta name="viewport" content="width=device-width, user-scalable=no"> <meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="stylesheet" href="/src/css/main.css?{{version.commit_short}}"/> <link rel="stylesheet" href="/src/css/main.css?{{version.commit_short}}"/>
@ -23,6 +23,7 @@
<link rel="stylesheet" href="/src/css/game.css?{{version.commit_short}}"> <link rel="stylesheet" href="/src/css/game.css?{{version.commit_short}}">
<link rel="stylesheet" href="/src/css/debug.css?{{version.commit_short}}"> <link rel="stylesheet" href="/src/css/debug.css?{{version.commit_short}}">
<link rel="stylesheet" href="{{config.assets_baseurl}}fonts/fonts.css?{{version.commit_short}}"> <link rel="stylesheet" href="{{config.assets_baseurl}}fonts/fonts.css?{{version.commit_short}}">
<link rel="stylesheet" href="{{config.assets_baseurl}}img/img.css?{{version.commit_short}}">
<script src="/src/js/lib/fontdetect.min.js?{{version.commit_short}}"></script> <script src="/src/js/lib/fontdetect.min.js?{{version.commit_short}}"></script>