moris/misskey
1
0
Fork 0
forked from mirror/misskey
Code Pull Requests Activity

enhance(reversi): tweak reversi

Browse Source 
Resolve #13048
This commit is contained in:
syuilo 2024-01-20 18:12:24 +09:00
parent f6b7754fb1
commit 3cb543f75d
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/frontend/assets/reversi/matched.mp3 Normal file
View File

Binary file not shown.

1
packages/frontend/src/pages/reversi/game.board.vue
View File

@ -487,6 +487,7 @@ $gap: 4px;
aspect-ratio: 1; aspect-ratio: 1;
transform-style: preserve-3d; transform-style: preserve-3d;
perspective: 150px; perspective: 150px;
transition: border 0.25s ease, opacity 0.25s ease;
&.boardCell_empty { &.boardCell_empty {
border: solid 2px var(--divider); border: solid 2px var(--divider);

10
packages/frontend/src/pages/reversi/index.vue
View File

@ -10,11 +10,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<img src="/client-assets/reversi/logo.png" style="display: block; max-width: 100%; max-height: 200px; margin: auto;"/> <img src="/client-assets/reversi/logo.png" style="display: block; max-width: 100%; max-height: 200px; margin: auto;"/>
</div> </div>
<div class="_panel" style="padding: 16px;"> <div class="_panel _gaps" style="padding: 16px;">
<div class="_buttonsCenter"> <div class="_buttonsCenter">
<MkButton primary gradate rounded @click="matchAny">{{ i18n.ts._reversi.freeMatch }}</MkButton> <MkButton primary gradate rounded @click="matchAny">{{ i18n.ts._reversi.freeMatch }}</MkButton>
<MkButton primary gradate rounded @click="matchUser">{{ i18n.ts.invite }}</MkButton> <MkButton primary gradate rounded @click="matchUser">{{ i18n.ts.invite }}</MkButton>
</div> </div>
<div style="font-size: 90%; opacity: 0.7; text-align: center;"><i class="ti ti-music"></i> {{ i18n.ts.soundWillBePlayed }}</div>
</div> </div>
<MkFolder v-if="invitations.length > 0" :defaultOpen="true"> <MkFolder v-if="invitations.length > 0" :defaultOpen="true">
@ -101,6 +102,7 @@ import MkPagination from '@/components/MkPagination.vue';
import { useRouter } from '@/global/router/supplier.js'; import { useRouter } from '@/global/router/supplier.js';
import * as os from '@/os.js'; import * as os from '@/os.js';
import { useInterval } from '@/scripts/use-interval.js'; import { useInterval } from '@/scripts/use-interval.js';
import * as sound from '@/scripts/sound.js';
const myGamesPagination = { const myGamesPagination = {
endpoint: 'reversi/games' as const, endpoint: 'reversi/games' as const,
@ -141,6 +143,12 @@ const matchingAny = ref<boolean>(false);
function startGame(game: Misskey.entities.ReversiGameDetailed) { function startGame(game: Misskey.entities.ReversiGameDetailed) {
matchingUser.value = null; matchingUser.value = null;
matchingAny.value = false; matchingAny.value = false;
sound.playUrl('/client-assets/reversi/matched.mp3', {
volume: 1,
playbackRate: 1,
});
router.push(`/reversi/g/${game.id}`); router.push(`/reversi/g/${game.id}`);
} }