I’ve finally done it… my euchre logic will compile… mostly.

The only part that doesn’t compile is displaying the cards, because I haven’t created all of the separate card images yet. I have the image with the entire deck, but I need to split that into 24 different files (Yes, 24. This is a euchre deck, not a regular card deck) then I need to resize those 24 files for different screen sizes.

Then after that’s all done, I obviously need to test to make sure I didn’t break any logic. Then I need to build in the options that I had in the Windows game, and the statistics that are in the Windows game, and build a menu, and work on the achievements, and getting it to network… so there’s still A LOT of work to do.

BUT, I have reorganized a lot of the logic into new object classes (which makes the logic easier to follow) and I’ve fixed some actual logical errors in the computer play logic (thanks to warnings in the IDE I’m using) and the layout is pretty much set (I might have to tweak it slightly for different screen sizes, but it’s mostly good)

Here are some renderings from my IDE:

The “Message Text” area is where all messages to the user will be displayed. This includes information about actions by the other players (IE: “Player 2 has passed” or “Player 2 has ordered the 9 of clubs to Player 3”, etc.) and it will have information as to actions that need to be taken by the player (IE: “Would you like to call trump?” or “Select a card to play”, etc.)

The cards in the center are the cards played by each player for that trick. This is also used as the “Up Card” display for player 1 and player 3. The “Up Card” for players 2 and 4 are closer to their hands.

There is a (Dealer) and (Passed) label for each player, which will be displayed as necessary. Once trump is called, all of the (Passed) labels will disappear, and some hand information will appear in the top right. The (Dealer) label will stay near the player who dealt until the next hand is dealt.

Since I’m planning on having a database to store data, it will be easier to allow users to create multiple user profiles, and one device can then be used for multiple players. (Even using one login on devices that allow multiple device users.)

So I created a mock up of what I expect the user creation screen to look like:

I took a screenshot from my GNex used GIMP to make it plain white, then used MS Paint and GIMP to create this, so it’s not the best quality thing ever, but it gives you a general idea of what I’m thinking.

The only required piece of information would be the name. Each person needs a name, and they will be assigned an ID in the back end. I left some empty boxes, just because I don’t know what else people will want to put in there.

There are also options to import information from Facebook, Twitter and Google+. This is something that I’ve never actually done, so I’d have to look at their APIs and figure out how to do that. (Or if it’s even possible in the case of G+)

I also have achievements built into the Windows game, so I’d like to keep those and link them to a user profile as well. I also want an option for a user to backup this user data somewhere, and re-import it to a new device so that all of their hard work is not lost. Not sure if that’s possible without root access, but I’ll look into it.

For the picture, I’ll obviously come up with a default picture like most services do. That picture will be used unless the user uploads a new one, or pulls one from a social media site.

I’m generally a fan of the dark theme, but for this application I think the light theme will be a better fit. It will give a more upbeat feeling to the app, and I just think it will look better than the dark theme. As shown in this render, I will likely still use the dark theme for the buttons. This will make them stand out a bit from the rest of the UI.

I need to (at some point) start thinking about how this thing is going to look. So I took some screenshots from the Windows game, and marked them up a bit with what needs to be done.

First, some things to get rid of, and move around:

Anything with a red X through it can be removed. The logo in the center is unnecessary. The visual representation of the score (Above “Team 1 Score” and Team 2 Score”) would take up too much space. Same with the visual representation of the tricks won be each team (this is empty, as this shot is from the beginning of the game, but they are normally above and below “Team 1 Tricks” and “Team 2 Tricks”.) The games won numbers will be moved to the statistics window. These are mostly things that I added because I had the room for it on a desktop environment, and add a bit of realism to the game. They are not, however, necessary to game play.

The circled information (team score and tricks) can be gathered into one place, which for now I have designated as the red rectangle in the top left. Or possibly score in the upper corner, tricks in the lower corner, or something like that.

Next, some things that are necessary to keep around, and in a similar place as where they are now
:

Again, I’ve X’d out the unnecessary things, but in this case the circled objects need to stay relatively close to where they are.

Players’ cards and name labels need to remain at the 4 edges of the “table”. There is also a (Dealer) label next to player 4’s name label, indicating that (s)he dealt this hand. There is also a (Pass) indicator that appears next to the names after a player passes their turn to call trump. (Since nobody has passed in this shot, the pass indicator is not present. But it is in a similar location to the dealer indicator.)

