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

restore ghost

Browse Source
This commit is contained in:
Adrien MALINGREY 2019-10-29 00:57:33 +01:00
parent 02252885f3
commit ecfb08fb4d
5 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
fonts/ShareTech.woff2 → css/fonts/ShareTech.woff2
View File

0
fonts/ShareTechMono.woff2 → css/fonts/ShareTechMono.woff2
View File

0
images/bg.jpg → css/images/bg.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 218 KiB

After

Width:  |  Height:  |  Size: 218 KiB

6
css/style.css
View File

@ -2,7 +2,7 @@
font-family: 'Share Tech';
font-style: normal;
font-weight: 400;
src: local('Share Tech Regular'), local('ShareTech-Regular'), url(../fonts/ShareTech.woff2) format('woff2');
src: local('Share Tech Regular'), local('ShareTech-Regular'), url(fonts/ShareTech.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@ -10,7 +10,7 @@
font-family: 'Share Tech Mono';
font-style: normal;
font-weight: 400;
src: local('Share Tech Mono Regular'), local('ShareTechMono-Regular'), url(../fonts/ShareTechMono.woff2) format('woff2');
src: local('Share Tech Mono Regular'), local('ShareTechMono-Regular'), url(fonts/ShareTechMono.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@ -21,7 +21,7 @@
}
body {
background-image: url("../images/bg.jpg");
background-image: url("images/bg.jpg");
background-size: cover;
}

21
js/webtris.js
View File

@ -206,8 +206,17 @@ class Tetromino {
return this.minoesPos.translate(this.pos)
}
draw(context) {
draw(context, ghostYOffset=0) {
const color = this.locked ? this.lightColor : this.color
if (ghostYOffset) {
context.save()
context.shadowColor = this.ghostColor
context.shadowOffsetX = 0
context.shadowOffsetY = ghostYOffset * MINO_SIZE
context.shadowBlur = 3
this.minoesAbsPos.forEach(pos => drawMino(context, pos, color))
context.restore()
}
this.minoesAbsPos.forEach(pos => drawMino(context, pos, color))
}
}
@ -371,13 +380,9 @@ class Matrix {
this.context.stroke()
if (state != STATE.PAUSED) {
// ghost position
for (var ghost_pos = Array.from(this.piece.pos); this.spaceToMove(this.piece.minoesPos.translate(ghost_pos)); ghost_pos[1]++) {}
ghost_pos[1]--
// locked minoes
this.cells.slice(3).forEach((row, y) => row.forEach((color, x) => {
if (color) drawMino(this.context, [x, y], color, ghost_pos)
if (color) drawMino(this.context, [x, y], color)
}))
// trail
@ -389,8 +394,10 @@ class Matrix {
}
// falling piece
for (var ghostYOffset = 1; this.spaceToMove(this.piece.minoesAbsPos.translate([0, ghostYOffset])); ghostYOffset++) {}
ghostYOffset--
if (this.piece)
this.piece.draw(this.context)
this.piece.draw(this.context, ghostYOffset)
// Lines cleared
this.context.fillStyle = "white"