Handling in satisfactory manner scoro messages

front/components/PartitionVisualizer/PianoGameUpdateFunctions.ts

@@ -1,34 +1,60 @@
-import { NoteTiming, PianoCanvasMsg } from '../../models/PianoGame';
+import { NoteTiming, PianoCanvasMsg, PianoScoreInfo } from '../../models/PianoGame';
 
 const handleNoteTimingMsg = (
 	noteTiming: NoteTiming,
 	emitter: Phaser.GameObjects.Particles.ParticleEmitter
 ) => {
 	if (noteTiming === NoteTiming.Perfect) {
-		emitter.particleTint = 0x00ff00;
-		emitter.start(10);
+		// gold
+		emitter.particleTint = 0xffd700;
+		emitter.start(20);
 	} else if (noteTiming === NoteTiming.Great) {
 		emitter.particleTint = 0x00ffff;
-		emitter.start(5);
+		emitter.start(10);
 	} else if (noteTiming === NoteTiming.Good) {
-		emitter.particleTint = 0xffff00;
-		emitter.start(3);
+		// orange/brown
+		emitter.particleTint = 0xffa500;
+		emitter.start(5);
 	} else if (noteTiming === NoteTiming.Missed) {
 		emitter.particleTint = 0xff0000;
-		emitter.start(1);
+		emitter.start(5);
 	} else if (noteTiming === NoteTiming.Wrong) {
 		// maybe add some other effect
 	}
 };
 
+const handleScoreMsg = (score: PianoScoreInfo, statusText: Phaser.GameObjects.Text) => {
+	statusText.setText(`Score: ${score.score} Streak: ${score.streak}`);
+};
+
+const findAndRemove = <T>(arr: Array<T>, predicate: (el: T) => boolean): T | undefined => {
+	const idx = arr.findIndex(predicate);
+	if (idx === -1) {
+		return undefined;
+	}
+	return arr.splice(idx, 1)[0];
+};
+
 export const handlePianoGameMsg = (
 	msgs: Array<PianoCanvasMsg>,
-	emitter: Phaser.GameObjects.Particles.ParticleEmitter
+	emitter: Phaser.GameObjects.Particles.ParticleEmitter | undefined,
+	statusText: Phaser.GameObjects.Text | undefined
 ) => {
-	const msg = msgs.shift();
+	// this is temporary way of hanlding messages it works ok but is laggy when
+	// pressing a lot of keys in a short time I will be using phaser events in the future I think
+	const msg = findAndRemove(msgs, (msg) => {
+		if (emitter && msg.type === 'noteTiming') {
+			return true;
+		} else if (statusText && msg.type === 'scoreInfo') {
+			return true;
+		}
+		return false;
+	});
 	if (msg) {
 		if (msg.type === 'noteTiming') {
-			handleNoteTimingMsg(msg.data as NoteTiming, emitter);
+			handleNoteTimingMsg(msg.data as NoteTiming, emitter!);
+		} else if (msg.type === 'scoreInfo') {
+			handleScoreMsg(msg.data as PianoScoreInfo, statusText!);
 		}
 	}
 };