Added the message pinao system reusing a react context for simplicity and emitting note timing messages when scoro gives the result

2023-09-13 16:26:04 +02:00
parent 607c35b621
commit cea6d8d0bc
6 changed files with 147 additions and 56 deletions
@@ -0,0 +1,34 @@
+import { NoteTiming, PianoCanvasMsg } from '../../models/PianoGame';
+
+const handleNoteTimingMsg = (
+	noteTiming: NoteTiming,
+	emitter: Phaser.GameObjects.Particles.ParticleEmitter
+) => {
+	if (noteTiming === NoteTiming.Perfect) {
+		emitter.particleTint = 0x00ff00;
+		emitter.start(10);
+	} else if (noteTiming === NoteTiming.Great) {
+		emitter.particleTint = 0x00ffff;
+		emitter.start(5);
+	} else if (noteTiming === NoteTiming.Good) {
+		emitter.particleTint = 0xffff00;
+		emitter.start(3);
+	} else if (noteTiming === NoteTiming.Missed) {
+		emitter.particleTint = 0xff0000;
+		emitter.start(1);
+	} else if (noteTiming === NoteTiming.Wrong) {
+		// maybe add some other effect
+	}
+};
+
+export const handlePianoGameMsg = (
+	msgs: Array<PianoCanvasMsg>,
+	emitter: Phaser.GameObjects.Particles.ParticleEmitter
+) => {
+	const msg = msgs.shift();
+	if (msg) {
+		if (msg.type === 'noteTiming') {
+			handleNoteTimingMsg(msg.data as NoteTiming, emitter);
+		}
+	}
+};