improve character visual
This commit is contained in:
parent
feedc5c784
commit
8734c01843
@ -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 = '🤷♂️'
|
||||||
|
@ -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])
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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)
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user