Today I mainly worked on implementing a settings menu. I had done this yesterday, but the code needed some cleaning up.
I now have it so that you can press a gear icon in the top-right of the app. This gear icon will redirect you to the settings menu when you press it, and I've also included a back button to go back to the main game from the settings menu. Both buttons work via the <a> tag in HTML. No Javascript is used (yet), but I plan to change them to Javascript so I can work on their design a bit more.
Here's a code example of the settings button:
<a href="settings.html"><img id="settingsButton" src="settings.png"></img></a>
And the back button:
<a href="index.html"><img id="proBackButton" src="settings.png"></img></a>
Together, they work very well. On Monday I'll work on saving data, and hopefully getting some background sounds!
Since so much of the discussion of user interface design will be visual, please start including screenshots whenever you find your blog post discussing things the reader would like to see.
ReplyDeletebtw. Now would be a good time to chance the title of your blog, since if this project is successful your readership is likely to increase, and the current title doesn't reflect what you are working on.