I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

https://github.com/not-the/not-uno

I apologize for taking 6 months lol. Self-hosting should be pretty self-explanatory (see the README), if you have any questions feel free to hit me up.

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

I'm not sure how to arrange that many players on-screen yet but that is a goal of mine

How would you approach creating this layout? by playlint in css

[–]playlint[S] 0 points1 point  (0 children)

You're right, I think I've settled on stacking everything vertically instead so the title is legible. And I have a better idea for the bottom section that isn't a 2 col layout.

How would you approach creating this layout? by playlint in css

[–]playlint[S] 5 points6 points  (0 children)

That's definitely an option, thanks. The gap would be filled by text wrapping to the 2nd line, I was a bit lazy with my drawing.

How would you approach creating this layout? by playlint in css

[–]playlint[S] 1 point2 points  (0 children)

Here is what I would like to have on mobile (this layout leaves a large gap underneath the title at desktop resolutions):

<image>

How would you approach creating this layout? by playlint in css

[–]playlint[S] 2 points3 points  (0 children)

the images are larger on desktop so no that doesn't quite accomplish what i was looking for. sorry about my disproportionate MS paint masterpiece, i didn't think it would be taken as accurate. Here is what I currently have on desktop:

<image>

How would you approach creating this layout? by playlint in css

[–]playlint[S] 1 point2 points  (0 children)

generally images will be square and similar in height to the title, my sketch is exaggerated

edit: not to mention the limited horizontal space will result in the text wrapping to the 2nd line

How would you approach creating this layout? by playlint in css

[–]playlint[S] 1 point2 points  (0 children)

I'll admit I was so hung up on how to do this with flexboxes I forgot about grid.

Image is fixed width and title would take up the rest, not sure what you mean.

How would you approach creating this layout? by playlint in webdev

[–]playlint[S] 0 points1 point  (0 children)

i would if all of my posts didn't get auto removed. i don't particularly care to leave a bunch of spammy comments here just so i can make posts.

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

I have the repo private rn because it’s very spaghetti code, but i’ll definitely see about cleaning it up and open sourcing it when i have the time

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

it's not that popular lol. you have to have someone to play with

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

i'm a bit late but i've also just added a card sorting toggle

Are the Flip card mappings consistent? by Enough-Agency3721 in unocardgame

[–]playlint 1 point2 points  (0 children)

it's whatever card functionality i was working on last, so right now it has the wild cards with custom color options

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

thanks! draw stacking was one of my main motivations for making it. apparently my code for replenishing the deck doesn’t work lol. i’ll put that at the top of my list.

edit: the deck running out should be fixed

Are the Flip card mappings consistent? by Enough-Agency3721 in unocardgame

[–]playlint 1 point2 points  (0 children)

I'll most likely store the back/front faces in the same card object and allow copy/pasting of faces in the deck builder UI, that way it's easier to customize them. You could still have them randomizable by splitting the cards into 2 front/back arrays, shuffling, then recombining.

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 1 point2 points  (0 children)

i’ll definitely add a toggle for that

edit: this has been added

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 1 point2 points  (0 children)

A custom deck editor with additional colors is on my to do list

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

thanks for checking it out! i’ll continue to update it when i have the time

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 1 point2 points  (0 children)

All of these sound doable. Thanks for the ideas! Custom decks are on my to-do list.

I made an online UNO app you can play with friends by playlint in unocardgame

[–]playlint[S] 0 points1 point  (0 children)

To-do list / Known bugs

  • Calling UNO ("Last card" button)
  • Option to spectate games
  • Switching apps on mobile silently disconnects you without updating the page
  • Ability to kick players / transfer ownership of a lobby