yuuki/taiko-web
1
0
Fork 0
mirror of https://github.com/yuukiwww/taiko-web.git synced 2024-09-29 12:49:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #64 from LoveEevee/gameconfig-fix-css-assets

Browse Source 
GameConfig: Fix css assets
This commit is contained in:
Bui 2018-10-28 12:04:25 +00:00 committed by GitHub
commit b85f879ba0
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{
width: 100%;
height: 100%;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}
#touch-buttons{
display: none;
@ -76,9 +80,12 @@
opacity: 0.5;
z-index: 5;
}
#touch-buttons img{
#touch-buttons div{
display: inline-block;
width: 12.5vmin;
height: 12.5vmin;
background-size: contain;
background-repeat: no-repeat;
}
.portrait #touch-buttons{
top: 11vh;

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

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

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

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

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

@ -15,13 +15,19 @@
display: flex;
justify-content: 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;
cursor: pointer;
}
.logo-big{
width: 90vmin;
height: auto;
height: calc(90vmin / 754 * 400);
background-size: contain;
background-repeat: no-repeat;
text-align: center;
color: transparent;
}
.click-to-continue{
position: absolute;

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

@ -1220,11 +1220,11 @@
if(this.touch > ms - 100){
if(!this.drumPadding){
this.drumPadding = true
this.touchDrumImg.style.paddingTop = "1%"
this.touchDrumImg.style.backgroundPositionY = "7px"
}
}else if(this.drumPadding){
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="touch-drum">
<img id="touch-drum-img" src="/assets/img/touch_drum.png">
<div id="touch-drum-img"></div>
</div>
<canvas id="canvas"></canvas>
<div id="pause-menu">
@ -11,7 +11,7 @@
</div>
</div>
<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 id="cursor"></div>
</div>

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

@ -1,6 +1,6 @@
<div id="load-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>
</div>

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

@ -1,5 +1,5 @@
<div id="song-select">
<canvas id="song-sel-canvas"></canvas>
<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>

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

@ -1,4 +1,4 @@
<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>

3
templates/index.html
View File

@ -13,7 +13,7 @@
<head>
<meta charset="utf-8">
<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">
<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/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}}img/img.css?{{version.commit_short}}">
<script src="/src/js/lib/fontdetect.min.js?{{version.commit_short}}"></script>