Thanks. I was very particular about the palette. Thought as it was minimal colors were important. I did have arrow keys to move but they made the page scroll up and down so I changed to WASD.
The key (no pun intended, ha) there is the "preventDefault()" method; this stops the input from having an effect on the rest of the page after your game has intercepted it. So in the case of using the arrow keys, it will accept the arrow keys as inputs, but will then prevent them from scrolling the rest of the page while your canvas is in focus.
Looks good and plays smoothly. Things build up the more you collect, nice little idea.
I'd like to see some more 'juice' though, a little extra effect for collecting items or dying and something that really makes it feel like you're at the beach.
Also the arrow keys cause the screen to scroll on my laptop(both in the browser and downloaded versions, it's especially bad in my browser), you should add WASD controls.
Thanks for your feedback :) Didn't realise. I'll look at that straight away. Wanted to add in wave sounds but wasn't sure it was working. Will be something I revisit. Thanks again.
Oh, huh. A surprisingly compelling game considering the limitations. And unlike a lot of HTML5 games today, it runs just fine on older machines. Got 19 points on my second try.
← Return to Shoreline
Comments
Log in with itch.io to leave a comment.
It's simple but fun! I like the colors you've chosen--it's very attractive. Well done!
Suggestion: be able to move with the arrow keys.
Thanks. I was very particular about the palette. Thought as it was minimal colors were important. I did have arrow keys to move but they made the page scroll up and down so I changed to WASD.
It looks like your current "key down" code is as follows:
document.body.addEventListener("keydown", function(e) {
keys[e.keyCode] = true;
});
If you changed the above to something like the following, you'd be able to use arrow keys without scrolling the rest of the page:
document.addEventListener("keydown", function(e) {
keys[e.which] = true;
e.preventDefault();
});
The key (no pun intended, ha) there is the "preventDefault()" method; this stops the input from having an effect on the rest of the page after your game has intercepted it. So in the case of using the arrow keys, it will accept the arrow keys as inputs, but will then prevent them from scrolling the rest of the page while your canvas is in focus.
Hope that helps!
That's absolutely amazing advice. Hey why not both ;) I'll apply that fix later this evening. Thanks for you help.
I've added the arrows as well WASD. Works a treat thank you!
Happy to help! :)
Looks good and plays smoothly. Things build up the more you collect, nice little idea.
I'd like to see some more 'juice' though, a little extra effect for collecting items or dying and something that really makes it feel like you're at the beach.
Also the arrow keys cause the screen to scroll on my laptop(both in the browser and downloaded versions, it's especially bad in my browser), you should add WASD controls.
Thanks for your feedback :) Didn't realise. I'll look at that straight away. Wanted to add in wave sounds but wasn't sure it was working. Will be something I revisit. Thanks again.
Changed to WASD :-)
Oh, huh. A surprisingly compelling game considering the limitations. And unlike a lot of HTML5 games today, it runs just fine on older machines. Got 19 points on my second try.
That's great to know. Did you get the sound fx OK? Thanks for your kind words :)
All I hear is a little beep when I pick up a shell. Was there supposed to be more?
Oh no that's all. Minimal sound as well as minimal graphics.
nice game
Thank you :)