Madmin
/
Erant-OldApp
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

finish fix

This commit is contained in:
Ota Prokopec 2023-03-19 15:19:43 +01:00
parent 7465ad6713
commit e48f3d3caf
2 changed files with 41 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/routes/game/Forms/Finish.svelte
View File

@ -1,12 +1,28 @@
<script>
<script lang="ts">
import LayoutImg from '../../../lib/components/Layouts/LayoutImg.svelte'
import Button from '../../../lib/components/Buttons/Button.svelte'
export let img
import { Experience } from '$lib/TStypes/experiences'
import { navigate } from '$lib/router'
export let gameData: Experience
export let client
let score = (client.points / client.possiblePointsToSeize) * 100
console.log(score)
</script>
<LayoutImg {img}>
<div class="w-full h-full flex flex-wrap flex-row gap-4 justify-center">
<div class="h-full w-full flex justify-self-center justify-center text-[32px]"><slot /></div>
<Button class="w-80 absolute bottom-0 mb-6" href="/">ukončit hru</Button>
<LayoutImg img={gameData.ExpImage}>
<div class="w-full h-auto flex flex-wrap flex-row gap-4 justify-center">
<div class="h-full w-full flex justify-self-center justify-center text-[32px] flex-wrap flex-col gap-4 items-center">
<span> Získali jste {client.points} / {client.possiblePointsToSeize} bodů</span>
<span>
{#if score > 90}
{@html gameData.ExpEnd100}
{:else if score > 50}
{@html gameData.ExpEnd60}
{:else}
{@html gameData.ExpEnd0}
{/if}
</span>
</div>
<Button class="w-80 mt-8 " on:click={() => navigate(-1)}>ukončit hru</Button>
</div>
</LayoutImg>

40
src/routes/game/Forms/Renderer.svelte
View File

@ -11,6 +11,7 @@
import { data } from '$lib/stores/game'
import Erantmap from '$lib/components/Map/Erantmap.svelte'
import Info from './Info.svelte'
import { Experience } from '$lib/TStypes/experiences'
const components = {
TEXT: TextForm,
@ -25,47 +26,43 @@
export let control: 'wrong-firstTime' | 'wrong-secondTime' | 'correct' | 'not-control' | null = null
let view: 'question' | 'map' | 'end' = 'map'
export let gameData: any = {} //data
$: console.log(gameData)
export let gameData: Experience //data
$: console.log(client)
let clientAnswers = {
let client = {
//user data about game
pos: 0,
end: gameData.checkPoints.length - 1, //kolik otázek
points: 0, //body
possiblePointsToSeize: gameData.checkPoints.length * 2,
}
$: console.log(clientAnswers.pos === clientAnswers.end + 1)
$: if (control === 'correct') clientAnswers.points += 2 //body bodování
$: if (control === 'correct' && gameData.checkPoints[client.pos].CPType !== 'INFO') client.points += 2 //only for now
const nextQuestion = () => {
//další otázka
console.log({ control })
control = null
if (clientAnswers.pos === clientAnswers.end) view = 'end'
if (client.pos === client.end) view = 'end'
else {
clientAnswers.pos++
client.pos++
view = 'map'
}
}
//let answers
//$: if (clientAnswers.pos < clientAnswers.end) answers = parseQuestion(gameData.questions[clientAnswers.pos].answer, gameData.questions[clientAnswers.pos].type) //delete
//$: if (client.pos < client.end) answers = parseQuestion(gameData.questions[client.pos].answer, gameData.questions[client.pos].type) //delete
let page = null
$: page = view === 'question' ? components[gameData.checkPoints[clientAnswers.pos].CPType] : null
$: page = view === 'question' ? components[gameData.checkPoints[client.pos].CPType] : null
let [lat, lng] = [null, null]
$: if (clientAnswers.pos < clientAnswers.end) [lat, lng] = $data.checkPoints[clientAnswers.pos].CPLocation
$: if (client.pos < client.end) [lat, lng] = $data.checkPoints[client.pos].CPLocation
let user = { lat: 0, lng: 0 }
/* //set user to localstorage
$: if (clientAnswers.pos !== clientAnswers.end && clientAnswers.pos !== 0) {
$: if (client.pos !== client.end && client.pos !== 0) {
//nastaví
localStorage.setItem(`/${gameData.url}`, JSON.stringify(clientAnswers.pos))
localStorage.setItem(`/${gameData.url}`, JSON.stringify(client.pos))
localStorage.setItem('lastGame', `/${gameData.url}`)
} else {
//vymaže když jsi dohrál
@ -76,11 +73,11 @@
//is user already in game
const userInGame = JSON.parse(localStorage.getItem(location.pathname))
if (userInGame) {
clientAnswers.pos = userInGame
client.pos = userInGame
}*/
</script>
<input type="number" bind:value={clientAnswers.pos} />
<input type="number" bind:value={client.pos} />
<button on:click={() => (view = 'question')}>disappear map</button>
{#if view === 'map'}
@ -90,10 +87,11 @@
{/if}
{#if view === 'question'}
<svelte:component this={page} data={{ checkPoint: gameData.checkPoints[clientAnswers.pos], name: gameData.ExpName }} {nextQuestion} bind:control />
<svelte:component this={page} data={{ checkPoint: gameData.checkPoints[client.pos], name: gameData.ExpName }} {nextQuestion} bind:control />
{/if}
{#if view === 'end'}
<Finish img={gameData.thumbnail}>
<span> Získali jste {clientAnswers.points} / {clientAnswers.end * 2} bodů</span>
<Finish {client} {gameData}>
<span> Získali jste {client.points} / {client.possiblePointsToSeize} bodů</span>
<span />
</Finish>
{/if}