improve character visual

This commit is contained in:
Alberto Xamin 2023-01-09 18:00:28 +00:00
parent feedc5c784
commit 8734c01843
5 changed files with 11 additions and 5 deletions

View File

@ -9,6 +9,7 @@ class Character(ABC):
self.max_lives = max_lives self.max_lives = max_lives
self.sight_mod = sight_mod self.sight_mod = sight_mod
self.visibility_mod = visibility_mod self.visibility_mod = visibility_mod
self.is_character = True
self.pick_mod = pick_mod self.pick_mod = pick_mod
self.desc = desc self.desc = desc
self.icon = '🤷‍♂️' self.icon = '🤷‍♂️'

View File

@ -208,7 +208,8 @@ def disconnect(sid):
sio.emit('players', room='lobby', data=online_players) sio.emit('players', room='lobby', data=online_players)
if sio.get_session(sid).game and sio.get_session(sid).disconnect(): if sio.get_session(sid).game and sio.get_session(sid).disconnect():
sio.close_room(sio.get_session(sid).game.name) sio.close_room(sio.get_session(sid).game.name)
games.pop(games.index(sio.get_session(sid).game)) if sio.get_session(sid).game in games:
games.pop(games.index(sio.get_session(sid).game))
print('disconnect ', sid) print('disconnect ', sid)
advertise_lobbies() advertise_lobbies()
Metrics.send_metric('online_players', points=[online_players]) Metrics.send_metric('online_players', points=[online_players])

View File

@ -177,7 +177,7 @@ export default {
left:3pt; left:3pt;
} }
.card.character .suit { .card.character .suit {
font-size: x-small; font-size: small;
right: 3pt; right: 3pt;
text-align: center; text-align: center;
} }

View File

@ -56,8 +56,6 @@ export default {
//console.log(card) //console.log(card)
if (card.noDesc || card.name == null || card.name == "PewPew!") if (card.noDesc || card.name == null || card.name == "PewPew!")
this.desc = "" this.desc = ""
else if (card.is_character)
this.desc = card.name
else if (card.goal) else if (card.goal)
this.desc = this.$t(`cards.${card.name}.name`) this.desc = this.$t(`cards.${card.name}.name`)
else if (card.desc) else if (card.desc)

View File

@ -42,7 +42,7 @@
<div v-if="showTurnFlow" id="turn-indicator" :class="{reversed:turnReversed}"/> <div v-if="showTurnFlow" id="turn-indicator" :class="{reversed:turnReversed}"/>
<transition-group name="list" tag="div" class="players-table"> <transition-group name="list" tag="div" class="players-table">
<Card v-if="startGameCard" key="_start_game_" :donotlocalize="true" :card="startGameCard" @click.native="startGame"/> <Card v-if="startGameCard" key="_start_game_" :donotlocalize="true" :card="startGameCard" @click.native="startGame"/>
<div v-for="p in playersTable" v-bind:key="p.card.name" style="position:relative;"> <div v-for="p in playersTable" v-bind:key="p.card.name" style="position:relative;" class="player-in-table">
<transition-group v-if="p.gold_nuggets && p.gold_nuggets > 0" name="list" tag="div" style="position: absolute;top: -10pt; font-size:9pt;"> <transition-group v-if="p.gold_nuggets && p.gold_nuggets > 0" name="list" tag="div" style="position: absolute;top: -10pt; font-size:9pt;">
<span v-for="(n, i) in p.gold_nuggets" v-bind:key="i" :alt="i">💵</span> <span v-for="(n, i) in p.gold_nuggets" v-bind:key="i" :alt="i">💵</span>
</transition-group> </transition-group>
@ -504,5 +504,11 @@ background-position-x: 80px;
min-width: 25vw; min-width: 25vw;
max-width: 25vw; max-width: 25vw;
} }
.player-in-table {
transition: all 0.2s ease-in-out;
}
.player-in-table:hover {
transform: translateY(-5px) scale(1.05);
}
} }
</style> </style>