Tic Tac Toe Redesign

First in the upper right click next, to see what other students have made.

You are going to redesign your own tic tac toe online game.
2 days
Day 1 = Steps 1 and 2
Day 2 = Steps 3, 4 and 5.

Step 1.
Download this zipped file and extract it.
tictac.zip
Click, choose option SAVE FILE.
locate file, right click > extract here.

Step 2.
Find FOUR images, try to find something that would oppose another thing, or relate to another thing.

One for you

One for your opponent

One for the nothing before you start

One background for your game.
Save the images to your home folder, or desktop.


Break for the day, continue tomorrow on step 3.


Step 3.
Launch the program / application GIMP (Start > GIMP)
Edit the images to fit the correct sizes, feel free to use the provided nothing.xcf and back.xcf to get the sizes and shapes correct.
100px by 100px for the small three.
600px by 600px for the background.


Make sure to save as the correct file names.
x.png
o.png
nothing.png
background_tictac.jpg
The easiest way to do this is simply open the file, put your image in place of it and re-save the file.


GIMP tools to use, Move, scale, rotate...

Step 4. 
Edit the code
The opponent still says Quazi, we simply need to do a "find and replace" for the word Quazi and replace it with whatever opponent name you want.


4.1 - Right click on the file tictacquazi.htm
4.2 - choose open with > Text editor
4.3 - Search > Replace
4.4 - search for "Quazi",   replace with **Your opponents name**
Save and close text editor.

Open with Firefox, try out the game.


Step 5.
Turn it in to the shared folder.
Put all files into a folder, name the folder your name.


Copy and Paste your folder into this folder.
Start > Shared folder > tictac.


YAY ALL DONE, enjoy free time!