Hi all! I finally finished my first true game that’s not connected to any tutorial. I chose black jack since it’s probably one of the simplest card games and I practically live in Vegas. I tried to copy the most popular online version out there but I know I’m missing some features like insurance and double (I’m not exactly a gambler either, haha.)
Some of the difficulties I’ve had included:
Spreading the cards like how it should be spread. (The last one I tackled, actually.)
Perfecting (as much as I could lol) dealer phases and setting time outs.
Disabling buttons in certain phases of the game.
CSS!
Parts that was surprisingly less challenging:
Drawing cards.
Betting and bank.
Card scoring system.
I’d like to know what I should focus on improving first. Please feel free to give any critiques regarding my data structuring, styling, etc. All in all, this took me four days and around 5 hours average per day. Should I be faster? Also, let me know of any bugs. I appreciate any feedback. Thank you very much!
Hmm… It’s weird because it works on my chrome. I did my testing on Chrome. Anyway, I’ll work on it again tonight. Could you please come back when I update it? Thanks for your help!
Mixed Content: The page at 'https://caralagumen.github.io/cyberbird/my-first-true-game/black_jack/' was loaded over HTTPS, but requested an insecure stylesheet 'http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'. This request has been blocked; the content must be served over HTTPS.
script.js:461 Welcome to Cara's first app ever. Hope you enjoy!
script.js:452 Game has started.
script.js:29 Uncaught TypeError: data.decks.flat is not a function
at Object.addDeck (script.js:29)
at Object.init (script.js:454)
at script.js:462
caralagumen.github.io/:1 Mixed Content: The page at 'https://caralagumen.github.io/cyberbird/my-first-true-game/black_jack/' was loaded over HTTPS, but requested an insecure stylesheet 'http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'. This request has been blocked; the content must be served over HTTPS.
It seems my CSS is more flawed than it looks. I’m sorry! I’ll be focusing on using a better format for the CSS. Initially, I just wanted it to function. Have you tried resizing the window to make it show by any chance? I’m thinking it’s hidden somewhere below. Lol.
Okay, I did some tweaking to the CSS and played with the mobile compatibility (hopefully.) Please let me know if the deal button and such is still hiding. Would be glad to hear what you guys think of the gameplay! (And oops, I forgot to change the flatten. Will work on it some more plus the mobile version …)
The game works just fine. The problem is fixed imo,seems like a cool and complicated project good job. The only thing i would like to change is to make the card under more visible.
Sorry, maybe I’ll add instructions in the console at least on my next update. It’s usually bet > deal > hit or stand > repeat. If you meant you don’t know how to play Black Jack in general though, it’s basically who gets to 21 closest without going over. Thanks for playing! So happy people are trying it!
Thank you so much for the kind words! Yes, it was quite the task. I didn’t think I’d have to do so much until I ran into problems. And I would love to make the cards move perfectly but it’s such a pain! If you have a very widescreen, I noticed that the cards start going the opposite way. I really need to brushen up on my css but I really want to learn the other things that go into web development first. What to do?