mirror of
https://github.com/thepaperpilot/Super-Auto-Coots.git
synced 2024-11-22 00:21:33 +00:00
Added SFX
This commit is contained in:
parent
a9d5b4c56b
commit
9f3e7044be
7 changed files with 52 additions and 2 deletions
BIN
public/button click.wav
Normal file
BIN
public/button click.wav
Normal file
Binary file not shown.
BIN
public/coot faints.wav
Normal file
BIN
public/coot faints.wav
Normal file
Binary file not shown.
BIN
public/damage.wav
Normal file
BIN
public/damage.wav
Normal file
Binary file not shown.
BIN
public/dropping coots in field.wav
Normal file
BIN
public/dropping coots in field.wav
Normal file
Binary file not shown.
BIN
public/lose.wav
Normal file
BIN
public/lose.wav
Normal file
Binary file not shown.
BIN
public/reroll.wav
Normal file
BIN
public/reroll.wav
Normal file
Binary file not shown.
|
@ -87,6 +87,13 @@ export function getCharID() {
|
||||||
return nextCharID++;
|
return nextCharID++;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const buttonClick = new Audio("button click.wav");
|
||||||
|
const cootFaints = new Audio("coot faints.wav");
|
||||||
|
const damage = new Audio("damage.wav");
|
||||||
|
const droppingCoots = new Audio("dropping coots in field.wav");
|
||||||
|
const lose = new Audio("lose.wav");
|
||||||
|
const reroll = new Audio("reroll.wav");
|
||||||
|
|
||||||
export const characters: Record<string, CharacterInfo> = {
|
export const characters: Record<string, CharacterInfo> = {
|
||||||
// Tier 1
|
// Tier 1
|
||||||
coots: {
|
coots: {
|
||||||
|
@ -883,6 +890,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
battle.value.enemyStreamers = battle.value.enemyStreamers.filter(
|
battle.value.enemyStreamers = battle.value.enemyStreamers.filter(
|
||||||
m => m.relevancy > 0 && m.presence > 0
|
m => m.relevancy > 0 && m.presence > 0
|
||||||
);
|
);
|
||||||
|
cootFaints.currentTime = 0;
|
||||||
|
cootFaints.play();
|
||||||
playClicked.value = false;
|
playClicked.value = false;
|
||||||
setTimeout(prepareMove, settings.fast ? 750 : 1250);
|
setTimeout(prepareMove, settings.fast ? 750 : 1250);
|
||||||
return;
|
return;
|
||||||
|
@ -911,6 +920,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
wins.value++;
|
wins.value++;
|
||||||
} else if (outcome.value === "Defeat") {
|
} else if (outcome.value === "Defeat") {
|
||||||
lives.value--;
|
lives.value--;
|
||||||
|
lose.currentTime = 0;
|
||||||
|
lose.play();
|
||||||
}
|
}
|
||||||
showingOutcome.value = true;
|
showingOutcome.value = true;
|
||||||
return;
|
return;
|
||||||
|
@ -969,6 +980,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function hurt(char: Character) {
|
function hurt(char: Character) {
|
||||||
|
damage.currentTime = 0;
|
||||||
|
damage.play();
|
||||||
if (main.battle.value == null) {
|
if (main.battle.value == null) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -1029,15 +1042,23 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
const handleShop = () => {
|
const handleShop = () => {
|
||||||
if (selectedCharacter.value != null) {
|
if (selectedCharacter.value != null) {
|
||||||
emit("sell", selectedCharacter.value!);
|
emit("sell", selectedCharacter.value!);
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
} else if (selectedShopItem.value != null) {
|
} else if (selectedShopItem.value != null) {
|
||||||
emit("freeze", selectedShopItem.value!);
|
emit("freeze", selectedShopItem.value!);
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
} else if (selectedStreamType.value != null) {
|
} else if (selectedStreamType.value != null) {
|
||||||
if (gold.value > 2) {
|
if (gold.value > 2) {
|
||||||
emit("change stream type", selectedStreamType.value);
|
emit("change stream type", selectedStreamType.value);
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (gold.value > 0) {
|
if (gold.value > 0) {
|
||||||
emit("reroll");
|
emit("reroll");
|
||||||
|
reroll.currentTime = 0;
|
||||||
|
reroll.play();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -1126,6 +1147,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
<button
|
<button
|
||||||
class="button"
|
class="button"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
playClicked.value = true;
|
playClicked.value = true;
|
||||||
prepareMove();
|
prepareMove();
|
||||||
}}
|
}}
|
||||||
|
@ -1135,6 +1158,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
<button
|
<button
|
||||||
class={{ button: true, active: settings.autoplay }}
|
class={{ button: true, active: settings.autoplay }}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
settings.autoplay = !settings.autoplay;
|
settings.autoplay = !settings.autoplay;
|
||||||
if (previewing.value) {
|
if (previewing.value) {
|
||||||
prepareMove();
|
prepareMove();
|
||||||
|
@ -1145,7 +1170,11 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
class={{ button: true, active: settings.fast }}
|
class={{ button: true, active: settings.fast }}
|
||||||
onClick={() => (settings.fast = !settings.fast)}
|
onClick={() => {
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
|
settings.fast = !settings.fast;
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
<img src={fast} />
|
<img src={fast} />
|
||||||
</button>
|
</button>
|
||||||
|
@ -1275,7 +1304,14 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{showingOutcome.value ? (
|
{showingOutcome.value ? (
|
||||||
<div class="outcome" onClick={() => emit("newTurn")}>
|
<div
|
||||||
|
class="outcome"
|
||||||
|
onClick={() => {
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
|
emit("newTurn");
|
||||||
|
}}
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
src={
|
src={
|
||||||
outcome.value === "Victory"
|
outcome.value === "Victory"
|
||||||
|
@ -1318,6 +1354,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
class="startStream"
|
class="startStream"
|
||||||
draggable="false"
|
draggable="false"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
emit("stream");
|
emit("stream");
|
||||||
findingMatch.value = true;
|
findingMatch.value = true;
|
||||||
}}
|
}}
|
||||||
|
@ -1387,6 +1425,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
selectedShopItem.value =
|
selectedShopItem.value =
|
||||||
selectedShopItem.value === i ? null : i;
|
selectedShopItem.value === i ? null : i;
|
||||||
selectedCharacter.value = null;
|
selectedCharacter.value = null;
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
}}
|
}}
|
||||||
onDragstart={() => {
|
onDragstart={() => {
|
||||||
|
@ -1572,9 +1612,13 @@ function clickCharacter(index: number) {
|
||||||
) {
|
) {
|
||||||
emit("merge", main.selectedCharacter.value, index);
|
emit("merge", main.selectedCharacter.value, index);
|
||||||
main.selectedCharacter.value = null;
|
main.selectedCharacter.value = null;
|
||||||
|
droppingCoots.currentTime = 0;
|
||||||
|
droppingCoots.play();
|
||||||
} else {
|
} else {
|
||||||
emit("move", main.selectedCharacter.value, index);
|
emit("move", main.selectedCharacter.value, index);
|
||||||
main.selectedCharacter.value = null;
|
main.selectedCharacter.value = null;
|
||||||
|
droppingCoots.currentTime = 0;
|
||||||
|
droppingCoots.play();
|
||||||
}
|
}
|
||||||
} else if (main.selectedCharacter.value === index) {
|
} else if (main.selectedCharacter.value === index) {
|
||||||
main.selectedCharacter.value = null;
|
main.selectedCharacter.value = null;
|
||||||
|
@ -1587,10 +1631,14 @@ function clickCharacter(index: number) {
|
||||||
main.gold.value >= 3
|
main.gold.value >= 3
|
||||||
) {
|
) {
|
||||||
emit("buy", main.selectedShopItem.value, index);
|
emit("buy", main.selectedShopItem.value, index);
|
||||||
|
droppingCoots.currentTime = 0;
|
||||||
|
droppingCoots.play();
|
||||||
}
|
}
|
||||||
main.selectedShopItem.value = null;
|
main.selectedShopItem.value = null;
|
||||||
} else {
|
} else {
|
||||||
main.selectedCharacter.value = index;
|
main.selectedCharacter.value = index;
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
}
|
}
|
||||||
e?.stopPropagation();
|
e?.stopPropagation();
|
||||||
};
|
};
|
||||||
|
@ -1598,6 +1646,8 @@ function clickCharacter(index: number) {
|
||||||
|
|
||||||
function clickStreamType(type: StreamTypes) {
|
function clickStreamType(type: StreamTypes) {
|
||||||
return (e?: MouseEvent) => {
|
return (e?: MouseEvent) => {
|
||||||
|
buttonClick.currentTime = 0;
|
||||||
|
buttonClick.play();
|
||||||
if (main.selectedStreamType.value == null || main.selectedStreamType.value !== type) {
|
if (main.selectedStreamType.value == null || main.selectedStreamType.value !== type) {
|
||||||
main.selectedStreamType.value = type;
|
main.selectedStreamType.value = type;
|
||||||
} else {
|
} else {
|
||||||
|
|
Loading…
Reference in a new issue