Tronax/TRXTD
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: initialize TRXTD browser tower defense

Browse source
This commit is contained in:
Tronax 2026-08-15 16:07:09 +02:00
commit c4347f8420
Signed by: Tronax
SSH key fingerprint: SHA256:2pKKXDZucWvaF/GzXNz0FY53EAO1YDLN80bqS+TTz/o
34 changed files with 8302 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/App.vue Normal file
View file

@ -0,0 +1,60 @@
<script setup lang="ts">
import EndOverlay from '@/components/EndOverlay.vue'
import GameCanvas from '@/components/GameCanvas.vue'
import Hud from '@/components/Hud.vue'
import LobbyScreen from '@/components/LobbyScreen.vue'
import MPBar from '@/components/MPBar.vue'
import ObstaclePanel from '@/components/ObstaclePanel.vue'
import PauseOverlay from '@/components/PauseOverlay.vue'
import PiPCanvas from '@/components/PiPCanvas.vue'
import StartScreen from '@/components/StartScreen.vue'
import TowerPanel from '@/components/TowerPanel.vue'
import TowerShop from '@/components/TowerShop.vue'
import { store } from '@/game/store'
</script>
<template>
<div class="app">
<StartScreen v-if="store.screen === 'menu'" />
<LobbyScreen v-else-if="store.screen === 'lobby'" />
<div v-else class="game-layout">
<Hud />
<MPBar />
<div class="canvas-wrap">
<div class="canvas-box">
<GameCanvas />
<TowerPanel />
<ObstaclePanel />
<PiPCanvas />
<PauseOverlay />
<EndOverlay />
</div>
</div>
<TowerShop />
</div>
</div>
</template>
<style scoped>
.app {
height: 100dvh;
overflow: hidden;
}
.game-layout {
height: 100dvh;
padding: 10px 12px 12px;
display: flex;
flex-direction: column;
gap: 8px;
}
.canvas-wrap {
flex: 1;
min-height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.canvas-box {
position: relative;
}
</style>