Create 3 techniques that you will swap with other players. Make them cool or ridiculous!
{:else if createdTechniques.length === 3 && swappedTechniques.length < 3}
#1: {createdTechniques[0]}
#2: {createdTechniques[1]}
#3: {createdTechniques[2]}
Techniques submitted! Waiting for other players to submit so we can shuffle and swap them.
{:else if !techniquesComplete}
{#if swappedTechniques.length === 3}
Drag and drop your assigned techniques onto your Face Cards:
{#if faceError}
{faceError}
{/if}
Available Swapped Techniques
Drag a technique onto a card slot below to assign it.
{#each swappedTechniques as tech}
e.dataTransfer.setData('text/plain', tech)}
class="draggable-tech-chip {tech === jackTech || tech === queenTech || tech === kingTech ? 'assigned-hidden' : ''}"
>
⋮⋮ {tech}
{/each}
{
const tech = e.dataTransfer.getData('text/plain');
if (tech) {
if (queenTech === tech) queenTech = '';
if (kingTech === tech) kingTech = '';
jackTech = tech;
}
}}>
J
Jack
Drop Technique Here
{#if jackTech}
{jackTech}
jackTech = ''}>×
{/if}
{
const tech = e.dataTransfer.getData('text/plain');
if (tech) {
if (jackTech === tech) jackTech = '';
if (kingTech === tech) kingTech = '';
queenTech = tech;
}
}}>
Q
Queen
Drop Technique Here
{#if queenTech}
{queenTech}
queenTech = ''}>×
{/if}
{
const tech = e.dataTransfer.getData('text/plain');
if (tech) {
if (jackTech === tech) jackTech = '';
if (queenTech === tech) queenTech = '';
kingTech = tech;
}
}}>
K
King
Drop Technique Here
{#if kingTech}
{kingTech}
kingTech = ''}>×
{/if}
Waiting for all players to submit techniques so they can be shuffled...
J {state.player.tech_jack}
Q {state.player.tech_queen}
K {state.player.tech_king}
Ready! Waiting for other players to finish J/Q/K assignment...