mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix] minigame

Browse Source
This commit is contained in:
kwaroran
2023-12-19 18:26:24 +09:00
parent 3676b8136d
commit bb8d7506f3
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/UI/Title.svelte
View File

@@ -34,15 +34,17 @@
</h2> </h2>
{#if clicks >= 5} {#if clicks >= 5}
<div class="bg-black w-full p-3 mt-4 mb-4 rounded-md max-w-2xl"> <div class="bg-black w-full p-3 mt-4 mb-4 rounded-md max-w-2xl" id="minigame-div">
<span class="font-semibold text-lg">Score: {score}</span><br> <span class="font-semibold text-lg">Score: {score}</span><br>
<span class="font-semibold text-lg">Time: {time.toFixed(0)}</span> <span class="font-semibold text-lg">Time: {time.toFixed(0)}</span>
<!-- svelte-ignore a11y-no-noninteractive-element-interactions --> <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<img src="./santa.png" alt="santa" <img src="./santa.png" alt="santa"
style:margin-left={iconAnimation + 'rem'} style:margin-left={iconAnimation + 'px'}
class:grayscale={!miniGameStart} class:grayscale={!miniGameStart}
on:click={async () => { on:click={async () => {
iconAnimation = Math.random() * 30 const miniGameDiv = document.getElementById('minigame-div')
const max = miniGameDiv.clientWidth - 70
iconAnimation = Math.random() * max
if(!miniGameStart){ if(!miniGameStart){
if(time === 0){ if(time === 0){
time = 20 time = 20