Near the bottom center (where the human player’s cards are) is a message to the user, indicating the most recent event in the game or what they need to do to further progress, below that are buttons (in this case for selecting trump, but other button appear there as well throughout the game. See the other screenshots to see those buttons) and below that are choices to call alone, or to pass (“Don’t Call”.)

These things all need to remain relatively close to their current position.

And lastly, some more things that need to stick around.

Once again, X’s through unnecessary items, circles are things that should stick around.

In the top right is information about the current hand: who dealt, who called trump, and what trump was called. This can be moved if necessary, but should still be present somewhere.

In the center are the cards that each player has played in this trick. If you look at the screenshot above, I use a similar location for the “Face up card” when calling trump (which ironically is face down in the shot.) In the mobile version these locations can be one and the same, but the face up card will still rotate around the table, to give a visual representation of who dealt the hand.

You can also see in this screenshot how the visual representation of the tricks are displayed. Team 1 has 1 trick, therefore 1 face down card is displayed above the “Team 1 Tricks” text – indicating that 1 trick, or book, has been taken by that team. As stated above, this is not necessary as long as there is a textual representation.

As I mentioned in one of my previous posts, I’m doing a lot of rearranging of existing code: Moving some stuff into existing object classes and creating some new classes.

Unfortunately, this does not necessarily mean less code, it actually usually means more code… and it means a lot of revamping on existing code to change it to object.function() notation. But the good part is that it means better organization of the code, and more secure code.

Previously, I had a lot of global variables so that I could access information from anywhere. Now, those global variables are mostly inside of an object (or will be soon.) This makes the information harder to access from the outside, making it more secure, and it also gives the code a better logical flow, which means that it makes more sense to me and anyone else who tries to interpret the code.

Even when originally creating this program I knew that having so many global variables was a bad idea, but at the time I couldn’t think of a better way to do it. I was still VERY new to programming (and still am fairly new at it) so I didn’t have a lot of the knowledge that I have now. (Plus it wasn’t a very public program, so I wasn’t too worried about doing things by the book. I just wanted something that worked.)

Another problem that I have is that most people will come up with an idea, then create a plan of attack (including things like: What objects do I need? How am I going to have the user interact with this? How do I want to display things? etc.) I normally do not. I sit down and start coding, and when I run into something where I ask myself “How am I going to do this?” I make a note, move onto something else, and think about a plan of attack later. (I’ve actually got more pre-planned with this project than I do on most of my projects)

I know, this is not a good way to do things, but it’s just how I am with everything. Planning is not my strong point, execution is my strong point. Even in high school and college, the teacher would say something like “You have all semester to do this paper. You should start it now or you’ll never get it finished!” I’d start a week before it was due. Sometimes less. Some of you might call that laziness, or procrastination (I would call it procrastination as well) but it’s also just a lack of planning on my part. But the best part is, I’d always do best on the papers/projects that I procrastinated most on. I guess I just work better under pressure.

But back on topic… as I’ve said a few times already, this code revamp is going to take a while. I have not even begun work on the UI layout, or anything that is user-facing code. It’s all been back end stuff, and it’s still a work in progress (even after spending about half of my day yesterday coding.) But the good thing is that when I’m done with this revamp, it’s going to be a much more solid product.

Side note: My main file still has over 11,300 lines of code. Admittedly, at least a few hundred to 1,000 of those lines are probably comments (one thing I DID do well with this was commenting) but that’s still a LOT of code. And that doesn’t even count the code in the object classes. However, I think a lot of code will be eliminated when I start getting rid of things like saving/loading files (I plan to use databases and SharedPreferences instead) and some of the Windows specific things (like only allowing 1 window to be open at a time, a lot of menu code – which I expect to be less code for Android, and a few other random things.)

So I started looking through my code for my euchre game, and thinking of ways to improve my existing code. Mostly, ways to make this not seem like such a daunting task,

In my main file, which does most of the decisions on how the game is actually played, I have over 11,000 lines of code. Yes, you read that right. 11,000 lines in just one file. That’s insanity. So I got to thinking, I have many objects that I can distribute some of this code through.

