Would be cool if you could drag select multiple cards to move hands around in the demo.
HTML5 Deck of Cards
11–20 of 165 posts
Re: HTML5 Deck of Cards
#12What's so HTML5 about this?
– that's about it :D
Re: HTML5 Deck of Cards
#13Each of these cards could probably be made with one element and some CSS3 pseudo-element selectors, as opposed to the four elements (wrapper element and three child elements) that are currently used per card. Additionally, with three elements (possible just one if you're crazily good at CSS), it'd be possible to have flippable cards. Still just using CSS3. Edit: Can someone explain these downvotes for me?
I suck at pseudo-elements – that's why.. :)
Re: HTML5 Deck of Cards
#14More like JS + CSS3 Deck of Cards.
I used HTML5 just because the original version was made with Flash back in 2006 (http://pakastin.fi/cards_2006). Then I made a Angular.js version, which is lost, but was featured on Chrome Experiments. This is actually HTML5 Deck of Cards 2 :)
Re: HTML5 Deck of Cards
#15Really nice! An animation for turning the cards and the displaying of the back of the card would be a useful additional feature I guess.
Re: HTML5 Deck of Cards
#16Meh, it's all shiny and no functionality: I can't play any games or hook this up to anything. And it's not even that shiny: it would be quite difficult in casual play to differentiate cards at a glance: there are no faces on face cards, etc.
I implemented the same functionality (minus drag/drop, which isn't actually useful) a few times myself when I was working on poker bots.
Re: HTML5 Deck of Cards
#17I want to deal a card game and play with someone. The cards need to be face down though.
Re: HTML5 Deck of Cards
#18It'd be perfect if the Z-index updated for card last selected. It looks like they're z-indexed in a specific order at the moment?
Re: HTML5 Deck of Cards
#19Meh, it's all shiny and no functionality: I can't play any games or hook this up to anything. And it's not even that shiny: it would be quite difficult in casual play to differentiate cards at a glance: there are no faces on face cards, etc. I implemented the same functionality (minus drag/drop, which isn't actually useful) a few times myself when I was working on poker bots.
Maybe instead of trashing other people's work you could just link to yours instead.
Re: HTML5 Deck of Cards
#20Maybe it's a weird takeaway, but this line is really clever: var suit = i / 13 | 0; That's such a clean way to get a 0, 1, 2 or 3 from each card's `i` and I never would have thought of it.
I think "value | 0" is basically same as "Math.floor(value)"
Yes, but it is 18% faster do run the bitwise or on my machine: