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.

Step 1.
Download this zipped file and extract it.
tictac.zip
Right ClickClick, choose option SAVE.
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.







Step 3.
Launch the program / application GIMP (Start > Programs> 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 > notepad
4.3 - Edit > Replace4.4 - Find Quazi,   replace with **Your opponents name**
Save and close

Open with browser, try out the game.


Step 5.
Upload a zipped folder of it, to dropbox.

Put all files into a folder, name the folder your name.

Right click on the folder > send to > compressed (zipped) folder.



Dropbox.com
login: ppslane@gmail.com

password: purpleYAY ALL DONE, enjoy free time!

No comments:

Post a Comment