Mozilla Game On: Hackable Javascript + HTML5 Game

I have submitted my entry to the Mozilla Game On competition under the ‘hackable games’ category. It can be played online now at: http://austinmarton.github.com/phys-ed/

PhysEd

I developed a basic platformer written from scratch in Javascript using HTML5 canvas and some jQuery. It has a ‘mod mode’ in which the user can view some of what is going on behind the scenes and change some of the physical parameters. Of course I ran out of time in the end but the competition was a great push to at least get a playable prototype out there.

It is released under GPLv3 so please check out or even fork the source code on github!

Advertisements

Javascript + HTML5 Implementation of Peg Solitaire Game

After spending an evening attempting to complete the peg solitaire game at a friends house I’ve written a version in Javascript using the HTML5 canvas. It’s a very simple implementation where I use the colours of the squares to determine their state. You can view the project on github or just try and play the game.

I’m not a web programmer (yet!) so please excuse my bad practices, but I will add more boards and fix the bugs in time.

Wiki Editing

It’s kind of difficult to search for information on how to edit a wiki without finding Wikipedia entries on that topic. Here are a few commands and links.

Basic Headings
Headings are surrounded by equals signs and will be automatically added to the page index, e.g.

== Header Two ==
=== Header Three ===
==== Header Four ====

Referencing
At the end of the document insert the reference list, e.g.

<references/>

And then for each item to reference:

<ref> somereference.com </ref>

The reference numbering will be automatically generated (in the form [1], [2], …)

For references that will be used multiple times, the first occurrence is given a name:

<ref name="ReferenceOne"> somereference.com </ref>

And that name is used subsequently:

<ref name="ReferenceOne" />

Images
Images can be inserted as shown below. The image size can be specified in pixels. The ‘thumb’ option displays the image as a thumbnail. E.g.

[[Image:Filename.jpg|Widthpx|thumb]]

Formatting
Strike out text
<strike>Strike out text</strike>
Underline text
<u>Underline text</u>

I adore GoogleDocs

This year I have been using GoogleDocs for all my Uni work and it has been invaluable! Instead of fearfully clutching my USB stick during my daily transitions between the computer lab and home I am now loving life in the cloud. Here’s a little how-to for few of the features I’ve been finding:

  • Automatic Table of Contents Page
    While you are writing your document, select headings and change their style to “Heading 1” and so on.
    At the start of the document go Insert > Table of Contents…
    In web view the table of contents will appear with hyperlinks to those sections in the document. When you go to print it will add the page numbers automatically.
    Whenever you make changes to headings, right click on the Table of Contents and go ‘Update Now’
  • Page Numbers
    Page numbering can’t be done in the footer as in Word. Go File > Print settings… > Include page numbers
  • LaTeX equations
    Go Insert > Equation to open up a LaTeX editing window