Simon's Tic Tac Toe

Malachi

17:41

zomis.net/ttt/TTTWeb.html

2

Simon André Forsberg

Yay, I got my own room :)

Malachi

you want to be able to create a class inside of a class, for the tic-tac-toe inside of the tic-tac-toe

Simon André Forsberg

Although I understand that it'd probably be good to match HTML and Java, I'm not exactly sure why. View can be independent from model.

Aha. Makes sense. I'm going to try to make some changes.

Malachi

you can change the element from a table to an Image if it is inside of a div. so it would be easier to put an 'X' over the mini boards

stuff like that

this is all stuff that is just flowing from my mind, so it may have to be refined

I need to find myself a team, and give them ideas and have them code for me....

lol.upvote

@Malachi you want to be a project manager?

Malachi

17:48

@lol.upvote for my own company...lol more money that way. I have really good ideas for programs, I am just too ADHD

back to work for a little while then off to do taxes

lol.upvote

What's ADHD?

Malachi

@SimonAndréForsberg that way too you can put a margin on the containers holding the mini boards or put graphics in between the boards as well

@lol.upvote who Said Shiny Red Ball?

@lol.upvote thinking I might actually eat lunch today

@lol.upvote blue cheese isn't my first choice for salad dressing though

lol.upvote

WTF?

Malachi

shiny red ball syndrome..... that is what ADHD is

lol.upvote

never heard of

Malachi

17:53

Attention Deficit Hyperactive Disorder

if I could only multi task

lol.upvote

ah

kleinfreund

I found it!

Well, @lol found it for me.

lol.upvote

@owner: you can move relevant messages from the 2nd monitor into here :)

kleinfreund

cough

Okay guys. Figuring out what your Ultimate TTT is won't be too hard. Anyway it would help me to know what exactly you need here.

Simon André Forsberg

OK, sorry for not responding so quickly :) Now I'm here...

So, should I put each tile in a div, which is then put inside a board div?

kleinfreund

18:06

Wait a second.

A div for the board. Sure.

Then 9 divs for the small boards?

Wait, we need proper names for this. The board is the whole play area with the 9 small boards, right?

board > tile > field?

Simon André Forsberg

I usually call it game > board > tile

at least that's how my Java classes are named :)

kleinfreund

Oh, hm.. I'm not happy with these names. Isn't the board the largest area of a board game if there are several areas?

Simon André Forsberg

Isn't a tile and a field the same thing? :)

kleinfreund

hmm..

lol.upvote

I like "area". Might rename a class in my code...

Simon André Forsberg

18:11

Can we call it game > subgame > tile?

lol.upvote

I have Game > Board > Cell

Where Board : Cell and Game : Board

kleinfreund

board > area > tile?

Simon André Forsberg

Board extends cell? Hmm, interesting... Because I assume Cell is not an interface?

board > area > tile, deal!

Malachi

@lol.upvote how you do that?

lol.upvote

don't know. might be a mod thing.

Malachi

18:15

just for @kleinfreund bejofo.net/ttt

bejofo.net/ttt

kleinfreund

Thanks

Simon André Forsberg

Hey, why am I not a room owner in my own room? :)

kleinfreund

Cool rules.

Stack Exchange

Malachi has added Simon André Forsberg to the list of this room's owners.

3

Malachi

@SimonAndréForsberg while I agree that the design should be separate from the logic, I still think that you should keep it close to the same structurally.

and most of what you want to do, should probably be done in javascript anyway and not Java, am I right?

Simon André Forsberg

18:18

@Malachi Makes sense, I'll see what I can do...

Malachi

@SimonAndréForsberg it works and I like it.

Simon André Forsberg

Change the HTML first, and then I'll somehow have to manage the CSS inferno that comes with it...

@Malachi My Java code gets compiled to JavaScript, thanks to GWT :) (Google Web Toolkit)

Malachi

@SimonAndréForsberg oh right....

kind of dumb, why not just write it in javascript, it's pretty much the same.... ;)

Simon André Forsberg

@Malachi Hell no!

kleinfreund

Simon, if you have a HTML structure, completely unformatted, you can still work with it. Everything CSS related can be done after this.

Malachi

18:23

@SimonAndréForsberg I know I was just messing with you

lol.upvote

@SimonAndréForsberg don't ever tell me a car has nothing to do with a carpet anymore!

kleinfreund

There are some kind of identifiers for the areas, right?

1 2 3
4 5 6
7 8 9

something like this?

Simon André Forsberg

@lol.upvote From now on, a car can apparently be compiled into a carpet... somehow...

kleinfreund

So is the top-left one the 1 and the bottom-right one the 9?

lol.upvote

Interesting. I have mine as:
2 3 4
1 0 5
8 7 6

Simon André Forsberg

18:26

@kleinfreund Ids, good thinking! Haven't applied any HTML ids yet but I can do that. I'd prefer to use both x and y in the id though, like: area-0-2

kleinfreund

But each area has the same 1 to 9. It's not 10-19 for the second one, right?

Simon André Forsberg

I'm not quite sure why I would need HTML ids though... but if I do, that's no problem. But regarding the identification, I always use 2d positioning.

@kleinfreund game > area > tile we said! You're talking tiles!

