CookieCrusher Web Game

General Showcase
1

Check out the cookie crusher web game I made and currently improving. If you have any suggestions feel free to say them!

https://cookiecrusher.killercl0wn.repl.co

2 Likes
2

A pretty solid start to a game. The UI can be improved. The game doesn’t appear to save though :frowning:

3 Likes
3

For the font @KillerCl0wn I wouldn’t recommend cursive, it makes it hard to read and look unfinished, something like sans-serif or Arial Rounded MT Bold would give a clicker feel to it (based on Roblox games).

4

@CadenChau I am working on getting it to where the data gets saved. We were almost there but were coming across some problems. If you have any suggestions for the UI pls feel free to say and I’ll see if I can improve it.

5

I changed the Font. My side did not show it as cursive; I used a more soft-looking font. Tell me if that looks better when you get the chance

6

It looks better now @KillerCl0wn, the text on the cookie is kinda hard to see though.

7

I would also recommend showing the amount of chips you have in the shop as well @KillerCl0wn.

8

Yes, I was planning on doing that. right now, were trying to get the progress saver

9

Are the numbers easier to see now?

10

I love auto clickers :relieved:

1 Like
11

I am still updating this. So make sure to check in now and then give some feed back! :grinning:

12

@KillerCl0wn were you planning on putting anything below the main cookie? If not could you put the cookie in the center of the screen to make it easier to click?

13

Done! Hope that makes it easier

14

I like it! Nice UI! Was it inspired by cookie clicker?

15

The game was inspired by cookie clicker but not the UI. I hopefully will be improving the UI soon

1 Like
16

The changed font looks much better! You can also add hover effects to the buttons maybe?
Scale hover effect

button {
  transition: all 0.3s ease-in-out;
}

button:hover {
  transform: scale(1.05);
}

Tint hover effect

button {
  transition: all 0.3s ease-in-out;
}

button:hover {
  filter: brightness(0.8);
}

The gems counter is kind of confusing since clicking a cookie gives you a gem

You could also add a cursor: pointer to the buttons to indicate that you can click them maybe, and finally you should definitely switch from using px as a unit to maybe % or em

17

What do you think I should make it give instead of gems or should i make it not a cookie

18

Also I don’t think I used button i used divs that i styled

19

Maybe style the cookie differently to indicate that it’s a “gem” instead of just a regular cookie or just change the image to a gem.

1 Like
20

Ah, that would explain why there’s no pointer when you hover above it