golemjager/thegame-basis-points
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

updated dependencies. centered game window. tightened sizes

Browse Source
This commit is contained in:
Your Name
2020-10-25 09:18:44 -04:00
parent 40342a0068
commit 499529ba1d
3 changed files with 95 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/App.vue
View File

@@ -1,10 +1,10 @@
<template>
<v-app>
<v-content>
<v-container>
<v-container width="100%">
<div
id="gamediv"
style="width: 640px; height: 480px; display: block; position: relative"
style="width: 640px; height: 480px; display: block; position: relative; margin-left: auto; margin-right: auto;"
class="apply-font"
>
<div style="width: 640px; height: 480px; position: absolute; overflow: hidden;">
@@ -76,37 +76,22 @@
</v-card-text>
</v-card>
</div>
<v-card>
<v-card-text>
<v-row>
<v-col cols="auto">
<v-row dense>
<v-col :cols="10">
<v-btn x-small dense @click="reset">Reset</v-btn>
</v-col>
<v-col cols="auto" v-if="currentLevel>0">
<v-btn x-small @click="previouslevel">Previous Level</v-btn>
</v-col>
<v-col cols="auto">
<v-btn v-if="currentLevel>0" x-small @click="previouslevel">Previous Level</v-btn>
<v-btn x-small dense @click="previoustask">Previous Task</v-btn>
</v-col>
<v-col cols="auto">
<v-btn x-small dense @click="scramble">Shuffle</v-btn>
</v-col>
<v-col cols="auto">
<v-btn x-small dense @click="nexttask">Next Task</v-btn>
</v-col>
<v-col cols="auto" v-if="currentLevel<(slides.length -1)">
<v-btn x-small @click="nextlevel">Next Level</v-btn>
</v-col>
<v-col cols="auto">
<v-checkbox v-model="autonext" label="Next task after complete"></v-checkbox>
</v-col>
</v-row>
<v-row>
<v-col cols="1">
<v-btn x-small dense @click="nexttask">Next Task</v-btn>
<v-btn v-if="currentLevel<(slides.length -1)" x-small @click="nextlevel">Next Level</v-btn>
</v-col><v-col :cols="2">
<v-checkbox x-dense v-model="autonext" label="Auto-next task"></v-checkbox>
</v-col>
</v-row>
<v-row dense>
<v-col :cols="2">
<v-text-field dense v-model="name" label="Player Name" placeholder="Player Name"></v-text-field>
</v-col>
<v-col cols="1">
</v-col><v-col :cols="2">
<v-text-field
style="text-shadow: 0"
dense
@@ -114,58 +99,54 @@
label="High Score name"
placeholder="High Score Name"
></v-text-field>
</v-col>
<v-col cols="1">
</v-col><v-col :cols="2">
<v-text-field dense v-model="highscore" label="High Score" placeholder="High Score"></v-text-field>
</v-col>
<v-col cols="1">
</v-col><v-col :cols="2">
<v-text-field
dense
v-model="bonuspoints"
label="Bonus Points"
placeholder="Bonus Points"
></v-text-field>
</v-col>
<v-col cols="1">
placeholder="Bonus Points" />
</v-col><v-col :cols="2">
<v-btn @click="givebonuspoints">Give bonus</v-btn>
</v-col>
</v-row>
<v-row>
<v-col cols="auto">
<v-select
</v-col>
</v-row>
<v-row dense>
<v-col :cols="2">
<v-select dense
v-model="levelselect"
:items="slides"
item-text="title"
item-value="index"
label="Select level"
></v-select>
<v-btn @click="leveljump">Jump To Level</v-btn>
</v-col>
<v-col cols="auto">
</v-col><v-col :cols="1">
<v-btn dense x-small @click="leveljump">Jump</v-btn>
</v-col><v-col :cols="2">
<v-select
v-model="overlayselect"
:items="overlayimages"
dense
item-text="name"
item-value="file"
label="Select cutscene"
></v-select>
<v-btn @click="startoverlay">Start Cutscene</v-btn>
</v-col>
<v-col cols="auto">
<v-select v-model="timer" label="Countdown time" :items="countdownitems"></v-select>
<v-btn @click="starttimer">Start Timer</v-btn>
</v-col>
<v-col cols="1">
<font-picker
</v-col><v-col :cols="1">
<v-btn @click="startoverlay" x-small>Cut</v-btn>
</v-col>
<v-col :cols="1">
<v-select dense v-model="timer" label="Countdown time" :items="countdownitems"></v-select>
</v-col><v-col :cols="1">
<v-btn x-small @click="starttimer">Start</v-btn>
</v-col><v-col :cols="2">
<font-picker dense
:api-key="'AIzaSyCAW_4WvUsVuikytJw_yvJKxHKRHrCsBAs'"
:options="options"
:active-font="fontFamily"
@change="fontChanged"
></font-picker>
</v-col>
</v-row>
</v-card-text>
</v-card>
</v-col>
</v-row>
</v-container>
</v-content>
</v-app>