I could do area-0-2-tile-1-1 if that'd be useful?

kleinfreund

@lol For HTML it makes more sense to start at the top-left and go down to the bottom-right. Just like text in the western world.

Simon André Forsberg

Or I would use tile-5-7, so that the tile is using it's "global" positioning

kleinfreund

We have 9 areas and 81 tiles then, right?

Simon André Forsberg

18:28

yup

lol.upvote

@kleinfreund yeah, but I do WPF. Every margin/padding/whatever starts left and then goes around the control clockwise.

Malachi

0-80 then

Simon André Forsberg

the tiles could then get a class .pos-0-2 or similar

Malachi

@lol.upvote well that's not very nice

kleinfreund

Should we start numerating at zero? I know this is how it's done in programming..

lol.upvote

18:29

So if I were to make a webui, I'd pull my hair I guess.

Simon André Forsberg

@Malachi 0-0 to 8-8 for me, I refuse to use one id number for something that is in two dimensions...

Malachi

it would be easier to link to the code

kleinfreund

Okay, okay. So we use coordinates and start from 0.

That's fine.

Malachi

you wouldn't have to do any math on the increment variable for the loops

Simon André Forsberg

@Malachi I don't use one id number anywhere. It's all in two dimensions.

kleinfreund

18:30

I'll work on a simple demo.

Malachi

I am confused. I will have to see some of the code some time

kleinfreund

x-coordinates first, right?

Simon André Forsberg

@Malachi Only a matter of time before you will. At most 25 days :)

@kleinfreund Yup, always x first.

Malachi

I might have to create a nice PHP version of this cool Tic-Tac-Toe game....

and put it up on my website to show off my coding skills

Simon André Forsberg

@Malachi You should! It's awesome!

kleinfreund

18:32

Is it like this:

1-1, 1-2, 1-3
2-1, 2-2, 2-3
3-1, 3-2, 3-3

Malachi

I gotta go do some taxes

@kleinfreund it's a matrix

Simon André Forsberg

@kleinfreund Indexes starts on zero. So that'd be 0-0 to 2-2

kleinfreund

ah, damn^^

Simon André Forsberg

0-0 1-0 2-0
0-1 ...

x first :)

kleinfreund

So, on the area level, we'll have this:

jsfiddle.net/26sEg

The first set of tiles will have the same id's, but with "tile-" prefix, right?

@Simon What you said before (area-0-2-tile-1-1) would be pretty redundant, huh?

Simon André Forsberg

18:43

@kleinfreund They could, yes... (I'm not entirely sure if I need that many id's)

@kleinfreund Yeah, that was a bit too much... using the global position for tiles would be better I think.

kleinfreund

I would use classes instead, it's cleaner in my opinion. Except you need the ID's as JavaScript hooks

so the 81th tile has tile-8-8?

Simon André Forsberg

@kleinfreund GWT takes care of all the JavaScripting for me, I don't need any ID's at all!

kleinfreund

I think that's easier, yup.

Okay, I use classes then. ;)

Simon André Forsberg

Yup, tile-8-8 for the last tile

The Java (--> JavaScript) code will take care of all the functionality of the game (just like it already does), it's the design I need most help with :)

kleinfreund

Is there maybe a repo for this?^^

Simon André Forsberg

18:56

@kleinfreund A git repo for my code? No. Or what do you mean?

kleinfreund

For this: zomis.net/ttt/TTTWeb.html

Where you publish the final thing

lol.upvote

Watch, the final thing is going to be available on Google Play.

kleinfreund

!

Will you be generating the HTML?

Simon André Forsberg

@kleinfreund Yes, I can write some HTML on my own but most of it gets generated by GWT. The divs and stuff will be generated. But that doesn't mean that I can't customize it.

kleinfreund

Okay, nevermind.

Trying to figure out how to make the base of this construct being as responsive as it gets

kleinfreund

19:48

Huh... I'm working on the board.. If I open it in the browser and hit Ctrl-A, this is what I get:

Today I Learned... xD

Simon André Forsberg

@kleinfreund well that looks a bit.... weird...

kleinfreund

Simon André Forsberg

Trying to write TIL ?

kleinfreund

Not at all.

I have no clue what is happening.

No tile has special formatting.

I just hit Ctrl-A and it marks these tiles xD

Simon André Forsberg

Should I still work on making my HTML generation output divs or should I go back to the table? xD

kleinfreund

19:55

>:D

You know, just trying to make it super fancy.

Simon André Forsberg

Good good :)

lol.upvote

Make it 4x4 and Ctrl+A should spell TILE

kleinfreund

4x3 should be enough then. :p

lol.upvote

Make it 16:9 and call it "Tic Tac Toe HD"

kleinfreund

Oh man, I think the responsive solution I was working on has too many culprits for this complex structure.

Gotta make it more static. :/

The version I have now can be resized.

But the pixel dimensions are not calculated accurately. Using some hacks^^

Simon André Forsberg

20:04

@lol.upvote Should I consider that a feature-request?

Simon André Forsberg

21:05

@kleinfreund Here's how it looks right now, I think I did most of the HTML changes you suggested: zomis.net/ttt-dev/TTTWeb.html

I have no idea on how to make it look right though, because now one 3x3 area = one row.

Transcript for