adrien/Webtris
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

format

Browse Source
This commit is contained in:
Adrien MALINGREY 2019-10-28 12:41:09 +01:00
parent 20ed771442
commit 5697684ac0
5 changed files with 1003 additions and 992 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@ -18,8 +18,8 @@ body {
} }
h1 { h1 {
font-size: 3em; font-size: 50px;
margin: 20px; margin: 40px;
text-shadow: 3px 2px rgb(153, 145, 175); text-shadow: 3px 2px rgb(153, 145, 175);
text-align: center; text-align: center;
} }
@ -38,13 +38,14 @@ a {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-gap: 20px; grid-gap: 20px;
margin: 80px auto; margin: 40px auto;
width: 700px; width: 700px;
justify-items: left; justify-items: left;
} }
.play { #play {
text-align: center; text-align: center;
text-shadow: 2px 1px rgb(153, 145, 175); text-shadow: 2px 1px rgb(153, 145, 175);
font-size: 1.5em; font-size: 1.5em;
margin 40px;
} }

7
css/webtris.css
View File

@ -26,8 +26,8 @@ body {
} }
h1 { h1 {
font-size: 3em; font-size: 50px;
margin: 40px 20px 20px 20px; margin: 40px;
text-shadow: 3px 2px rgb(153, 145, 175); text-shadow: 3px 2px rgb(153, 145, 175);
text-align: center; text-align: center;
} }
@ -41,7 +41,7 @@ canvas {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
margin: auto; margin: 0 auto;
} }
.flex-space { .flex-space {
@ -58,6 +58,7 @@ canvas {
#hold { #hold {
width: 120px; width: 120px;
justify-content: right;
} }
#stats { #stats {

2
index.php
View File

@ -29,7 +29,7 @@
} }
?> ?>
</div> </div>
<div class="play"> <div id="play">
<a href="webtris.html"><b>JOUER</b></a> <a href="webtris.html"><b>JOUER</b></a>
</div> </div>
</body> </body>

3
js/webtris.js
View File

@ -338,6 +338,7 @@ class Stats {
this.div.innerHTML = `${this.score}<br/> this.div.innerHTML = `${this.score}<br/>
${this.highScore}<br/> ${this.highScore}<br/>
${timeFormat(Date.now() - this.startTime)}<br/> ${timeFormat(Date.now() - this.startTime)}<br/>
<br/>
${this.level}<br/> ${this.level}<br/>
${this.goal}<br/> ${this.goal}<br/>
${this.linesCleared}` ${this.linesCleared}`
@ -350,7 +351,7 @@ class Matrix {
this.context = document.getElementById("matrix").getContext("2d") this.context = document.getElementById("matrix").getContext("2d")
this.context.textAlign = "center" this.context.textAlign = "center"
this.context.textBaseline = "center" this.context.textBaseline = "center"
this.context.font = "3vw 'Share Tech', sans-serif" this.context.font = "27px 'Share Tech', sans-serif"
this.cells = Array.from(Array(MATRIX_ROWS+3), row => Array(MATRIX_COLUMNS)) this.cells = Array.from(Array(MATRIX_ROWS+3), row => Array(MATRIX_COLUMNS))
this.width = MATRIX_COLUMNS*MINO_SIZE this.width = MATRIX_COLUMNS*MINO_SIZE
this.height = MATRIX_ROWS*MINO_SIZE this.height = MATRIX_ROWS*MINO_SIZE

16
webtris.html
View File

@ -11,21 +11,29 @@
<h1>WEBTRIS</h1> <h1>WEBTRIS</h1>
<div class="flex-columns"> <div class="flex-columns">
<div class="flex-rows"> <div class="flex-rows">
<canvas id="hold" width="120" height="120"></canvas>
<div class="flex-columns"> <div class="flex-columns">
<div class="flex-space"></div> <div class="flex-space"></div>
<canvas id="hold" width="120" height="120"></canvas>
</div> </div>
<div class="flex-space"></div>
<div id="stats"> <div id="stats">
<div id="stats-names"> <div id="stats-names">
SCORE<br/> SCORE<br/>
RECORD<br/> RECORD<br/>
TEMPS<br/> TEMPS<br/>
<br />
NIVEAU<br/> NIVEAU<br/>
OBJECTIF<br/> OBJECTIF<br/>
LIGNES<br/> LIGNES
</div>
<div id="stats-values">
0<br/>
0<br/>
00:00<br/>
<br/>
0<br/>
0<br/>
0
</div> </div>
<div id="stats-values"></div>
</div> </div>
</div> </div>