Objects I have: CardDeck, EuchreDeck, PlayingCard, EuchreCard, Player, EuchrePlayer
Objects I think I should create: EuchreGame, EuchreHand, EuchreTrick, Stats
(All existing object classes have been translated to Android/Java already. The main code still has not.)

The CardDeck/EuchreDeck includes things like how many cards are in the deck, how to deal the cards, how to “shuffle” the cards

PlayingCard/EuchreCard contains things like the value and suit of the card, a “euchre value” of the euchre card, whether or not the card has been used, if it should display face up or face down, and the image associated with that specific card.

Player/EuchrePlayer has things like the name of the player, how many cards they currently have, what specific cards they have, whether they are human or computer, and their most recently played card.

EuchreGame will have things like the current score of the game, and achievement based variables.

EuchreHand will have things like a trick count for each team, whether or not someone called “alone”

EuchreTrick will have things like what player played which card

Then at the end of each trick, hand, and game, I can just create a new object which will reset the variables instead of resetting them in that already huge mess of code. It will make it look much better, and it will make it much more manageable in the future.

The game also keeps an insane amount of statistics, and displays them all in a single window (not sure how I’m going to display these stats on Android. Right now I have them broken into individual player stats, and team stats. I might have different tabs for each category, or I may have separate layouts depending on phone/tablet) All of these stats can be kept in an object instead of just variables, like they are now.

And there’s a lot of code that belongs in the existing classes which is not there yet. I just went through and marked a bunch of code that should be moved, and I’m sure there’s more. (I’ve only been through a couple hundred lines of the 11,000.)

Things I need to learn/plan/think about:

1. How to write an object or variables to a file in Android
1. The stats are kept in a file, and read from the file at the opening of the program. I don’t currently know how to do this in Android.
2. How to network it
1. I want to use Facebook and/or G+ to do something like “Words With Friends” or such games to allow people to play online. 
1. Do I need a server of my own to do this? 
2. Can I use the requesting device as a “server”?
3. Can I use FB and/or G+ as a server?
2. Should I make it live play only, or turn based like Words WF?
1. I think making it turn based would be boring, but are people going to sit and play an entire game of euchre without quitting out? Having people constantly quit halfway through would be annoying.
1. Maybe have it live, with an option to continue later?
3. I have no idea how to do any networking in Android, so in any case I’m going to have a learning curve.

I have finished the card design for my euchre game.

I went online and found a design someone else had made, then changed the design completely and only kept their template.

The design I found was close to a real deck of cards: the 9 of hearts has the number 9 and a heart symbol in the top left, and the same but inverted in the lower right, and 9 heart symbols in the center. This is how the cards in my desktop game are designed, and it works fine. However, a design like this would be hard to see on a phone, and maybe even a tablet. So I simplified it.

Each card now has the number (or letter) designating it’s value, and the suit symbol in both the upper left corner, and in the center of the card. In both places, the number is above the suit.

I kept the top-left notation because I want the cards in the game to be displayed as they would appear in your hand in real life: stacked over top of each other, with only the left side showing on all but the right-most card. Again, this is how the desktop game is setup.

However, when a card is played (or otherwise not in a player’s hand) the whole card will show. Also, I want to make it so that when you hover over a card in your hand, it will lift a bit, so you can see exactly which card you are choosing (again, like the desktop version) and to play the card, you will swipe up toward the center of the card table.

This is going to take a while to figure out how to do. As some of you know, I have a swipe action in Auto Respond, but the swipe is not animated. I have not yet figured out how to make the screen (or in this case an object) move as the swipe is occurring. This is something I will have to look into some more.

Here are the card images I will be using:

Depending on how well the images appear on screen, I may adjust the size of the text a bit. Possibly making the corner text slightly larger, and/or making the center text slightly smaller.

For those of you who know how to play euchre, you know that I only need the 9 through A of each suit for this game. But I figured that designing all of them would make it so that I can reuse them for other games if I want. (and I may use a 2 and 3 for showing the score, like I do in the desktop game. Although that would be tough to do without having multiple symbols in the center of the card. It may confuse some people.)

Also, I just realized I still need to design the back of the cards. As with the desktop game, I will likely have multiple designs for the back of the cards. A simple design of stripes or crisscrosses available in both red and blue, and maybe some special designs, like the 1515 Studios logo, or an Android (or bugdroid as some call it.) We’ll see what I come up with 🙂