The Daily Click ::. Projects ::. Tic Tac Toe (html5)
 

Project: Tic Tac Toe (html5)
Project Started: 20th July, 2011 Last Update: 23rd July, 2012
Project Owner: Jenswa Project Members:
Project Type: board game Project Progress:
More Info: http://dl.dropboxusercontent.com/u/82972447/gv-summary-html/files/canvas/tic-tac-toe/index.html Faves: 0

Project Overview  
Preview Play tic tac toe online with any browser.

The red player begins and the blue player is next in line. When all pieces have been set you manually have to determine who has won, because I haven't coded that yet.

And at the moment there is only mouse control. Touch control will soon follow.

I actually should have ended this project in one day, but that didn't happen so it will maybe take one or two days more.

There also is a special feature called: dynamic resizing. When you resize your browser window, the game is also resized meaning: scaled.



Play the game: http://dl.dropboxusercontent.com/u/82972447/gv-summary-html/files/canvas/tic-tac-toe/index.html

Read the readme: (link no longer available)

Or read the changelog: (link no longer available)

Please note: all links in the devlogs won't work because I've re-organised the projects section of my website. Working links can be found above in the Project overview section.

Project Forums Topics Posts Last Post
Public Forum
Public forum for open project discussion
0 0 No Posts
Private Forum
Private forum for project members only
0 0 No Access

Passive drawing
Posted 23rd Jul 12, by Jenswa 2 Comments
Switched from active rendering to passive drawing.

This should make the game better playable at low specs machines and mobile phones, because those are slow at canvas drawing operations.
Restart button
Posted 27th Jul 11, by Jenswa Post A Comment
I've added a restart button.

And it has touch controls which need some thorough testing.

Wanna play?
http://dl.dropboxusercontent.com/u/82972447/gv-summary-html/files/canvas/tic-tac-toe/index.html

Or read some more in the changelog?
(link no longer available)

Or maybe just browse the readme file?
(link no longer available)
Touch Controls
Posted 22nd Jul 11, by Jenswa Post A Comment
The touch controls have been added.

The green marker now displays which piece will be moved onto the board next.

Play online over here:
http://dl.dropboxusercontent.com/u/82972447/gv-summary-html/files/canvas/tic-tac-toe/index.html

Perhaps the project will be bundled into a free chrome webapp/extension.

Edit by Jenswa on 2011-07-22.
Removed the changing board colour as I already added that in the last update, no need to repeat it here.
We have a winner!
Posted 21st Jul 11, by Jenswa Post A Comment
Forget about the magic 3x3 square, just checking the rows, columns and diagonals is enough to declare a winner or a draw in the end.

So now you can moves some pieces strategically and actually be a winner!

And if you've won, the board will turn in your colour! Amazing isn't it

What even more amazing is, is the green token in the bottom right corner. It's either a green cross or green circle indicating the player's turn.

Don't forget to resize your browser window and see the game getting resized too

Want to play a game against your little brother?
http://dl.dropboxusercontent.com/u/82972447/gv-summary-html/files/canvas/tic-tac-toe/index.html

PS: I might add touch controls tomorrow.

View Project Archive


 



Project Forums


Favourite

Advertisement

Worth A Click