diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-03-07 22:25:26 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-03-07 22:25:26 +0900 |
| commit | 4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea (patch) | |
| tree | 8afc4ca0f1ddf6ebac1c61aca44e540cec874197 | |
| parent | v4010 (diff) | |
| download | sharkey-4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea.tar.gz sharkey-4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea.tar.bz2 sharkey-4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea.zip | |
:v:
| -rw-r--r-- | src/common/othello.ts | 3 | ||||
| -rw-r--r-- | src/web/app/common/views/components/othello.game.vue | 5 |
2 files changed, 7 insertions, 1 deletions
diff --git a/src/common/othello.ts b/src/common/othello.ts index 1057e6b9a4..5d95fd2fe1 100644 --- a/src/common/othello.ts +++ b/src/common/othello.ts @@ -29,6 +29,8 @@ export default class Othello { }); } + public prevPos = -1; + public get blackCount() { return this.board.filter(s => s == 'black').length; } @@ -59,6 +61,7 @@ export default class Othello { * 石を配置します */ public set2(color, x, y) { + this.prevPos = x + (y * 8); this.write(color, x, y); const reverses = this.getReverse(color, x, y); diff --git a/src/web/app/common/views/components/othello.game.vue b/src/web/app/common/views/components/othello.game.vue index 70c9965ee4..1cb2400f7e 100644 --- a/src/web/app/common/views/components/othello.game.vue +++ b/src/web/app/common/views/components/othello.game.vue @@ -10,7 +10,7 @@ </p> <div class="board"> <div v-for="(stone, i) in o.board" - :class="{ empty: stone == null, myTurn: isMyTurn, can: o.canReverse(turn.id == game.black_user.id ? 'black' : 'white', i) }" + :class="{ empty: stone == null, myTurn: isMyTurn, can: o.canReverse(turn.id == game.black_user.id ? 'black' : 'white', i), prev: o.prevPos == i }" @click="set(i)" > <img v-if="stone == 'black'" :src="`${game.black_user.avatar_url}?thumbnail&size=64`" alt=""> @@ -218,6 +218,9 @@ export default Vue.extend({ &:active background darken($theme-color, 10%) + &.prev + box-shadow 0 0 0 4px rgba($theme-color, 0.7) + > img display block width 100% |