I would like to make a special dedication to the members of this site who always seems to keep the fire burning when the flames are low, this one is for you +
*make a badge+avatar=GAME-FACE ~> GAME-FACE GENERATOR
ICONS: (from left to right)
KIND = your gender and skin color
COUNTRY = your current location
TRADITION = your ethnicity, family culture
FORTE = your strength, talent, skill, or preferred trade
DEVICE = your choice of hardware
SYSTEM = your choice of operating system
BROWSER = your way of connecting with the world
PROGRAM = your choice of software
I've seen a lot of awesome avatar generators out there, most of them made with flash, a few using the canvas of HTML5, and then I started to get that inspiration bug to make one for this site thinking... hey I could make one of those using good old HTML and CSS
So I basically made a div, gave it an id and a class, set a few classes to have a certain background image in the CSS, then created links to get the element by id and then change the class +
Now I have a div in which the background image changes depending on the link that is clicked!
So after that I made another div with a higher z-index to layer over the first div and now I got two working layers to make a GAME-FACE + but wait!
Then I realized, you just can't right-click to save the images so I had to look into using the HTML5 canvas to make that happen. After a little research, I found a way to have onClick links that will draw the image to the canvas in which the canvas makes it possible to right-click and save as a .png +
With tons of icons that i have spent hours to make for our profiles, suddenly found another use +
more and more graphics to make for the game and the face, it's obvious that this will be a never ending project.
I really do look forward to what it will become in the future ^,^
GFG update 8/9/2013
Should any of you members have any thoughts or requests about the GAME-FACE GENERATOR, just let me know +