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

php

Browse Source
This commit is contained in:
Adrien MALINGREY 2019-10-31 08:24:02 +01:00
parent 7249f46c37
commit bfe422bbdd
4 changed files with 34 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/style.css
View File

@ -81,10 +81,14 @@ table {
table-layout: fixed; table-layout: fixed;
border-spacing: 0; border-spacing: 0;
width: 0; width: 0;
height: 0;
} }
td { td {
border: 1px solid transparent; border: 1px solid transparent;
padding: 0;
width: 20px;
height: 20px;
} }
#hold { #hold {
@ -171,8 +175,8 @@ td {
.ghost { .ghost {
background-color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.2);
border-style: inset; border-style: solid;
} }
#stats { #stats {

4
index.php
View File

@ -14,7 +14,7 @@
function addButton($action, $label) { function addButton($action, $label) {
?> ?>
<div><?=$label?></div> <div><?=$label?></div>
<button type='button' onclick='changeKey(this, "<?=$action?>")'> <button type="button" onclick="changeKey(this, '<?=$action?>')">
<script>getKey("<?=$action?>")</script> <script>getKey("<?=$action?>")</script>
</button> </button>
<?php } <?php }
@ -29,7 +29,7 @@
?> ?>
</div> </div>
<div id="play"> <div id="play">
<a href="webtris.html">JOUER</a> <a href="webtris.php">JOUER</a>
</div> </div>
</body> </body>
</html> </html>

22
js/webtris.js
View File

@ -206,12 +206,6 @@ class MinoesTable {
this.columns = columns this.columns = columns
this.piece = null this.piece = null
this.table = document.getElementById(id) this.table = document.getElementById(id)
for (var y=0; y < rows; y++) {
var row = this.table.insertRow()
for (var x=0; x < columns; x++) {
row.insertCell()
}
}
} }
drawMino(x, y, className) { drawMino(x, y, className) {
@ -224,8 +218,8 @@ class MinoesTable {
} }
clearTable() { clearTable() {
for(var y=0; y < this.rows; y++) { for(var y = 0; y < this.rows; y++) {
for (var x=0; x < this.columns; x++) { for (var x = 0; x < this.columns; x++) {
this.drawMino(x, y, INVISIBLE_ROW_CLASS) this.drawMino(x, y, INVISIBLE_ROW_CLASS)
} }
} }
@ -268,8 +262,8 @@ class Matrix extends MinoesTable {
draw() { draw() {
// grid // grid
if (state == STATE.PAUSED) { if (state == STATE.PAUSED) {
for (var y=0; y < this.rows; y++) { for (var y = 0; y < this.rows; y++) {
for (var x=0; x < this.columns; x++) { for (var x = 0; x < this.columns; x++) {
if (this.clearedLines.includes(y)) var className = CLEARED_LINE_CLASS if (this.clearedLines.includes(y)) var className = CLEARED_LINE_CLASS
else { else {
if (y < MATRIX_INVISIBLE_ROWS) var className = INVISIBLE_ROW_CLASS if (y < MATRIX_INVISIBLE_ROWS) var className = INVISIBLE_ROW_CLASS
@ -279,8 +273,8 @@ class Matrix extends MinoesTable {
} }
} }
} else { } else {
for (var y=0; y < this.rows; y++) { for (var y = 0; y < this.rows; y++) {
for (var x=0; x < this.columns; x++) { for (var x = 0; x < this.columns; x++) {
var className = this.lockedMinoes[y][x] var className = this.lockedMinoes[y][x]
if (!className) { if (!className) {
if (this.clearedLines.includes(y)) className = CLEARED_LINE_CLASS if (this.clearedLines.includes(y)) className = CLEARED_LINE_CLASS
@ -296,7 +290,7 @@ class Matrix extends MinoesTable {
// trail // trail
if (this.trail.height) { if (this.trail.height) {
this.trail.minoesPos.forEach(pos => { this.trail.minoesPos.forEach(pos => {
for (var dy=0; dy < this.trail.height; dy++) this.drawMino(pos[0], pos[1]+dy, TRAIL_CLASS) for (var dy = 0; dy < this.trail.height; dy++) this.drawMino(pos[0], pos[1]+dy, TRAIL_CLASS)
}) })
} }
@ -618,7 +612,7 @@ function hardDrop() {
scheduler.clearInterval(lockPhase) scheduler.clearInterval(lockPhase)
scheduler.clearTimeout(lockDown) scheduler.clearTimeout(lockDown)
matrix.trail.minoesPos = Array.from(matrix.piece.minoesAbsPos) matrix.trail.minoesPos = Array.from(matrix.piece.minoesAbsPos)
for (matrix.trail.height=0; move(MOVEMENT.DOWN); matrix.trail.height++) { for (matrix.trail.height = 0; move(MOVEMENT.DOWN); matrix.trail.height++) {
stats.score += 2 stats.score += 2
} }
while (move(MOVEMENT.DOWN)) {} while (move(MOVEMENT.DOWN)) {}

21
webtris.html → webtris.php
View File

@ -10,9 +10,24 @@
<body> <body>
<h1>WEBTRIS</h1> <h1>WEBTRIS</h1>
<div id="grid"> <div id="grid">
<table id="hold"><table> <?php
<table id="matrix"><table> function echoTable($id, $rows, $columns) {
<table id="next"><table> echo " <table id='$id'>\n";
echo " <tbody>\n";
for ($y = 0; $y < $rows; $y++) {
echo " <tr>";
for ($x = 0; $x < $columns; $x++) {
echo "<td></td>";
}
echo "</tr>\n";
}
echo " </tbody>\n";
echo " </table>\n";
}
echoTable("hold", 6, 6);
echoTable("matrix", 24, 10);
echoTable("next", 24, 6);
?>
<table id="stats"> <table id="stats">
<tbody> <tbody>
<tr><td class="stat-label">SCORE</td><td class="stat-value" id="score">0</td></tr> <tr><td class="stat-label">SCORE</td><td class="stat-value" id="score">0</td></tr>