fix intro anim
Browse files
src/lib/components/Battle/BattleField.svelte
CHANGED
|
@@ -45,15 +45,23 @@
|
|
| 45 |
// Skip intro - show everything immediately
|
| 46 |
playerVisible = true;
|
| 47 |
enemyVisible = true;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 48 |
}
|
| 49 |
-
// For intro mode, trainers will be shown when slide-out is triggered
|
| 50 |
});
|
| 51 |
|
| 52 |
// Watch for trainer slide-out triggers
|
| 53 |
$: if (playerTrainerSlideOut && !playerTrainerSliding) {
|
| 54 |
playerTrainerSliding = true;
|
| 55 |
-
// Show trainer
|
| 56 |
playerTrainerVisible = true;
|
|
|
|
|
|
|
| 57 |
setTimeout(() => {
|
| 58 |
playerTrainerVisible = false;
|
| 59 |
// Trigger white flash then show player monster
|
|
@@ -67,8 +75,10 @@
|
|
| 67 |
|
| 68 |
$: if (enemyTrainerSlideOut && !enemyTrainerSliding) {
|
| 69 |
enemyTrainerSliding = true;
|
| 70 |
-
// Show trainer
|
| 71 |
enemyTrainerVisible = true;
|
|
|
|
|
|
|
| 72 |
setTimeout(() => {
|
| 73 |
enemyTrainerVisible = false;
|
| 74 |
// Trigger white flash then show enemy monster
|
|
|
|
| 45 |
// Skip intro - show everything immediately
|
| 46 |
playerVisible = true;
|
| 47 |
enemyVisible = true;
|
| 48 |
+
} else {
|
| 49 |
+
// In wild battles, enemy Piclet should be visible from start
|
| 50 |
+
if (isWildBattle) {
|
| 51 |
+
enemyVisible = true;
|
| 52 |
+
}
|
| 53 |
+
// For trainer battles, enemy will appear when enemyTrainerSlideOut triggers
|
| 54 |
+
// For all battles, player will appear when playerTrainerSlideOut triggers
|
| 55 |
}
|
|
|
|
| 56 |
});
|
| 57 |
|
| 58 |
// Watch for trainer slide-out triggers
|
| 59 |
$: if (playerTrainerSlideOut && !playerTrainerSliding) {
|
| 60 |
playerTrainerSliding = true;
|
| 61 |
+
// Show trainer and let CSS handle slide-out animation
|
| 62 |
playerTrainerVisible = true;
|
| 63 |
+
|
| 64 |
+
// After slide animation completes, hide trainer and show Piclet
|
| 65 |
setTimeout(() => {
|
| 66 |
playerTrainerVisible = false;
|
| 67 |
// Trigger white flash then show player monster
|
|
|
|
| 75 |
|
| 76 |
$: if (enemyTrainerSlideOut && !enemyTrainerSliding) {
|
| 77 |
enemyTrainerSliding = true;
|
| 78 |
+
// Show trainer and let CSS handle slide-out animation
|
| 79 |
enemyTrainerVisible = true;
|
| 80 |
+
|
| 81 |
+
// After slide animation completes, hide trainer and show Piclet
|
| 82 |
setTimeout(() => {
|
| 83 |
enemyTrainerVisible = false;
|
| 84 |
// Trigger white flash then show enemy monster
|