WIP education app

Showcase
1

Hi everyone, I’ve been working on a literacy app for kids for a while. The ui is made with nuxt and the game part with Phaser 3. There’s a long way to go, but I’m pleased with how it’s going so far.

readingsplash.com

The website name, branding, and ui is all a placeholder at the moment. Hopefully, I’ll be able to improve that quite a bit.

But, I’d love some thoughts on the phaser game.

I think I need more juice. But, since it’s for kids - and educational, I think it would be easy to over-do it. Let me know what you think.

2

On your interactive components (aka buttons), in the setInteractive() call, put this:

{useHandCursor: true}

So something like this:

this.btn.setInteractive({useHandCursor: true}).on('pointerdown', function(){
	// do stuff
});

That will turn the mouse cursor into a pointer so people know they can click on things.

When a kid completes a subsection, try adding a “yay” sound and a clear “good job!” type animation. When you have real young kids, moving on to the next thing without a very clear “you did it right,” can be confusing.

I would also recommend adding a status bar to each section, like a “1 of 10 complete” type thing. This could also tie into a system that allows the kid to pick up where the left off.

3

Thanks for having a look, and for your suggestions. You’re right about the progress indicator and some kind of reward/praise. Plenty more stuff to work on.

I wasn’t aware of the useHandCursor option, that’ll be useful.