Show HN: I made a daily puzzle game about mixing colors (opens in new tab)

(refractor-game.com)

19 pointstlackemann1y ago19 comments

While on paternal leave, I wanted to create a game my newborn daughter could eventually play and learn something from. I was heavily inspired by the daily puzzle games I consistently play such as Wordle and Strands.

Refractor is a game about connecting colored tiles together to reach all the goals. Use "refractor" tiles to combine two colors together but be careful not to trap yourself in! The game is won when all goals are fulfilled.

The tech stack is: Laravel + Inertia, React + TypeScript, and DaisyUI + TailwindCSS.

Open to any questions or feedback. Hope you might find it interesting!

19 comments

playingalong1y ago

Nicely done.

I need to admit the second step in the tutorial took me a while. It's not obvious the mixing tiles accept incoming colors only at some of the sides. I.e. you need to go further with the blue and make a U turn.

dustyduster1y ago

I had the same experience. Once I figured it out though, it made for a really fun mechanic. Better I think than what I expected (that I could "enter" the tile from any direction).

alok991y ago

Agreed. I think a tutorial step with mixing from obvious directions followed by the current one would be better.

tlackemannOP1y ago

I really appreciate this suggestion. I also had a friend hung up on the directional concept. I'll look to fix that with a gentler tutorial possible. Thanks for trying it out!

uxamanda1y ago

Ah I gave up until I read this comment

aabbcc12411y ago

I'm also thinking about a color game but not committed to make it yet. Congratulations on release it.

tlackemannOP1y ago

Thanks!

nextaccountic1y ago

I want to play more, 1 puzzle per day is satisfying for word puzzles but not for this kind of puzzle IMO

Maybe you can still have a hand-curated daily puzzle, but also have some procedural generation to have endless puzzles

thesh4d0w1y ago

1. The restart button doesn't seem to work half the time

2. As a techie who thinks of color in RGB, it took me a very long time to understand how to make green from yellow.

tlackemannOP1y ago

Well in elementary school they'll be teaching my daughter that blue and yellow make green and red and blue make purple. Not sure how I could help the techies here :)

invisibleloop1y ago

Looks good. Unfortunately my colour blindness means the first level after the tutorial was difficult for me to play. Which sucks.

tlackemannOP1y ago

I'm really sorry about the color problems, my wife also has some color issues that I was trying to work around. I think having a high contrast mode is something I can add.

Thanks for trying it out, really appreciate you letting me know.

invisibleloop1y ago

Thanks for your reply. I love playing these sorts of games but colours have always been an issue where colour is the primary mechanism of the game. So some games will just be out of reach and I’m ok with that. I wouldn’t want you to over complicate or ruin a nice UI to cater for my needs! Greens, browns and reds will always be an issue. Even blues and purples are hard too.

2 more replies

datascienced1y ago

Would a hover with RGB values help? It then becomes a bit of a logic game. For example you have F00 and 0F0 and you need a FF0

yunruse1y ago

Having to hover each time is a little unwieldy. Patterns [0] could be helpful? In this instance it might be neat to have stripes in the cardinal/diagonal directions which can combine into crosshatch, though after 4 colours it would get crowded to represent.

[0] Something similar to https://images.wsj.net/im-194691 for lighter-shade-on-darker shade.

datascienced1y ago

Beautiful game!

dustyduster1y ago

Enough with the daily stuff. I would like to actually play the game you made.

j / k navigate · click thread line to collapse

Show HN: I made a daily puzzle game about mixing colors (opens in new tab)

(refractor-game.com)

19 pointstlackemann1y ago19 comments

The tech stack is: Laravel + Inertia, React + TypeScript, and DaisyUI + TailwindCSS.

Open to any questions or feedback. Hope you might find it interesting!

19 comments

playingalong1y ago

Nicely done.

dustyduster1y ago

I had the same experience. Once I figured it out though, it made for a really fun mechanic. Better I think than what I expected (that I could "enter" the tile from any direction).

alok991y ago

Agreed. I think a tutorial step with mixing from obvious directions followed by the current one would be better.

tlackemannOP1y ago

I really appreciate this suggestion. I also had a friend hung up on the directional concept. I'll look to fix that with a gentler tutorial possible. Thanks for trying it out!

uxamanda1y ago

Ah I gave up until I read this comment

aabbcc12411y ago

I'm also thinking about a color game but not committed to make it yet. Congratulations on release it.

tlackemannOP1y ago

Thanks!

nextaccountic1y ago

I want to play more, 1 puzzle per day is satisfying for word puzzles but not for this kind of puzzle IMO

Maybe you can still have a hand-curated daily puzzle, but also have some procedural generation to have endless puzzles

thesh4d0w1y ago

1. The restart button doesn't seem to work half the time

2. As a techie who thinks of color in RGB, it took me a very long time to understand how to make green from yellow.

tlackemannOP1y ago

Well in elementary school they'll be teaching my daughter that blue and yellow make green and red and blue make purple. Not sure how I could help the techies here :)

invisibleloop1y ago

Looks good. Unfortunately my colour blindness means the first level after the tutorial was difficult for me to play. Which sucks.

tlackemannOP1y ago

I'm really sorry about the color problems, my wife also has some color issues that I was trying to work around. I think having a high contrast mode is something I can add.

Thanks for trying it out, really appreciate you letting me know.

invisibleloop1y ago

2 more replies

datascienced1y ago

Would a hover with RGB values help? It then becomes a bit of a logic game. For example you have F00 and 0F0 and you need a FF0

yunruse1y ago

[0] Something similar to https://images.wsj.net/im-194691 for lighter-shade-on-darker shade.

datascienced1y ago

Beautiful game!

dustyduster1y ago

Enough with the daily stuff. I would like to actually play the game you made.

j / k navigate · click thread line to collapse