marvin/breach
1
0
Fork 0
mirror of https://github.com/Kugelschieber/breach.git synced 2026-01-18 12:00:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Manage game state through object injection everywhere, fixed filling buffer and stopping clock in Game.

Browse Source
This commit is contained in:
Marvin Blum
2020-12-21 17:27:16 +01:00
parent a66f6e1fa4
commit eebca998cb
9 changed files with 70 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/App.vue
View File

@@ -8,13 +8,12 @@
</template>
<script lang="ts">
import {defineComponent, provide, ref, readonly} from "vue";
import {defineComponent, provide, ref} from "vue";
import Level from "./components/Level.vue";
import Timer from "./components/Timer.vue";
import Buffer from "./components/Buffer.vue";
import Matrix from "./components/Matrix.vue";
import { Game } from "./game/Game";
import {useTimer} from "./components/timer";
export default defineComponent({
components: {
@@ -24,8 +23,7 @@
Matrix
},
setup() {
const {updateCountdown} = useTimer();
const game = new Game({
const game = ref(new Game({
matrix: [
"AA", "BB", "CC",
"DD", "AA", "BB",
@@ -36,23 +34,9 @@
],
maxBufferLength: 3,
timeoutMilliseconds: 60_000,
});
}));
provide("game", game);
const level = ref(1);
const remainingMilliseconds = ref(game.remainingMilliseconds);
const timeoutMilliseconds = ref(game.timeoutMilliseconds);
const maxBufferLength = ref(game.maxBufferLength);
const buffer = ref(game.buffer);
const sequences = ref(game.sequences);
const size = ref(game.size);
const matrix = ref(game.matrix);
provide("remainingMilliseconds", readonly(remainingMilliseconds));
provide("timeoutMilliseconds", readonly(timeoutMilliseconds));
provide("maxBufferLength", readonly(maxBufferLength));
provide("buffer", readonly(buffer));
provide("sequences", readonly(sequences));
provide("size", readonly(size));
provide("matrix", readonly(matrix));
updateCountdown(game, remainingMilliseconds);
return {
level