yuidoc scripts added. Tidied up the Docs folder. Added back in the Emitter and fixed the Tests that weren't compiling.

Docs/API/api.js

@@ -0,0 +1,16 @@
+YUI.add("yuidoc-meta", function(Y) {
+   Y.YUIDoc = { meta: {
+    "classes": [
+        "TimeManager"
+    ],
+    "modules": [
+        "Phaser"
+    ],
+    "allModules": [
+        {
+            "displayName": "Phaser",
+            "name": "Phaser"
+        }
+    ]
+} };
+});

Docs/API/assets/css/main.css

@@ -0,0 +1,783 @@
+/*
+Font sizes for all selectors other than the body are given in percentages,
+with 100% equal to 13px. To calculate a font size percentage, multiply the
+desired size in pixels by 7.6923076923.
+
+Here's a quick lookup table:
+
+10px - 76.923%
+11px - 84.615%
+12px - 92.308%
+13px - 100%
+14px - 107.692%
+15px - 115.385%
+16px - 123.077%
+17px - 130.769%
+18px - 138.462%
+19px - 146.154%
+20px - 153.846%
+*/
+
+html {
+    background: #fff;
+    color: #333;
+    overflow-y: scroll;
+}
+
+body {
+    /*font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;*/
+    font: 13px/1.4 'Helvetica', 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+/* -- Links ----------------------------------------------------------------- */
+a {
+    color: #356de4;
+    text-decoration: none;
+}
+
+.hidden {
+    display: none;
+}
+
+a:hover { text-decoration: underline; }
+
+/* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
+   sight until it's focused. */
+.jump {
+    position: absolute;
+    padding: 3px 6px;
+    left: -99999px;
+    top: 0;
+}
+
+.jump:focus { left: 40%; }
+
+/* -- Paragraphs ------------------------------------------------------------ */
+p { margin: 1.3em 0; }
+dd p, td p { margin-bottom: 0; }
+dd p:first-child, td p:first-child { margin-top: 0; }
+
+/* -- Headings -------------------------------------------------------------- */
+h1, h2, h3, h4, h5, h6 {
+    color: #D98527;/*was #f80*/
+    font-family: 'Trebuchet MS', sans-serif;
+    font-weight: bold;
+    line-height: 1.1;
+    margin: 1.1em 0 0.5em;
+}
+
+h1 {
+    font-size: 184.6%;
+    color: #30418C;
+    margin: 0.75em 0 0.5em;
+}
+
+h2 {
+    font-size: 153.846%;
+    color: #E48A2B;
+}
+
+h3 { font-size: 138.462%; }
+
+h4 {
+    border-bottom: 1px solid #DBDFEA;
+    color: #E48A2B;
+    font-size: 115.385%;
+    font-weight: normal;
+    padding-bottom: 2px;
+}
+
+h5, h6 { font-size: 107.692%; }
+
+/* -- Code and examples ----------------------------------------------------- */
+code, kbd, pre, samp {
+    font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
+    font-size: 92.308%;
+    line-height: 1.35;
+}
+
+p code, p kbd, p samp {
+    background: #FCFBFA;
+    border: 1px solid #EFEEED;
+    padding: 0 3px;
+}
+
+a code, a kbd, a samp,
+pre code, pre kbd, pre samp,
+table code, table kbd, table samp,
+.intro code, .intro kbd, .intro samp,
+.toc code, .toc kbd, .toc samp {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+pre.code, pre.terminal, pre.cmd {
+    overflow-x: auto;
+    *overflow-x: scroll;
+    padding: 0.3em 0.6em;
+}
+
+pre.code {
+    background: #FCFBFA;
+    border: 1px solid #EFEEED;
+    border-left-width: 5px;
+}
+
+pre.terminal, pre.cmd {
+    background: #F0EFFC;
+    border: 1px solid #D0CBFB;
+    border-left: 5px solid #D0CBFB;
+}
+
+/* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
+   blocks. */
+pre code, pre kbd, pre samp { font-size: 100%; }
+
+/* Used to denote text that shouldn't be selectable, such as line numbers or
+   shell prompts. Guess which browser this doesn't work in. */
+.noselect {
+    -moz-user-select: -moz-none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+/* -- Lists ----------------------------------------------------------------- */
+dd { margin: 0.2em 0 0.7em 1em; }
+dl { margin: 1em 0; }
+dt { font-weight: bold; }
+
+/* -- Tables ---------------------------------------------------------------- */
+caption, th { text-align: left; }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+td, th {
+    border: 1px solid #fff;
+    padding: 5px 12px;
+    vertical-align: top;
+}
+
+td { background: #E6E9F5; }
+td dl { margin: 0; }
+td dl dl { margin: 1em 0; }
+td pre:first-child { margin-top: 0; }
+
+th {
+    background: #D2D7E6;/*#97A0BF*/
+    border-bottom: none;
+    border-top: none;
+    color: #000;/*#FFF1D5*/
+    font-family: 'Trebuchet MS', sans-serif;
+    font-weight: bold;
+    line-height: 1.3;
+    white-space: nowrap;
+}
+
+
+/* -- Layout and Content ---------------------------------------------------- */
+#doc {
+    margin: auto;
+    min-width: 1024px;
+}
+
+.content { padding: 0 20px 0 25px; }
+
+.sidebar {
+    padding: 0 15px 0 10px;
+}
+#bd {
+    padding: 7px 0 130px;
+    position: relative;
+    width: 99%;
+}
+
+/* -- Table of Contents ----------------------------------------------------- */
+
+/* The #toc id refers to the single global table of contents, while the .toc
+   class refers to generic TOC lists that could be used throughout the page. */
+
+.toc code, .toc kbd, .toc samp { font-size: 100%; }
+.toc li { font-weight: bold; }
+.toc li li { font-weight: normal; }
+
+/* -- Intro and Example Boxes ----------------------------------------------- */
+/*
+.intro, .example { margin-bottom: 2em; }
+.example {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 5px #bfbfbf;
+    -webkit-box-shadow: 0 0 5px #bfbfbf;
+    box-shadow: 0 0 5px #bfbfbf;
+    padding: 1em;
+}
+.intro {
+    background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;
+}
+*/
+
+/* -- Other Styles ---------------------------------------------------------- */
+
+/* These are probably YUI-specific, and should be moved out of Selleck's default
+   theme. */
+
+.button {
+    border: 1px solid #dadada;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    color: #444;
+    display: inline-block;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 92.308%;
+    font-weight: bold;
+    padding: 4px 13px 3px;
+    -moz-text-shadow: 1px 1px 0 #fff;
+    -webkit-text-shadow: 1px 1px 0 #fff;
+    text-shadow: 1px 1px 0 #fff;
+    white-space: nowrap;
+
+    background: #EFEFEF; /* old browsers */
+    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
+}
+
+.button:hover {
+    border-color: #466899;
+    color: #fff;
+    text-decoration: none;
+    -moz-text-shadow: 1px 1px 0 #222;
+    -webkit-text-shadow: 1px 1px 0 #222;
+    text-shadow: 1px 1px 0 #222;
+
+    background: #6396D8; /* old browsers */
+    background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
+}
+
+.newwindow { text-align: center; }
+
+.header .version em {
+    display: block;
+    text-align: right;
+}
+
+
+#classdocs .item {
+    border-bottom: 1px solid #466899;
+    margin: 1em 0;
+    padding: 1.5em;
+}
+
+#classdocs .item .params p,
+    #classdocs .item .returns p,{
+    display: inline;
+}
+
+#classdocs .item em code, #classdocs .item em.comment {
+    color: green;
+}
+
+#classdocs .item em.comment a {
+    color: green;
+    text-decoration: underline;
+}
+
+#classdocs .foundat {
+    font-size: 11px;
+    font-style: normal;
+}
+
+.attrs .emits {
+    margin-left: 2em;
+    padding: .5em;
+    border-left: 1px dashed #ccc;
+}
+
+abbr {
+    border-bottom: 1px dashed #ccc;
+    font-size: 80%;
+    cursor: help;
+}
+
+.prettyprint li.L0, 
+.prettyprint li.L1, 
+.prettyprint li.L2, 
+.prettyprint li.L3, 
+.prettyprint li.L5, 
+.prettyprint li.L6, 
+.prettyprint li.L7, 
+.prettyprint li.L8 {
+    list-style: decimal;
+}
+
+ul li p {
+    margin-top: 0;
+}
+
+.method .name {
+    font-size: 110%;
+}
+
+.apidocs .methods .extends .method,
+.apidocs .properties .extends .property,
+.apidocs .attrs .extends .attr,
+.apidocs .events .extends .event {
+    font-weight: bold;
+}
+
+.apidocs .methods .extends .inherited,
+.apidocs .properties .extends .inherited,
+.apidocs .attrs .extends .inherited,
+.apidocs .events .extends .inherited {
+    font-weight: normal;
+}
+
+#hd {
+    background: whiteSmoke;
+    background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%);
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);
+    border-bottom: 1px solid #DFDFDF;
+    padding: 0 15px 1px 20px;
+    margin-bottom: 15px;
+}
+
+#hd img {
+    margin-right: 10px;
+    vertical-align: middle;
+}
+
+
+/* -- API Docs CSS ---------------------------------------------------------- */
+
+/*
+This file is organized so that more generic styles are nearer the top, and more
+specific styles are nearer the bottom of the file. This allows us to take full
+advantage of the cascade to avoid redundant style rules. Please respect this
+convention when making changes.
+*/
+
+/* -- Generic TabView styles ------------------------------------------------ */
+
+/*
+These styles apply to all API doc tabviews. To change styles only for a
+specific tabview, see the other sections below.
+*/
+
+.yui3-js-enabled .apidocs .tabview {
+    visibility: hidden; /* Hide until the TabView finishes rendering. */
+    _visibility: visible;
+}
+
+.apidocs .tabview.yui3-tabview-content { visibility: visible; }
+.apidocs .tabview .yui3-tabview-panel { background: #fff; }
+
+/* -- Generic Content Styles ------------------------------------------------ */
+
+/* Headings */
+h2, h3, h4, h5, h6 {
+    border: none;
+    color: #30418C;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.link-docs {
+    float: right;
+    font-size: 15px;
+    margin: 4px 4px 6px;
+    padding: 6px 30px 5px;
+}
+
+.apidocs { zoom: 1; }
+
+/* Generic box styles. */
+.apidocs .box {
+    border: 1px solid;
+    border-radius: 3px;
+    margin: 1em 0;
+    padding: 0 1em;
+}
+
+/* A flag is a compact, capsule-like indicator of some kind. It's used to
+   indicate private and protected items, item return types, etc. in an
+   attractive and unobtrusive way. */
+.apidocs .flag {
+    background: #bababa;
+    border-radius: 3px;
+    color: #fff;
+    font-size: 11px;
+    margin: 0 0.5em;
+    padding: 2px 4px 1px;
+}
+
+/* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
+.apidocs .meta {
+    background: #f9f9f9;
+    border-color: #efefef;
+    color: #555;
+    font-size: 11px;
+    padding: 3px 6px;
+}
+
+.apidocs .meta p { margin: 0; }
+
+/* Deprecation warning. */
+.apidocs .box.deprecated,
+.apidocs .flag.deprecated {
+    background: #fdac9f;
+    border: 1px solid #fd7775;
+}
+
+.apidocs .box.deprecated p { margin: 0.5em 0; }
+.apidocs .flag.deprecated { color: #333; }
+
+/* Module/Class intro description. */
+.apidocs .intro {
+    background: #f0f1f8;
+    border-color: #d4d8eb;
+}
+
+/* Loading spinners. */
+#bd.loading .apidocs,
+#api-list.loading .yui3-tabview-panel {
+    background: #fff url(../img/spinner.gif) no-repeat center 70px;
+    min-height: 150px;
+}
+
+#bd.loading .apidocs .content,
+#api-list.loading .yui3-tabview-panel .apis {
+    display: none;
+}
+
+.apidocs .no-visible-items { color: #666; }
+
+/* Generic inline list. */
+.apidocs ul.inline {
+    display: inline;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.apidocs ul.inline li { display: inline; }
+
+/* Comma-separated list. */
+.apidocs ul.commas li:after { content: ','; }
+.apidocs ul.commas li:last-child:after { content: ''; }
+
+/* Keyboard shortcuts. */
+kbd .cmd { font-family: Monaco, Helvetica; }
+
+/* -- Generic Access Level styles ------------------------------------------- */
+.apidocs .item.protected,
+.apidocs .item.private,
+.apidocs .index-item.protected,
+.apidocs .index-item.deprecated,
+.apidocs .index-item.private {
+    display: none;
+}
+
+.show-deprecated .item.deprecated,
+.show-deprecated .index-item.deprecated,
+.show-protected .item.protected,
+.show-protected .index-item.protected,
+.show-private .item.private,
+.show-private .index-item.private {
+    display: block;
+}
+
+.hide-inherited .item.inherited,
+.hide-inherited .index-item.inherited {
+    display: none;
+}
+
+/* -- Generic Item Index styles --------------------------------------------- */
+.apidocs .index { margin: 1.5em 0 3em; }
+
+.apidocs .index h3 {
+    border-bottom: 1px solid #efefef;
+    color: #333;
+    font-size: 13px;
+    margin: 2em 0 0.6em;
+    padding-bottom: 2px;
+}
+
+.apidocs .index .no-visible-items { margin-top: 2em; }
+
+.apidocs .index-list {
+    border-color: #efefef;
+    font-size: 12px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    -moz-column-count: 4;
+    -moz-column-gap: 10px;
+    -moz-column-width: 170px;
+    -ms-column-count: 4;
+    -ms-column-gap: 10px;
+    -ms-column-width: 170px;
+    -o-column-count: 4;
+    -o-column-gap: 10px;
+    -o-column-width: 170px;
+    -webkit-column-count: 4;
+    -webkit-column-gap: 10px;
+    -webkit-column-width: 170px;
+    column-count: 4;
+    column-gap: 10px;
+    column-width: 170px;
+}
+
+.apidocs .no-columns .index-list {
+    -moz-column-count: 1;
+    -ms-column-count: 1;
+    -o-column-count: 1;
+    -webkit-column-count: 1;
+    column-count: 1;
+}
+
+.apidocs .index-item { white-space: nowrap; }
+
+.apidocs .index-item .flag {
+    background: none;
+    border: none;
+    color: #afafaf;
+    display: inline;
+    margin: 0 0 0 0.2em;
+    padding: 0;
+}
+
+/* -- Generic API item styles ----------------------------------------------- */
+.apidocs .args {
+    display: inline;
+    margin: 0 0.5em;
+}
+
+.apidocs .flag.chainable { background: #46ca3b; }
+.apidocs .flag.protected { background: #9b86fc; }
+.apidocs .flag.private { background: #fd6b1b; }
+.apidocs .flag.async { background: #356de4; }
+.apidocs .flag.required { background: #e60923; }
+
+.apidocs .item {
+    border-bottom: 1px solid #efefef;
+    margin: 1.5em 0 2em;
+    padding-bottom: 2em;
+}
+
+.apidocs .item h4,
+.apidocs .item h5,
+.apidocs .item h6 {
+    color: #333;
+    font-family: inherit;
+    font-size: 100%;
+}
+
+.apidocs .item .description p,
+.apidocs .item pre.code {
+    margin: 1em 0 0;
+}
+
+.apidocs .item .meta {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+.apidocs .item .name {
+    display: inline;
+    font-size: 14px;
+}
+
+.apidocs .item .type,
+.apidocs .item .type a,
+.apidocs .returns-inline {
+    color: #555;
+}
+
+.apidocs .item .type,
+.apidocs .returns-inline {
+    font-size: 11px;
+    margin: 0 0 0 0;
+}
+
+.apidocs .item .type a { border-bottom: 1px dotted #afafaf; }
+.apidocs .item .type a:hover { border: none; }
+
+/* -- Item Parameter List --------------------------------------------------- */
+.apidocs .params-list {
+    list-style: square;
+    margin: 1em 0 0 2em;
+    padding: 0;
+}
+
+.apidocs .param { margin-bottom: 1em; }
+
+.apidocs .param .type,
+.apidocs .param .type a {
+    color: #666;
+}
+
+.apidocs .param .type {
+    margin: 0 0 0 0.5em;
+    *margin-left: 0.5em;
+}
+
+.apidocs .param-name { font-weight: bold; }
+
+/* -- Item "Emits" block ---------------------------------------------------- */
+.apidocs .item .emits {
+    background: #f9f9f9;
+    border-color: #eaeaea;
+}
+
+/* -- Item "Returns" block -------------------------------------------------- */
+.apidocs .item .returns .type,
+.apidocs .item .returns .type a {
+    font-size: 100%;
+    margin: 0;
+}
+
+/* -- Class Constructor block ----------------------------------------------- */
+.apidocs .constructor .item {
+    border: none;
+    padding-bottom: 0;
+}
+
+/* -- File Source View ------------------------------------------------------ */
+.apidocs .file pre.code,
+#doc .apidocs .file pre.prettyprint {
+    background: inherit;
+    border: none;
+    overflow: visible;
+    padding: 0;
+}
+
+.apidocs .L0,
+.apidocs .L1,
+.apidocs .L2,
+.apidocs .L3,
+.apidocs .L4,
+.apidocs .L5,
+.apidocs .L6,
+.apidocs .L7,
+.apidocs .L8,
+.apidocs .L9 {
+    background: inherit;
+}
+
+/* -- Submodule List -------------------------------------------------------- */
+.apidocs .module-submodule-description {
+    font-size: 12px;
+    margin: 0.3em 0 1em;
+}
+
+.apidocs .module-submodule-description p:first-child { margin-top: 0; }
+
+/* -- Sidebar TabView ------------------------------------------------------- */
+#api-tabview { margin-top: 0.6em; }
+
+#api-tabview-filter,
+#api-tabview-panel {
+    border: 1px solid #dfdfdf;
+}
+
+#api-tabview-filter {
+    border-bottom: none;
+    border-top: none;
+    padding: 0.6em 10px 0 10px;
+}
+
+#api-tabview-panel { border-top: none; }
+#api-filter { width: 97%; }
+
+/* -- Content TabView ------------------------------------------------------- */
+#classdocs .yui3-tabview-panel { border: none; }
+
+/* -- Source File Contents -------------------------------------------------- */
+.prettyprint li.L0,
+.prettyprint li.L1,
+.prettyprint li.L2,
+.prettyprint li.L3,
+.prettyprint li.L5,
+.prettyprint li.L6,
+.prettyprint li.L7,
+.prettyprint li.L8 {
+    list-style: decimal;
+}
+
+/* -- API options ----------------------------------------------------------- */
+#api-options {
+    font-size: 11px;
+    margin-top: 2.2em;
+    position: absolute;
+    right: 1.5em;
+}
+
+/*#api-options label { margin-right: 0.6em; }*/
+
+/* -- API list -------------------------------------------------------------- */
+#api-list {
+    margin-top: 1.5em;
+    *zoom: 1;
+}
+
+.apis {
+    font-size: 12px;
+    line-height: 1.4;
+    list-style: none;
+    margin: 0;
+    padding: 0.5em 0 0.5em 0.4em;
+}
+
+.apis a {
+    border: 1px solid transparent;
+    display: block;
+    margin: 0 0 0 -4px;
+    padding: 1px 4px 0;
+    text-decoration: none;
+    _border: none;
+    _display: inline;
+}
+
+.apis a:hover,
+.apis a:focus {
+    background: #E8EDFC;
+    background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7));
+    border-color: #AAC0FA;
+    border-radius: 3px;
+    color: #333;
+    outline: none;
+}
+
+.api-list-item a:hover,
+.api-list-item a:focus {
+    font-weight: bold;
+    text-shadow: 1px 1px 1px #fff;
+}
+
+.apis .message { color: #888; }
+.apis .result a { padding: 3px 5px 2px; }
+
+.apis .result .type {
+    right: 4px;
+    top: 7px;
+}
+
+.api-list-item .yui3-highlight {
+    font-weight: bold;
+}
+

Docs/API/assets/index.html

@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>

Docs/API/assets/js/api-filter.js

@@ -0,0 +1,52 @@
+YUI.add('api-filter', function (Y) {
+
+Y.APIFilter = Y.Base.create('apiFilter', Y.Base, [Y.AutoCompleteBase], {
+    // -- Initializer ----------------------------------------------------------
+    initializer: function () {
+        this._bindUIACBase();
+        this._syncUIACBase();
+    },
+    getDisplayName: function(name) {
+
+        Y.each(Y.YUIDoc.meta.allModules, function(i) {
+            if (i.name === name && i.displayName) {
+                name = i.displayName;
+            }
+        });
+
+        return name;
+    }
+
+}, {
+    // -- Attributes -----------------------------------------------------------
+    ATTRS: {
+        resultHighlighter: {
+            value: 'phraseMatch'
+        },
+
+        // May be set to "classes" or "modules".
+        queryType: {
+            value: 'classes'
+        },
+
+        source: {
+            valueFn: function() {
+                var self = this;
+                return function(q) {
+                    var data = Y.YUIDoc.meta[self.get('queryType')],
+                        out = [];
+                    Y.each(data, function(v) {
+                        if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {
+                            out.push(v);
+                        }
+                    });
+                    return out;
+                };
+            }
+        }
+    }
+});
+
+}, '3.4.0', {requires: [
+    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources'
+]});

Docs/API/assets/js/api-list.js

@@ -0,0 +1,251 @@
+YUI.add('api-list', function (Y) {
+
+var Lang   = Y.Lang,
+    YArray = Y.Array,
+
+    APIList = Y.namespace('APIList'),
+
+    classesNode    = Y.one('#api-classes'),
+    inputNode      = Y.one('#api-filter'),
+    modulesNode    = Y.one('#api-modules'),
+    tabviewNode    = Y.one('#api-tabview'),
+
+    tabs = APIList.tabs = {},
+
+    filter = APIList.filter = new Y.APIFilter({
+        inputNode : inputNode,
+        maxResults: 1000,
+
+        on: {
+            results: onFilterResults
+        }
+    }),
+
+    search = APIList.search = new Y.APISearch({
+        inputNode : inputNode,
+        maxResults: 100,
+
+        on: {
+            clear  : onSearchClear,
+            results: onSearchResults
+        }
+    }),
+
+    tabview = APIList.tabview = new Y.TabView({
+        srcNode  : tabviewNode,
+        panelNode: '#api-tabview-panel',
+        render   : true,
+
+        on: {
+            selectionChange: onTabSelectionChange
+        }
+    }),
+
+    focusManager = APIList.focusManager = tabviewNode.plug(Y.Plugin.NodeFocusManager, {
+        circular   : true,
+        descendants: '#api-filter, .yui3-tab-panel-selected .api-list-item a, .yui3-tab-panel-selected .result a',
+        keys       : {next: 'down:40', previous: 'down:38'}
+    }).focusManager,
+
+    LIST_ITEM_TEMPLATE =
+        '<li class="api-list-item {typeSingular}">' +
+            '<a href="{rootPath}{typePlural}/{name}.html">{displayName}</a>' +
+        '</li>';
+
+// -- Init ---------------------------------------------------------------------
+
+// Duckpunch FocusManager's key event handling to prevent it from handling key
+// events when a modifier is pressed.
+Y.before(function (e, activeDescendant) {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
+        return new Y.Do.Prevent();
+    }
+}, focusManager, '_focusPrevious', focusManager);
+
+Y.before(function (e, activeDescendant) {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
+        return new Y.Do.Prevent();
+    }
+}, focusManager, '_focusNext', focusManager);
+
+// Create a mapping of tabs in the tabview so we can refer to them easily later.
+tabview.each(function (tab, index) {
+    var name = tab.get('label').toLowerCase();
+
+    tabs[name] = {
+        index: index,
+        name : name,
+        tab  : tab
+    };
+});
+
+// Switch tabs on Ctrl/Cmd-Left/Right arrows.
+tabviewNode.on('key', onTabSwitchKey, 'down:37,39');
+
+// Focus the filter input when the `/` key is pressed.
+Y.one(Y.config.doc).on('key', onSearchKey, 'down:83');
+
+// Keep the Focus Manager up to date.
+inputNode.on('focus', function () {
+    focusManager.set('activeDescendant', inputNode);
+});
+
+// Update all tabview links to resolved URLs.
+tabview.get('panelNode').all('a').each(function (link) {
+    link.setAttribute('href', link.get('href'));
+});
+
+// -- Private Functions --------------------------------------------------------
+function getFilterResultNode() {
+    return filter.get('queryType') === 'classes' ? classesNode : modulesNode;
+}
+
+// -- Event Handlers -----------------------------------------------------------
+function onFilterResults(e) {
+    var frag         = Y.one(Y.config.doc.createDocumentFragment()),
+        resultNode   = getFilterResultNode(),
+        typePlural   = filter.get('queryType'),
+        typeSingular = typePlural === 'classes' ? 'class' : 'module';
+
+    if (e.results.length) {
+        YArray.each(e.results, function (result) {
+            frag.append(Lang.sub(LIST_ITEM_TEMPLATE, {
+                rootPath    : APIList.rootPath,
+                displayName : filter.getDisplayName(result.highlighted),
+                name        : result.text,
+                typePlural  : typePlural,
+                typeSingular: typeSingular
+            }));
+        });
+    } else {
+        frag.append(
+            '<li class="message">' +
+                'No ' + typePlural + ' found.' +
+            '</li>'
+        );
+    }
+
+    resultNode.empty(true);
+    resultNode.append(frag);
+
+    focusManager.refresh();
+}
+
+function onSearchClear(e) {
+
+    focusManager.refresh();
+}
+
+function onSearchKey(e) {
+    var target = e.target;
+
+    if (target.test('input,select,textarea')
+            || target.get('isContentEditable')) {
+        return;
+    }
+
+    e.preventDefault();
+
+    inputNode.focus();
+    focusManager.refresh();
+}
+
+function onSearchResults(e) {
+    var frag = Y.one(Y.config.doc.createDocumentFragment());
+
+    if (e.results.length) {
+        YArray.each(e.results, function (result) {
+            frag.append(result.display);
+        });
+    } else {
+        frag.append(
+            '<li class="message">' +
+                'No results found. Maybe you\'ll have better luck with a ' +
+                'different query?' +
+            '</li>'
+        );
+    }
+
+
+    focusManager.refresh();
+}
+
+function onTabSelectionChange(e) {
+    var tab  = e.newVal,
+        name = tab.get('label').toLowerCase();
+
+    tabs.selected = {
+        index: tab.get('index'),
+        name : name,
+        tab  : tab
+    };
+
+    switch (name) {
+    case 'classes': // fallthru
+    case 'modules':
+        filter.setAttrs({
+            minQueryLength: 0,
+            queryType     : name
+        });
+
+        search.set('minQueryLength', -1);
+
+        // Only send a request if this isn't the initially-selected tab.
+        if (e.prevVal) {
+            filter.sendRequest(filter.get('value'));
+        }
+        break;
+
+    case 'everything':
+        filter.set('minQueryLength', -1);
+        search.set('minQueryLength', 1);
+
+        if (search.get('value')) {
+            search.sendRequest(search.get('value'));
+        } else {
+            inputNode.focus();
+        }
+        break;
+
+    default:
+        // WTF? We shouldn't be here!
+        filter.set('minQueryLength', -1);
+        search.set('minQueryLength', -1);
+    }
+
+    if (focusManager) {
+        setTimeout(function () {
+            focusManager.refresh();
+        }, 1);
+    }
+}
+
+function onTabSwitchKey(e) {
+    var currentTabIndex = tabs.selected.index;
+
+    if (!(e.ctrlKey || e.metaKey)) {
+        return;
+    }
+
+    e.preventDefault();
+
+    switch (e.keyCode) {
+    case 37: // left arrow
+        if (currentTabIndex > 0) {
+            tabview.selectChild(currentTabIndex - 1);
+            inputNode.focus();
+        }
+        break;
+
+    case 39: // right arrow
+        if (currentTabIndex < (Y.Object.size(tabs) - 2)) {
+            tabview.selectChild(currentTabIndex + 1);
+            inputNode.focus();
+        }
+        break;
+    }
+}
+
+}, '3.4.0', {requires: [
+    'api-filter', 'api-search', 'event-key', 'node-focusmanager', 'tabview'
+]});

Docs/API/assets/js/api-search.js

@@ -0,0 +1,98 @@
+YUI.add('api-search', function (Y) {
+
+var Lang   = Y.Lang,
+    Node   = Y.Node,
+    YArray = Y.Array;
+
+Y.APISearch = Y.Base.create('apiSearch', Y.Base, [Y.AutoCompleteBase], {
+    // -- Public Properties ----------------------------------------------------
+    RESULT_TEMPLATE:
+        '<li class="result {resultType}">' +
+            '<a href="{url}">' +
+                '<h3 class="title">{name}</h3>' +
+                '<span class="type">{resultType}</span>' +
+                '<div class="description">{description}</div>' +
+                '<span class="className">{class}</span>' +
+            '</a>' +
+        '</li>',
+
+    // -- Initializer ----------------------------------------------------------
+    initializer: function () {
+        this._bindUIACBase();
+        this._syncUIACBase();
+    },
+
+    // -- Protected Methods ----------------------------------------------------
+    _apiResultFilter: function (query, results) {
+        // Filter components out of the results.
+        return YArray.filter(results, function (result) {
+            return result.raw.resultType === 'component' ? false : result;
+        });
+    },
+
+    _apiResultFormatter: function (query, results) {
+        return YArray.map(results, function (result) {
+            var raw  = Y.merge(result.raw), // create a copy
+                desc = raw.description || '';
+
+            // Convert description to text and truncate it if necessary.
+            desc = Node.create('<div>' + desc + '</div>').get('text');
+
+            if (desc.length > 65) {
+                desc = Y.Escape.html(desc.substr(0, 65)) + ' &hellip;';
+            } else {
+                desc = Y.Escape.html(desc);
+            }
+
+            raw['class'] || (raw['class'] = '');
+            raw.description = desc;
+
+            // Use the highlighted result name.
+            raw.name = result.highlighted;
+
+            return Lang.sub(this.RESULT_TEMPLATE, raw);
+        }, this);
+    },
+
+    _apiTextLocator: function (result) {
+        return result.displayName || result.name;
+    }
+}, {
+    // -- Attributes -----------------------------------------------------------
+    ATTRS: {
+        resultFormatter: {
+            valueFn: function () {
+                return this._apiResultFormatter;
+            }
+        },
+
+        resultFilters: {
+            valueFn: function () {
+                return this._apiResultFilter;
+            }
+        },
+
+        resultHighlighter: {
+            value: 'phraseMatch'
+        },
+
+        resultListLocator: {
+            value: 'data.results'
+        },
+
+        resultTextLocator: {
+            valueFn: function () {
+                return this._apiTextLocator;
+            }
+        },
+
+        source: {
+            value: '/api/v1/search?q={query}&count={maxResults}'
+        }
+    }
+});
+
+}, '3.4.0', {requires: [
+    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources',
+    'escape'
+]});

Docs/API/assets/js/apidocs.js

@@ -0,0 +1,370 @@
+YUI().use(
+    'yuidoc-meta',
+    'api-list', 'history-hash', 'node-screen', 'node-style', 'pjax',
+function (Y) {
+
+var win          = Y.config.win,
+    localStorage = win.localStorage,
+
+    bdNode = Y.one('#bd'),
+
+    pjax,
+    defaultRoute,
+
+    classTabView,
+    selectedTab;
+
+// Kill pjax functionality unless serving over HTTP.
+if (!Y.getLocation().protocol.match(/^https?\:/)) {
+    Y.Router.html5 = false;
+}
+
+// Create the default route with middleware which enables syntax highlighting
+// on the loaded content.
+defaultRoute = Y.Pjax.defaultRoute.concat(function (req, res, next) {
+    prettyPrint();
+    bdNode.removeClass('loading');
+
+    next();
+});
+
+pjax = new Y.Pjax({
+    container      : '#docs-main',
+    contentSelector: '#docs-main > .content',
+    linkSelector   : '#bd a',
+    titleSelector  : '#xhr-title',
+
+    navigateOnHash: true,
+    root          : '/',
+    routes        : [
+        // -- / ----------------------------------------------------------------
+        {
+            path     : '/(index.html)?',
+            callbacks: defaultRoute
+        },
+
+        // -- /classes/* -------------------------------------------------------
+        {
+            path     : '/classes/:class.html*',
+            callbacks: [defaultRoute, 'handleClasses']
+        },
+
+        // -- /files/* ---------------------------------------------------------
+        {
+            path     : '/files/*file',
+            callbacks: [defaultRoute, 'handleFiles']
+        },
+
+        // -- /modules/* -------------------------------------------------------
+        {
+            path     : '/modules/:module.html*',
+            callbacks: defaultRoute
+        }
+    ]
+});
+
+// -- Utility Functions --------------------------------------------------------
+
+pjax.checkVisibility = function (tab) {
+    tab || (tab = selectedTab);
+
+    if (!tab) { return; }
+
+    var panelNode = tab.get('panelNode'),
+        visibleItems;
+
+    // If no items are visible in the tab panel due to the current visibility
+    // settings, display a message to that effect.
+    visibleItems = panelNode.all('.item,.index-item').some(function (itemNode) {
+        if (itemNode.getComputedStyle('display') !== 'none') {
+            return true;
+        }
+    });
+
+    panelNode.all('.no-visible-items').remove();
+
+    if (!visibleItems) {
+        if (Y.one('#index .index-item')) {
+            panelNode.append(
+                '<div class="no-visible-items">' +
+                    '<p>' +
+                    'Some items are not shown due to the current visibility ' +
+                    'settings. Use the checkboxes at the upper right of this ' +
+                    'page to change the visibility settings.' +
+                    '</p>' +
+                '</div>'
+            );
+        } else {
+            panelNode.append(
+                '<div class="no-visible-items">' +
+                    '<p>' +
+                    'This class doesn\'t provide any methods, properties, ' +
+                    'attributes, or events.' +
+                    '</p>' +
+                '</div>'
+            );
+        }
+    }
+
+    // Hide index sections without any visible items.
+    Y.all('.index-section').each(function (section) {
+        var items        = 0,
+            visibleItems = 0;
+
+        section.all('.index-item').each(function (itemNode) {
+            items += 1;
+
+            if (itemNode.getComputedStyle('display') !== 'none') {
+                visibleItems += 1;
+            }
+        });
+
+        section.toggleClass('hidden', !visibleItems);
+        section.toggleClass('no-columns', visibleItems < 4);
+    });
+};
+
+pjax.initClassTabView = function () {
+    if (!Y.all('#classdocs .api-class-tab').size()) {
+        return;
+    }
+
+    if (classTabView) {
+        classTabView.destroy();
+        selectedTab = null;
+    }
+
+    classTabView = new Y.TabView({
+        srcNode: '#classdocs',
+
+        on: {
+            selectionChange: pjax.onTabSelectionChange
+        }
+    });
+
+    pjax.updateTabState();
+    classTabView.render();
+};
+
+pjax.initLineNumbers = function () {
+    var hash      = win.location.hash.substring(1),
+        container = pjax.get('container'),
+        hasLines, node;
+
+    // Add ids for each line number in the file source view.
+    container.all('.linenums>li').each(function (lineNode, index) {
+        lineNode.set('id', 'l' + (index + 1));
+        lineNode.addClass('file-line');
+        hasLines = true;
+    });
+
+    // Scroll to the desired line.
+    if (hasLines && /^l\d+$/.test(hash)) {
+        if ((node = container.getById(hash))) {
+            win.scroll(0, node.getY());
+        }
+    }
+};
+
+pjax.initRoot = function () {
+    var terminators = /^(?:classes|files|modules)$/,
+        parts       = pjax._getPathRoot().split('/'),
+        root        = [],
+        i, len, part;
+
+    for (i = 0, len = parts.length; i < len; i += 1) {
+        part = parts[i];
+
+        if (part.match(terminators)) {
+            // Makes sure the path will end with a "/".
+            root.push('');
+            break;
+        }
+
+        root.push(part);
+    }
+
+    pjax.set('root', root.join('/'));
+};
+
+pjax.updateTabState = function (src) {
+    var hash = win.location.hash.substring(1),
+        defaultTab, node, tab, tabPanel;
+
+    function scrollToNode() {
+        if (node.hasClass('protected')) {
+            Y.one('#api-show-protected').set('checked', true);
+            pjax.updateVisibility();
+        }
+
+        if (node.hasClass('private')) {
+            Y.one('#api-show-private').set('checked', true);
+            pjax.updateVisibility();
+        }
+
+        setTimeout(function () {
+            // For some reason, unless we re-get the node instance here,
+            // getY() always returns 0.
+            var node = Y.one('#classdocs').getById(hash);
+            win.scrollTo(0, node.getY() - 70);
+        }, 1);
+    }
+
+    if (!classTabView) {
+        return;
+    }
+
+    if (src === 'hashchange' && !hash) {
+        defaultTab = 'index';
+    } else {
+        if (localStorage) {
+            defaultTab = localStorage.getItem('tab_' + pjax.getPath()) ||
+                'index';
+        } else {
+            defaultTab = 'index';
+        }
+    }
+
+    if (hash && (node = Y.one('#classdocs').getById(hash))) {
+        if ((tabPanel = node.ancestor('.api-class-tabpanel', true))) {
+            if ((tab = Y.one('#classdocs .api-class-tab.' + tabPanel.get('id')))) {
+                if (classTabView.get('rendered')) {
+                    Y.Widget.getByNode(tab).set('selected', 1);
+                } else {
+                    tab.addClass('yui3-tab-selected');
+                }
+            }
+        }
+
+        // Scroll to the desired element if this is a hash URL.
+        if (node) {
+            if (classTabView.get('rendered')) {
+                scrollToNode();
+            } else {
+                classTabView.once('renderedChange', scrollToNode);
+            }
+        }
+    } else {
+        tab = Y.one('#classdocs .api-class-tab.' + defaultTab);
+
+        // When the `defaultTab` node isn't found, `localStorage` is stale.
+        if (!tab && defaultTab !== 'index') {
+            tab = Y.one('#classdocs .api-class-tab.index');
+        }
+
+        if (classTabView.get('rendered')) {
+            Y.Widget.getByNode(tab).set('selected', 1);
+        } else {
+            tab.addClass('yui3-tab-selected');
+        }
+    }
+};
+
+pjax.updateVisibility = function () {
+    var container = pjax.get('container');
+
+    container.toggleClass('hide-inherited',
+            !Y.one('#api-show-inherited').get('checked'));
+
+    container.toggleClass('show-deprecated',
+            Y.one('#api-show-deprecated').get('checked'));
+
+    container.toggleClass('show-protected',
+            Y.one('#api-show-protected').get('checked'));
+
+    container.toggleClass('show-private',
+            Y.one('#api-show-private').get('checked'));
+
+    pjax.checkVisibility();
+};
+
+// -- Route Handlers -----------------------------------------------------------
+
+pjax.handleClasses = function (req, res, next) {
+    var status = res.ioResponse.status;
+
+    // Handles success and local filesystem XHRs.
+    if (!status || (status >= 200 && status < 300)) {
+        pjax.initClassTabView();
+    }
+
+    next();
+};
+
+pjax.handleFiles = function (req, res, next) {
+    var status = res.ioResponse.status;
+
+    // Handles success and local filesystem XHRs.
+    if (!status || (status >= 200 && status < 300)) {
+        pjax.initLineNumbers();
+    }
+
+    next();
+};
+
+// -- Event Handlers -----------------------------------------------------------
+
+pjax.onNavigate = function (e) {
+    var hash         = e.hash,
+        originTarget = e.originEvent && e.originEvent.target,
+        tab;
+
+    if (hash) {
+        tab = originTarget && originTarget.ancestor('.yui3-tab', true);
+
+        if (hash === win.location.hash) {
+            pjax.updateTabState('hashchange');
+        } else if (!tab) {
+            win.location.hash = hash;
+        }
+
+        e.preventDefault();
+        return;
+    }
+
+    // Only scroll to the top of the page when the URL doesn't have a hash.
+    this.set('scrollToTop', !e.url.match(/#.+$/));
+
+    bdNode.addClass('loading');
+};
+
+pjax.onOptionClick = function (e) {
+    pjax.updateVisibility();
+};
+
+pjax.onTabSelectionChange = function (e) {
+    var tab   = e.newVal,
+        tabId = tab.get('contentBox').getAttribute('href').substring(1);
+
+    selectedTab = tab;
+
+    // If switching from a previous tab (i.e., this is not the default tab),
+    // replace the history entry with a hash URL that will cause this tab to
+    // be selected if the user navigates away and then returns using the back
+    // or forward buttons.
+    if (e.prevVal && localStorage) {
+        localStorage.setItem('tab_' + pjax.getPath(), tabId);
+    }
+
+    pjax.checkVisibility(tab);
+};
+
+// -- Init ---------------------------------------------------------------------
+
+pjax.on('navigate', pjax.onNavigate);
+
+pjax.initRoot();
+pjax.upgrade();
+pjax.initClassTabView();
+pjax.initLineNumbers();
+pjax.updateVisibility();
+
+Y.APIList.rootPath = pjax.get('root');
+
+Y.one('#api-options').delegate('click', pjax.onOptionClick, 'input');
+
+Y.on('hashchange', function (e) {
+    pjax.updateTabState('hashchange');
+}, win);
+
+});

Docs/API/assets/js/yui-prettify.js

@@ -0,0 +1,17 @@
+YUI().use('node', function(Y) {
+    var code = Y.all('.prettyprint.linenums');
+    if (code.size()) {
+        code.each(function(c) {
+            var lis = c.all('ol li'),
+                l = 1;
+            lis.each(function(n) {
+                n.prepend('<a name="LINENUM_' + l + '"></a>');
+                l++;
+            });
+        });
+        var h = location.hash;
+        location.hash = '';
+        h = h.replace('LINE_', 'LINENUM_');
+        location.hash = h;
+    }
+});

Docs/API/assets/vendor/prettify/CHANGES.html

@@ -0,0 +1,130 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Change Log</title>
+  </head>
+  <body bgcolor="white">
+    <a style="float:right" href="README.html">README</a>
+
+    <h1>Known Issues</h1>
+    <ul>
+      <li>Perl formatting is really crappy.  Partly because the author is lazy and
+      partly because Perl is
+      <a href="http://www.perlmonks.org/?node_id=663393">hard</a> to parse.
+      <li>On some browsers, <code>&lt;code&gt;</code> elements with newlines in the text
+      which use CSS to specify <code>white-space:pre</code> will have the newlines
+      improperly stripped if the element is not attached to the document at the time
+      the stripping is done.  Also, on IE 6, all newlines will be stripped from
+      <code>&lt;code&gt;</code> elements because of the way IE6 produces
+      <code>innerHTML</code>.  Workaround: use <code>&lt;pre&gt;</code> for code with
+      newlines.
+    </ul>
+
+    <h1>Change Log</h1>
+    <h2>29 March 2007</h2>
+    <ul>
+      <li>Added <a href="tests/prettify_test.html#PHP">tests</a> for PHP support
+        to address 
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=3"
+       >issue 3</a>.
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=6"
+       >bug</a>: <code>prettyPrintOne</code> was not halting.  This was not
+        reachable through the normal entry point.
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=4"
+       >bug</a>: recursing into a script block or PHP tag that was not properly
+        closed would not silently drop the content.
+        (<a href="tests/prettify_test.html#issue4">test</a>)
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=8"
+       >bug</a>: was eating tabs
+        (<a href="tests/prettify_test.html#issue8">test</a>)
+      <li>Fixed entity handling so that the caveat
+        <blockquote>
+          <p>Caveats: please properly escape less-thans.  <tt>x&amp;lt;y</tt>
+          instead of <tt>x&lt;y</tt>, and use <tt>&quot;</tt> instead of 
+          <tt>&amp;quot;</tt> for string delimiters.</p>
+        </blockquote>
+        is no longer applicable.
+      <li>Added noisefree's C#
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=4"
+       >patch</a>
+      <li>Added a <a href="http://google-code-prettify.googlecode.com/files/prettify-small.zip">distribution</a> that has comments and
+        whitespace removed to reduce download size from 45.5kB to 12.8kB.
+    </ul>
+    <h2>4 Jul 2008</h2>
+    <ul>
+      <li>Added <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=17">language specific formatters</a> that are triggered by the presence
+      of a <code>lang-&lt;language-file-extension&gt;</code></li>
+      <li>Fixed <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=29">bug</a>: python handling of <code>'''string'''</code>
+      <li>Fixed bug: <code>/</code> in regex <code>[charsets] should not end regex</code>
+    </ul>
+    <h2>5 Jul 2008</h2>
+    <ul>
+      <li>Defined language extensions for Lisp and Lua</code>
+    </ul>
+    <h2>14 Jul 2008</h2>
+    <ul>
+      <li>Language handlers for F#, OCAML, SQL</code>
+      <li>Support for <code>nocode</code> spans to allow embedding of line
+      numbers and code annotations which should not be styled or otherwise
+      affect the tokenization of prettified code.
+      See the issue 22
+      <a href="tests/prettify_test.html#issue22">testcase</a>.</code>
+    </ul>
+    <h2>6 Jan 2009</h2>
+    <ul>
+      <li>Language handlers for Visual Basic, Haskell, CSS, and WikiText</li>
+      <li>Added <tt>.mxml</tt> extension to the markup style handler for
+        Flex <a href="http://en.wikipedia.org/wiki/MXML">MXML files</a>.  See
+        <a
+        href="http://code.google.com/p/google-code-prettify/issues/detail?id=37"
+        >issue 37</a>.
+      <li>Added <tt>.m</tt> extension to the C style handler so that Objective
+        C source files properly highlight.  See
+        <a
+        href="http://code.google.com/p/google-code-prettify/issues/detail?id=58"
+       >issue 58</a>.
+      <li>Changed HTML lexer to use the same embedded source mechanism as the
+        wiki language handler, and changed to use the registered
+        CSS handler for STYLE element content.
+    </ul>
+    <h2>21 May 2009</h2>
+    <ul>
+      <li>Rewrote to improve performance on large files.
+        See <a href="http://mikesamuel.blogspot.com/2009/05/efficient-parsing-in-javascript.html">benchmarks</a>.</li>
+      <li>Fixed bugs with highlighting of Haskell line comments, Lisp
+        number literals, Lua strings, C preprocessor directives,
+        newlines in Wiki code on Windows, and newlines in IE6.</li>
+    </ul>
+    <h2>14 August 2009</h2>
+    <ul>
+      <li>Fixed prettifying of <code>&lt;code&gt;</code> blocks with embedded newlines.
+    </ul>
+    <h2>3 October 2009</h2>
+    <ul>
+      <li>Fixed prettifying of XML/HTML tags that contain uppercase letters.
+    </ul>
+    <h2>19 July 2010</h2>
+    <ul>
+      <li>Added support for line numbers.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=22"
+         >22</a></li>
+      <li>Added YAML support.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=123"
+         >123</a></li>
+      <li>Added VHDL support courtesy Le Poussin.</li>
+      <li>IE performance improvements.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=102"
+         >102</a> courtesy jacobly.</li>
+      <li>A variety of markup formatting fixes courtesy smain and thezbyg.</li>
+      <li>Fixed copy and paste in IE[678].
+      <li>Changed output to use <code>&amp;#160;</code> instead of
+        <code>&amp;nbsp;</code> so that the output works when embedded in XML.
+        Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=108"
+         >108</a>.</li>
+    </ul>
+  </body>
+</html>

Docs/API/assets/vendor/prettify/COPYING

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

Docs/API/assets/vendor/prettify/README.html

@@ -0,0 +1,203 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+  <head>
+    <title>Javascript code prettifier</title>
+
+    <link href="src/prettify.css" type="text/css" rel="stylesheet" />
+
+    <script src="src/prettify.js" type="text/javascript"></script>
+
+    <style type="text/css">
+      body { margin-left: .5in }
+      h1, h2, h3, h4, .footer { margin-left: -.4in; }
+    </style>
+  </head>
+
+  <body onload="prettyPrint()" bgcolor="white">
+    <small style="float: right">Languages : <a href="README-zh-Hans.html">CH</a></small>
+    <h1>Javascript code prettifier</h1>
+
+    <h2>Setup</h2>
+    <ol>
+      <li><a href="http://code.google.com/p/google-code-prettify/downloads/list">Download</a> a distribution
+      <li>Include the script and stylesheets in your document
+        (you will need to make sure the css and js file are on your server, and
+         adjust the paths in the <tt>script</tt> and <tt>link</tt> tag)
+        <pre class="prettyprint">
+&lt;link href="prettify.css" type="text/css" rel="stylesheet" />
+&lt;script type="text/javascript" src="prettify.js">&lt;/script></pre>
+      <li>Add <code class="prettyprint lang-html">onload="prettyPrint()"</code> to your
+      document's body tag.
+      <li>Modify the stylesheet to get the coloring you prefer</li>
+    </ol>
+
+    <h2>Usage</h2>
+    <p>Put code snippets in
+    <tt>&lt;pre class="prettyprint"&gt;...&lt;/pre&gt;</tt>
+    or <tt>&lt;code class="prettyprint"&gt;...&lt;/code&gt;</tt>
+    and it will automatically be pretty printed.
+
+    <table summary="code examples">
+      <tr>
+        <th>The original
+        <th>Prettier
+      <tr>
+        <td><pre style="border: 1px solid #888;padding: 2px"
+             ><a name="voila1"></a>class Voila {
+public:
+  // Voila
+  static const string VOILA = "Voila";
+
+  // will not interfere with embedded <a href="#voila1">tags</a>.
+}</pre>
+
+        <td><pre class="prettyprint"><a name="voila2"></a>class Voila {
+public:
+  // Voila
+  static const string VOILA = "Voila";
+
+  // will not interfere with embedded <a href="#voila2">tags</a>.
+}</pre>
+    </table>
+
+    <h2>FAQ</h2>
+    <h3 id="langs">Which languages does it work for?</h3>
+    <p>The comments in <tt>prettify.js</tt> are authoritative but the lexer
+    should work on a number of languages including C and friends,
+    Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles.
+    It works passably on Ruby, PHP, VB, and Awk and a decent subset of Perl
+    and Ruby, but, because of commenting conventions, doesn't work on
+    Smalltalk, or CAML-like languages.</p>
+
+    <p>LISPy languages are supported via an extension:
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"
+     ><code>lang-lisp.js</code></a>.</p>
+    <p>And similarly for
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-css.js"
+     ><code>CSS</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-hs.js"
+     ><code>Haskell</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lua.js"
+     ><code>Lua</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-ml.js"
+     ><code>OCAML, SML, F#</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-vb.js"
+     ><code>Visual Basic</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-sql.js"
+     ><code>SQL</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-proto.js"
+     ><code>Protocol Buffers</code></a>, and
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-wiki.js"
+     ><code>WikiText</code></a>..
+
+    <p>If you'd like to add an extension for your favorite language, please
+    look at <tt>src/lang-lisp.js</tt> and file an
+    <a href="http://code.google.com/p/google-code-prettify/issues/list"
+     >issue</a> including your language extension, and a testcase.</p>
+
+    <h3>How do I specify which language my code is in?</h3>
+    <p>You don't need to specify the language since <code>prettyprint()</code>
+    will guess.  You can specify a language by specifying the language extension
+    along with the <code>prettyprint</code> class like so:</p>
+    <pre class="prettyprint lang-html"
+>&lt;pre class=&quot;prettyprint <b>lang-html</b>&quot;&gt;
+  The lang-* class specifies the language file extensions.
+  File extensions supported by default include
+    "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
+    "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
+    "xhtml", "xml", "xsl".
+&lt;/pre&gt;</pre>
+
+    <h3>It doesn't work on <tt>&lt;obfuscated code sample&gt;</tt>?</h3>
+    <p>Yes.  Prettifying obfuscated code is like putting lipstick on a pig
+    &mdash; i.e. outside the scope of this tool.</p>
+
+    <h3>Which browsers does it work with?</h3>
+    <p>It's been tested with IE 6, Firefox 1.5 &amp; 2, and Safari 2.0.4.
+    Look at <a href="tests/prettify_test.html">the test page</a> to see if it
+    works in your browser.</p>
+
+    <h3>What's changed?</h3>
+    <p>See the <a href="CHANGES.html">change log</a></p>
+
+    <h3>Why doesn't Prettyprinting of strings work on WordPress?</h3>
+    <p>Apparently wordpress does "smart quoting" which changes close quotes.
+    This causes end quotes to not match up with open quotes.
+    <p>This breaks prettifying as well as copying and pasting of code samples.
+    See
+    <a href="http://wordpress.org/support/topic/125038"
+    >WordPress's help center</a> for info on how to stop smart quoting of code
+    snippets.</p>
+
+    <h3 id="linenums">How do I put line numbers in my code?</h3>
+    <p>You can use the <code>linenums</code> class to turn on line
+    numbering.  If your code doesn't start at line number 1, you can
+    add a colon and a line number to the end of that class as in
+    <code>linenums:52</code>.
+
+    <p>For example
+<pre class="prettyprint">&lt;pre class="prettyprint linenums:<b>4</b>"
+&gt;// This is line 4.
+foo();
+bar();
+baz();
+boo();
+far();
+faz();
+&lt;pre&gt;</pre>
+    produces
+<pre class="prettyprint linenums:4"
+>// This is line 4.
+foo();
+bar();
+baz();
+boo();
+far();
+faz();
+</pre>
+
+    <h3>How do I prevent a portion of markup from being marked as code?</h3>
+    <p>You can use the <code>nocode</code> class to identify a span of markup
+    that is not code.
+<pre class="prettyprint">&lt;pre class=prettyprint&gt;
+int x = foo();  /* This is a comment  &lt;span class="nocode"&gt;This is not code&lt;/span&gt;
+  Continuation of comment */
+int y = bar();
+&lt;/pre&gt;</pre>
+produces
+<pre class="prettyprint">
+int x = foo();  /* This is a comment  <span class="nocode">This is not code</span>
+  Continuation of comment */
+int y = bar();
+</pre>
+
+    <p>For a more complete example see the issue22
+    <a href="tests/prettify_test.html#issue22">testcase</a>.</p>
+
+    <h3>I get an error message "a is not a function" or "opt_whenDone is not a function"</h3>
+    <p>If you are calling <code>prettyPrint</code> via an event handler, wrap it in a function.
+    Instead of doing
+    <blockquote>
+      <code class="prettyprint lang-js"
+       >addEventListener('load', prettyPrint, false);</code>
+    </blockquote>
+    wrap it in a closure like
+    <blockquote>
+      <code class="prettyprint lang-js"
+       >addEventListener('load', function (event) { prettyPrint() }, false);</code>
+    </blockquote>
+    so that the browser does not pass an event object to <code>prettyPrint</code> which
+    will confuse it.
+
+    <br><br><br>
+
+    <div class="footer">
+<!-- Created: Tue Oct  3 17:51:56 PDT 2006 -->
+<!-- hhmts start -->
+Last modified: Wed Jul 19 13:56:00 PST 2010
+<!-- hhmts end -->
+    </div>
+  </body>
+</html>

Docs/API/assets/vendor/prettify/prettify-min.css

@@ -0,0 +1 @@
+.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}

Docs/API/data.json

@@ -0,0 +1,364 @@
+{
+    "project": {
+        "name": "Phaser",
+        "description": "HTML5 Game Framework",
+        "version": "1.0.0",
+        "url": "http://www.phaser.io/"
+    },
+    "files": {
+        "..\\Phaser\\time\\TimeManager.ts": {
+            "name": "..\\Phaser\\time\\TimeManager.ts",
+            "modules": {
+                "Phaser": 1
+            },
+            "classes": {
+                "TimeManager": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        }
+    },
+    "modules": {
+        "Phaser": {
+            "name": "Phaser",
+            "submodules": {},
+            "classes": {
+                "TimeManager": 1
+            },
+            "fors": {},
+            "namespaces": {},
+            "tag": "module",
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 13,
+            "author": "Richard Davey <rich@photonstorm.com>",
+            "copyright": "2013 Photon Storm Ltd.",
+            "license": "https://github.com/photonstorm/phaser/blob/master/license.txt  MIT License"
+        }
+    },
+    "classes": {
+        "TimeManager": {
+            "name": "TimeManager",
+            "shortname": "TimeManager",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "Phaser",
+            "namespace": "",
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 13,
+            "description": "This is the core internal game clock. It manages the elapsed time and calculation of delta values,\nused for game object motion and tweens.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "game",
+                    "description": "A reference to the currently running game.",
+                    "type": "Phaser.Game"
+                }
+            ]
+        }
+    },
+    "classitems": [
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 34,
+            "description": "A reference to the currently running Game.",
+            "itemtype": "property",
+            "name": "game",
+            "type": "{Phaser.Game}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 41,
+            "description": "The time at which the Game instance started.",
+            "itemtype": "property",
+            "name": "_started",
+            "access": "private",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 49,
+            "description": "Number of milliseconds elapsed since the last frame update.",
+            "itemtype": "property",
+            "name": "elapsed",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 57,
+            "description": "Game time counter.",
+            "itemtype": "property",
+            "name": "time",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 65,
+            "description": "Records how long the game has been paused for. Is reset each time the game pauses.",
+            "itemtype": "property",
+            "name": "pausedTime",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 73,
+            "description": "The time right now.",
+            "itemtype": "property",
+            "name": "now",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 81,
+            "description": "Elapsed time since the last frame.",
+            "itemtype": "property",
+            "name": "delta",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 89,
+            "description": "The number of seconds that have elapsed since the game was started.",
+            "itemtype": "method",
+            "name": "totalElapsedSeconds",
+            "return": {
+                "description": "",
+                "type": "Number"
+            },
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 100,
+            "description": "Frames per second.",
+            "itemtype": "property",
+            "name": "fps",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 108,
+            "description": "The lowest rate the fps has dropped to.",
+            "itemtype": "property",
+            "name": "fpsMin",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 116,
+            "description": "The highest rate the fps has reached (usually no higher than 60fps).",
+            "itemtype": "property",
+            "name": "fpsMax",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 124,
+            "description": "The minimum amount of time the game has taken between two frames.",
+            "itemtype": "property",
+            "name": "msMin",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 132,
+            "description": "The maximum amount of time the game has taken between two frames.",
+            "itemtype": "property",
+            "name": "msMax",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 140,
+            "description": "The number of frames record in the last second.",
+            "itemtype": "property",
+            "name": "frames",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 148,
+            "description": "The time (in ms) that the last second counter ticked over.",
+            "itemtype": "property",
+            "name": "_timeLastSecond",
+            "access": "private",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 156,
+            "description": "Update clock and calculate the fps.\nThis is called automatically by Game._raf",
+            "itemtype": "method",
+            "name": "update",
+            "params": [
+                {
+                    "name": "raf",
+                    "description": "The current timestamp, either performance.now or Date.now",
+                    "type": "Number"
+                }
+            ],
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 192,
+            "description": "Called when the game enters a paused state.",
+            "itemtype": "method",
+            "name": "gamePaused",
+            "access": "private",
+            "tagname": "",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 201,
+            "description": "Called when the game resumes from a paused state.",
+            "itemtype": "method",
+            "name": "gameResumed",
+            "access": "private",
+            "tagname": "",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 211,
+            "description": "Records how long the game was paused for in miliseconds.",
+            "itemtype": "property",
+            "name": "pauseDuration",
+            "access": "public",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 219,
+            "description": "The time the game started being paused.",
+            "itemtype": "property",
+            "name": "_pauseStarted",
+            "access": "private",
+            "tagname": "",
+            "type": "{Number}",
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 227,
+            "description": "How long has passed since the given time.",
+            "itemtype": "method",
+            "name": "elapsedSince",
+            "params": [
+                {
+                    "name": "since",
+                    "description": "The time you want to measure against.",
+                    "type": "Number"
+                }
+            ],
+            "return": {
+                "description": "The difference between the given time and now.",
+                "type": "Number"
+            },
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 239,
+            "description": "How long has passed since the given time (in seconds).",
+            "itemtype": "method",
+            "name": "elapsedSecondsSince",
+            "params": [
+                {
+                    "name": "since",
+                    "description": "The time you want to measure (in seconds).",
+                    "type": "Number"
+                }
+            ],
+            "return": {
+                "description": "Duration between given time and now (in seconds).",
+                "type": "Number"
+            },
+            "class": "TimeManager",
+            "module": "Phaser"
+        },
+        {
+            "file": "..\\Phaser\\time\\TimeManager.ts",
+            "line": 251,
+            "description": "Resets the private _started value to now.",
+            "itemtype": "method",
+            "name": "reset",
+            "class": "TimeManager",
+            "module": "Phaser"
+        }
+    ],
+    "warnings": [
+        {
+            "message": "unknown tag: copyright",
+            "line": " ..\\Phaser\\time\\TimeManager.ts:3"
+        },
+        {
+            "message": "unknown tag: license",
+            "line": " ..\\Phaser\\time\\TimeManager.ts:3"
+        }
+    ]
+}

Docs/API/files/.._Phaser_time_TimeManager.ts.html

@@ -0,0 +1,372 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>..\Phaser\time\TimeManager.ts - Phaser</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="Phaser"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.0.0</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/TimeManager.html">TimeManager</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Phaser.html">Phaser</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: ..\Phaser\time\TimeManager.ts</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/// &lt;reference path=&quot;../_definitions.ts&quot; /&gt;
+
+/**
+* @author       Richard Davey &lt;rich@photonstorm.com&gt;
+* @copyright    2013 Photon Storm Ltd.
+* @license      https://github.com/photonstorm/phaser/blob/master/license.txt  MIT License
+* @module       Phaser
+*/
+module Phaser {
+
+    export class TimeManager {
+
+        /**
+        * This is the core internal game clock. It manages the elapsed time and calculation of delta values,
+        * used for game object motion and tweens.
+        *
+        * @class TimeManager
+        * @constructor
+        * @param {Phaser.Game} game A reference to the currently running game.
+        */
+        constructor(game: Phaser.Game) {
+
+            this.game = game;
+
+            this._started = 0;
+            this._timeLastSecond = this._started;
+            this.time = this._started;
+
+            this.game.onPause.add(this.gamePaused, this);
+            this.game.onResume.add(this.gameResumed, this);
+
+        }
+
+        /**
+        * A reference to the currently running Game.
+        * @property game
+        * @type {Phaser.Game}
+        */
+        public game: Phaser.Game;
+
+        /**
+        * The time at which the Game instance started.
+        * @property _started
+        * @private
+        * @type {Number}
+        */
+        private _started: number;
+
+        /**
+        * Number of milliseconds elapsed since the last frame update.
+        * @property elapsed
+        * @public
+        * @type {Number}
+        */
+        public elapsed: number = 0;
+
+        /**
+        * Game time counter.
+        * @property time
+        * @public
+        * @type {Number}
+        */
+        public time: number = 0;
+
+        /**
+        * Records how long the game has been paused for. Is reset each time the game pauses.
+        * @property pausedTime
+        * @public
+        * @type {Number}
+        */
+        public pausedTime: number = 0;
+
+        /**
+        * The time right now.
+        * @property now
+        * @public
+        * @type {Number}
+        */
+        public now: number = 0;
+
+        /**
+        * Elapsed time since the last frame.
+        * @property delta
+        * @public
+        * @type {Number}
+        */
+        public delta: number = 0;
+
+        /**
+        * The number of seconds that have elapsed since the game was started.
+        * @method totalElapsedSeconds
+        * @return {Number}
+        */
+        public get totalElapsedSeconds(): number {
+
+            return (this.now - this._started) * 0.001;
+
+        }
+
+        /**
+        * Frames per second.
+        * @property fps
+        * @public
+        * @type {Number}
+        */
+        public fps: number = 0;
+
+        /**
+        * The lowest rate the fps has dropped to.
+        * @property fpsMin
+        * @public
+        * @type {Number}
+        */
+        public fpsMin: number = 1000;
+
+        /**
+        * The highest rate the fps has reached (usually no higher than 60fps).
+        * @property fpsMax
+        * @public
+        * @type {Number}
+        */
+        public fpsMax: number = 0;
+
+        /**
+        * The minimum amount of time the game has taken between two frames.
+        * @property msMin
+        * @public
+        * @type {Number}
+        */
+        public msMin: number = 1000;
+
+        /**
+        * The maximum amount of time the game has taken between two frames.
+        * @property msMax
+        * @public
+        * @type {Number}
+        */
+        public msMax: number = 0;
+
+        /**
+        * The number of frames record in the last second.
+        * @property frames
+        * @public
+        * @type {Number}
+        */
+        public frames: number = 0;
+
+        /**
+        * The time (in ms) that the last second counter ticked over.
+        * @property _timeLastSecond
+        * @private
+        * @type {Number}
+        */
+        private _timeLastSecond: number = 0;
+
+        /**
+         * Update clock and calculate the fps.
+         * This is called automatically by Game._raf
+         * @method update
+         * @param {Number} raf The current timestamp, either performance.now or Date.now
+         */
+        public update(raf: number) {
+
+            this.now = raf; // mark
+            this.delta = this.now - this.time; // elapsedMS
+
+            this.msMin = Math.min(this.msMin, this.delta);
+            this.msMax = Math.max(this.msMax, this.delta);
+
+            this.frames++;
+
+            if (this.now &gt; this._timeLastSecond + 1000)
+            {
+                this.fps = Math.round((this.frames * 1000) / (this.now - this._timeLastSecond));
+                this.fpsMin = Math.min(this.fpsMin, this.fps);
+                this.fpsMax = Math.max(this.fpsMax, this.fps);
+
+                this._timeLastSecond = this.now;
+                this.frames = 0;
+            }
+
+            this.time = this.now; // _total
+
+            //  Paused?
+            if (this.game.paused)
+            {
+                this.pausedTime = this.now - this._pauseStarted;
+            }
+
+        }
+
+        /**
+        * Called when the game enters a paused state.
+        * @method gamePaused
+        * @private
+        */
+        private gamePaused() {
+            this._pauseStarted = this.now;
+        }
+
+        /**
+        * Called when the game resumes from a paused state.
+        * @method gameResumed
+        * @private
+        */
+        private gameResumed() {
+            //  Level out the delta timer to avoid spikes
+            this.pauseDuration = this.pausedTime;
+        }
+
+        /**
+        * Records how long the game was paused for in miliseconds.
+        * @property pauseDuration
+        * @public
+        * @type {Number}
+        */
+        public pauseDuration: number = 0;
+
+        /**
+        * The time the game started being paused.
+        * @property _pauseStarted
+        * @private
+        * @type {Number}
+        */
+        private _pauseStarted: number = 0;
+
+        /**
+        * How long has passed since the given time.
+        * @method elapsedSince
+        * @param {Number} since The time you want to measure against.
+        * @return {Number} The difference between the given time and now.
+        */
+        public elapsedSince(since: number): number {
+
+            return this.now - since;
+
+        }
+
+        /**
+        * How long has passed since the given time (in seconds).
+        * @method elapsedSecondsSince
+        * @param {Number} since The time you want to measure (in seconds).
+        * @return {Number} Duration between given time and now (in seconds).
+        */
+        public elapsedSecondsSince(since: number): number {
+
+            return (this.now - since) * 0.001;
+
+        }
+
+        /**
+        * Resets the private _started value to now.
+        * @method reset
+        */
+        public reset() {
+
+            this._started = this.now;
+
+        }
+
+    }
+
+}
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>

Docs/API/index.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Phaser</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="./assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="./assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="./assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="./assets/css/logo.png" title="Phaser"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.0.0</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="./classes/TimeManager.html">TimeManager</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="./modules/Phaser.html">Phaser</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                            <div class="apidocs">
+        <div id="docs-main" class="content">
+            <p>
+            Browse to a module or class using the sidebar to view its API documentation.
+            </p>
+
+            <h2>Keyboard Shortcuts</h2>
+
+            <ul>
+                <li><p>Press <kbd>s</kbd> to focus the API search box.</p></li>
+
+                <li><p>Use <kbd>Up</kbd> and <kbd>Down</kbd> to select classes, modules, and search results.</p></li>
+
+                <li class="mac-only"><p>With the API search box or sidebar focused, use <kbd><span class="cmd">&#x2318;</span>-Left</kbd> or <kbd><span class="cmd">&#x2318;</span>-Right</kbd> to switch sidebar tabs.</p></li>
+
+                <li class="pc-only"><p>With the API search box or sidebar focused, use <kbd>Ctrl+Left</kbd> and <kbd>Ctrl+Right</kbd> to switch sidebar tabs.</p></li>
+            </ul>
+        </div>
+    </div>
+
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="./assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="./assets/js/yui-prettify.js"></script>
+<script src="./assets/../api.js"></script>
+<script src="./assets/js/api-filter.js"></script>
+<script src="./assets/js/api-list.js"></script>
+<script src="./assets/js/api-search.js"></script>
+<script src="./assets/js/apidocs.js"></script>
+</body>
+</html>

Docs/API/modules/Phaser.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Phaser - Phaser</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="Phaser"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.0.0</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/TimeManager.html">TimeManager</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Phaser.html">Phaser</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Phaser Module</h1>
+<div class="box clearfix meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/.._Phaser_time_TimeManager.ts.html#l13"><code>..\Phaser\time\TimeManager.ts:13</code></a>
+        </div>
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    
+</div>
+
+
+
+<div class="yui3-g">
+    <div class="yui3-u-1-2">
+        
+            <p>This module provides the following classes:</p>
+
+            <ul class="module-classes">
+            
+                <li class="module-class">
+                    <a href="../classes/TimeManager.html">
+                        TimeManager
+                    </a>
+                </li>
+            
+            </ul>
+        
+    </div>
+
+    <div class="yui3-u-1-2">
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>

Docs/docs_build.bat

@@ -0,0 +1 @@
+yuidoc -c ../Phaser/yuidoc.json -o API/ -t yuidoc-theme-dana -e .ts ../Phaser/time

Docs/docs_server.bat

@@ -0,0 +1 @@
+yuidoc -n -e .ts --server 3000 ../Phaser/time

Docs/tags.txt

@@ -1,145 +1,48 @@
 /**
- * Name
- *
- * Long description
- *
- * @package    Phaser.
- * @author     Richard Davey <rich@photonstorm.com>
- * @copyright  2013 Photon Storm Ltd.
- * @license    https://github.com/photonstorm/phaser/blob/master/license.txt  MIT License
- */
+* @author       Richard Davey <rich@photonstorm.com>
+* @copyright    2013 Photon Storm Ltd.
+* @license      https://github.com/photonstorm/phaser/blob/master/license.txt  MIT License
+* @module       Phaser
+*/
 
+/**
+* The class constructor
+*
+* @class Name
+* @constructor
+* @param {Phaser.Game} game A reference to the currently running game.
+*/
+
+/**
+* A reference to the currently running Game.
+* @property game
+* @type {Phaser.Game}
+*/
+public game: Phaser.Game;
+
+/**
+* My method description.  Like other pieces of your comment blocks, 
+* this can span multiple lines.
+*
+* @method methodName
+* @param {String} foo Argument 1
+* @param {Object} config A config object
+* @param {String} config.name The name on the config object
+* @param {Function} config.callback A callback function on the config object
+* @param {Boolean} [extra=false] Do extra, optional work
+* @return {Boolean} Returns true on success
+*/
+
+/**
+* My property description.  Like other pieces of your comment blocks, 
+* this can span multiple lines.
+* 
+* @property propertyName
+* @public
+* @type {Object}
+* @default "foo"
+*/
 
 @param {Type} Name Description
 Object, Array, String, Boolean, Number, Mixed, MyType
 
-@module Phaser.Components
-
-@class Animation
-@constructor
-
-@event signal details here
-@param {Type} paramName
-
-/**
- * Property description
- * @property game
- * @type Phaser.Game
- * @protected / @public / @private
- * @static
- * @default
- */
-
-@default could be:
-
-@default {object: 0, blah: 1}
-@default Boolean
-
-/**
- * Description of the method
- * @method blahBlah
- * @param {Type} name The description
- * @return {Type} the description
- */
-
-
-@abstract
-This member must be implemented (or overridden) by the inheritor.
-
-@access
-Specify the access level of this member - private, public, or protected.
-
-@author
-Identify the author of an item.
-
-@callback
-Document a callback function.
-
-@classdesc
-Use the following text to describe the entire class.
-
-@constant
-Document an object as a constant.
-
-@constructor
-This function is intended to be called with the "new" keyword.
-
-@copyright
-Document some copyright information.
-
-@default
-Document the default value.
-
-@deprecated
-Document that this is no longer the preferred way.
-
-@desc
-Describe a symbol.
-
-@enum
-Document a collection of related properties.
-
-@event
-Document an event.
-
-@example
-Provide an example of how to use a documented item.
-
-@link
-Inline tag - create a link.
-@member
-Document a member.
-@memberof
-This symbol belongs to a parent symbol.
-@method
-Describe a method or function.
-@mixes
-This object mixes in all the members from another object.
-@mixin
-Document a mixin object.
-@module
-Document a JavaScript module.
-@name
-Document the name of an object.
-@namespace
-Document a namespace object.
-@param
-Document the parameter to a function.
-@private
-This symbol is meant to be private.
-@property
-Document a property of an object.
-@protected
-This member is meant to be protected.
-@public
-This symbol is meant to be public.
-@readonly
-This symbol is meant to be read-only.
-@requires
-This file requires a JavaScript module.
-@returns
-Document the return value of a function.
-@see
-Refer to some other documentation for more information.
-@since
-When was this feature added?
-@static
-Document a static member.
-@summary
-A shorter version of the full description.
-@this
-What does the 'this' keyword refer to here?
-@throws
-Describe what errors could be thrown.
-@todo
-Document tasks to be completed.
-@tutorial
-Insert a link to an included tutorial file.
-@type
-Document the type of an object.
-@typedef
-Document a custom type.
-@variation
-Distinguish different objects with the same name.
-@version
-Documents the version number of an item.

Phaser/Phaser.csproj

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
@@ -16,7 +16,16 @@
     <IISExpressUseClassicPipelineMode />
   </PropertyGroup>
   <ItemGroup>
+    <Content Include="_definitions.ts" />
     <TypeScriptCompile Include="Phaser.ts" />
+    <TypeScriptCompile Include="particles\Emitter.ts" />
+    <Content Include="particles\Emitter.js">
+      <DependentUpon>Emitter.ts</DependentUpon>
+    </Content>
+    <TypeScriptCompile Include="particles\Particle.ts" />
+    <Content Include="particles\Particle.js">
+      <DependentUpon>Particle.ts</DependentUpon>
+    </Content>
     <Content Include="Phaser.js">
       <DependentUpon>Phaser.ts</DependentUpon>
     </Content>
@@ -416,7 +425,7 @@
     <TypeScriptTarget>ES5</TypeScriptTarget>
     <TypeScriptRemoveComments>false</TypeScriptRemoveComments>
     <TypeScriptSourceMap>false</TypeScriptSourceMap>
-    <XTypeScriptOutFile>../build/phaser-debug.js</XTypeScriptOutFile>
+    <TypeScriptOutFile>../build/phaser-debug.js</TypeScriptOutFile>
   </PropertyGroup>
   <PropertyGroup Condition="'$(Configuration)' == 'Release'">
     <TypeScriptTarget>ES5</TypeScriptTarget>

Phaser/Phaser.sln

@@ -3,6 +3,10 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio 2012
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Phaser", "Phaser.csproj", "{BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}"
 EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Tests", "..\Tests\Tests.csproj", "{DC8A0795-0F9C-4216-A95D-6C3346EA7E26}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Plugins", "..\Plugins\Plugins.csproj", "{1106D1E1-DCE3-4CAF-8096-6C85F765D519}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -13,6 +17,14 @@ Global
 		{BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Release|Any CPU.Build.0 = Release|Any CPU
+		{DC8A0795-0F9C-4216-A95D-6C3346EA7E26}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{DC8A0795-0F9C-4216-A95D-6C3346EA7E26}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{DC8A0795-0F9C-4216-A95D-6C3346EA7E26}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{DC8A0795-0F9C-4216-A95D-6C3346EA7E26}.Release|Any CPU.Build.0 = Release|Any CPU
+		{1106D1E1-DCE3-4CAF-8096-6C85F765D519}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{1106D1E1-DCE3-4CAF-8096-6C85F765D519}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{1106D1E1-DCE3-4CAF-8096-6C85F765D519}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{1106D1E1-DCE3-4CAF-8096-6C85F765D519}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE

Phaser/_definitions.ts

@@ -88,6 +88,9 @@
 /// <reference path="gameobjects/IGameObject.ts" />
 /// <reference path="gameobjects/GameObjectFactory.ts" />
 
+/// <reference path="particles/Emitter.ts" />
+/// <reference path="particles/Particle.ts" />
+
 /// <reference path="ui/Button.ts" />
 
 /// <reference path="utils/CircleUtils.ts" />

Phaser/gameobjects/GameObjectFactory.js

@@ -125,9 +125,10 @@ var Phaser;
         *
         * @return {Particle} The newly created particle object.
         */
-        //public particle(): ArcadeParticle {
-        //    return new ArcadeParticle(this.game);
-        //}
+        GameObjectFactory.prototype.particle = function () {
+            return new Phaser.ArcadeParticle(this.game);
+        };
+
         /**
         * Create a new Emitter.
         *
@@ -136,9 +137,13 @@ var Phaser;
         * @param size {number} Optional, size of this emitter.
         * @return {Emitter} The newly created emitter object.
         */
-        //public emitter(x: number = 0, y: number = 0, size: number = 0): ArcadeEmitter {
-        //    return <ArcadeEmitter> this._world.group.add(new ArcadeEmitter(this.game, x, y, size));
-        //}
+        GameObjectFactory.prototype.emitter = function (x, y, size) {
+            if (typeof x === "undefined") { x = 0; }
+            if (typeof y === "undefined") { y = 0; }
+            if (typeof size === "undefined") { size = 0; }
+            return this._world.group.add(new Phaser.ArcadeEmitter(this.game, x, y, size));
+        };
+
         /**
         * Create a new ScrollZone object with image key, position and size.
         *
@@ -237,9 +242,10 @@ var Phaser;
         * @param emitter The Emitter to add to the Game World
         * @return {Phaser.Emitter} The Emitter object
         */
-        //public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter {
-        //    return this._world.group.add(emitter);
-        //}
+        GameObjectFactory.prototype.existingEmitter = function (emitter) {
+            return this._world.group.add(emitter);
+        };
+
         /**
         * Add an existing ScrollZone to the current world.
         * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break.

Phaser/gameobjects/GameObjectFactory.ts

@@ -130,9 +130,9 @@ module Phaser {
          *
          * @return {Particle} The newly created particle object.
          */
-        //public particle(): ArcadeParticle {
-        //    return new ArcadeParticle(this.game);
-        //}
+        public particle(): Phaser.ArcadeParticle {
+            return new Phaser.ArcadeParticle(this.game);
+        }
 
         /**
          * Create a new Emitter.
@@ -142,9 +142,9 @@ module Phaser {
          * @param size {number} Optional, size of this emitter.
          * @return {Emitter} The newly created emitter object.
          */
-        //public emitter(x: number = 0, y: number = 0, size: number = 0): ArcadeEmitter {
-        //    return <ArcadeEmitter> this._world.group.add(new ArcadeEmitter(this.game, x, y, size));
-        //}
+        public emitter(x: number = 0, y: number = 0, size: number = 0): Phaser.ArcadeEmitter {
+            return <Phaser.ArcadeEmitter> this._world.group.add(new Phaser.ArcadeEmitter(this.game, x, y, size));
+        }
 
         /**
          * Create a new ScrollZone object with image key, position and size.
@@ -237,9 +237,9 @@ module Phaser {
          * @param emitter The Emitter to add to the Game World
          * @return {Phaser.Emitter} The Emitter object
          */
-        //public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter {
-        //    return this._world.group.add(emitter);
-        //}
+        public existingEmitter(emitter: Phaser.ArcadeEmitter): Phaser.ArcadeEmitter {
+            return this._world.group.add(emitter);
+        }
 
         /**
          * Add an existing ScrollZone to the current world.

Phaser/input/Keyboard.js

@@ -150,6 +150,110 @@ var Phaser;
                 return false;
             }
         };
+
+        Keyboard.A = "A".charCodeAt(0);
+        Keyboard.B = "B".charCodeAt(0);
+        Keyboard.C = "C".charCodeAt(0);
+        Keyboard.D = "D".charCodeAt(0);
+        Keyboard.E = "E".charCodeAt(0);
+        Keyboard.F = "F".charCodeAt(0);
+        Keyboard.G = "G".charCodeAt(0);
+        Keyboard.H = "H".charCodeAt(0);
+        Keyboard.I = "I".charCodeAt(0);
+        Keyboard.J = "J".charCodeAt(0);
+        Keyboard.K = "K".charCodeAt(0);
+        Keyboard.L = "L".charCodeAt(0);
+        Keyboard.M = "M".charCodeAt(0);
+        Keyboard.N = "N".charCodeAt(0);
+        Keyboard.O = "O".charCodeAt(0);
+        Keyboard.P = "P".charCodeAt(0);
+        Keyboard.Q = "Q".charCodeAt(0);
+        Keyboard.R = "R".charCodeAt(0);
+        Keyboard.S = "S".charCodeAt(0);
+        Keyboard.T = "T".charCodeAt(0);
+        Keyboard.U = "U".charCodeAt(0);
+        Keyboard.V = "V".charCodeAt(0);
+        Keyboard.W = "W".charCodeAt(0);
+        Keyboard.X = "X".charCodeAt(0);
+        Keyboard.Y = "Y".charCodeAt(0);
+        Keyboard.Z = "Z".charCodeAt(0);
+
+        Keyboard.ZERO = "0".charCodeAt(0);
+        Keyboard.ONE = "1".charCodeAt(0);
+        Keyboard.TWO = "2".charCodeAt(0);
+        Keyboard.THREE = "3".charCodeAt(0);
+        Keyboard.FOUR = "4".charCodeAt(0);
+        Keyboard.FIVE = "5".charCodeAt(0);
+        Keyboard.SIX = "6".charCodeAt(0);
+        Keyboard.SEVEN = "7".charCodeAt(0);
+        Keyboard.EIGHT = "8".charCodeAt(0);
+        Keyboard.NINE = "9".charCodeAt(0);
+
+        Keyboard.NUMPAD_0 = 96;
+        Keyboard.NUMPAD_1 = 97;
+        Keyboard.NUMPAD_2 = 98;
+        Keyboard.NUMPAD_3 = 99;
+        Keyboard.NUMPAD_4 = 100;
+        Keyboard.NUMPAD_5 = 101;
+        Keyboard.NUMPAD_6 = 102;
+        Keyboard.NUMPAD_7 = 103;
+        Keyboard.NUMPAD_8 = 104;
+        Keyboard.NUMPAD_9 = 105;
+        Keyboard.NUMPAD_MULTIPLY = 106;
+        Keyboard.NUMPAD_ADD = 107;
+        Keyboard.NUMPAD_ENTER = 108;
+        Keyboard.NUMPAD_SUBTRACT = 109;
+        Keyboard.NUMPAD_DECIMAL = 110;
+        Keyboard.NUMPAD_DIVIDE = 111;
+
+        Keyboard.F1 = 112;
+        Keyboard.F2 = 113;
+        Keyboard.F3 = 114;
+        Keyboard.F4 = 115;
+        Keyboard.F5 = 116;
+        Keyboard.F6 = 117;
+        Keyboard.F7 = 118;
+        Keyboard.F8 = 119;
+        Keyboard.F9 = 120;
+        Keyboard.F10 = 121;
+        Keyboard.F11 = 122;
+        Keyboard.F12 = 123;
+        Keyboard.F13 = 124;
+        Keyboard.F14 = 125;
+        Keyboard.F15 = 126;
+
+        Keyboard.COLON = 186;
+        Keyboard.EQUALS = 187;
+        Keyboard.UNDERSCORE = 189;
+        Keyboard.QUESTION_MARK = 191;
+        Keyboard.TILDE = 192;
+        Keyboard.OPEN_BRACKET = 219;
+        Keyboard.BACKWARD_SLASH = 220;
+        Keyboard.CLOSED_BRACKET = 221;
+        Keyboard.QUOTES = 222;
+
+        Keyboard.BACKSPACE = 8;
+        Keyboard.TAB = 9;
+        Keyboard.CLEAR = 12;
+        Keyboard.ENTER = 13;
+        Keyboard.SHIFT = 16;
+        Keyboard.CONTROL = 17;
+        Keyboard.ALT = 18;
+        Keyboard.CAPS_LOCK = 20;
+        Keyboard.ESC = 27;
+        Keyboard.SPACEBAR = 32;
+        Keyboard.PAGE_UP = 33;
+        Keyboard.PAGE_DOWN = 34;
+        Keyboard.END = 35;
+        Keyboard.HOME = 36;
+        Keyboard.LEFT = 37;
+        Keyboard.UP = 38;
+        Keyboard.RIGHT = 39;
+        Keyboard.DOWN = 40;
+        Keyboard.INSERT = 45;
+        Keyboard.DELETE = 46;
+        Keyboard.HELP = 47;
+        Keyboard.NUM_LOCK = 144;
         return Keyboard;
     })();
     Phaser.Keyboard = Keyboard;

Phaser/input/Keyboard.ts

@@ -211,7 +211,6 @@ module Phaser {
 
         }
 
-/*
         // Letters
         public static A: number = "A".charCodeAt(0);
         public static B: number = "B".charCodeAt(0);
@@ -321,7 +320,6 @@ module Phaser {
         public static DELETE: number = 46;
         public static HELP: number = 47;
         public static NUM_LOCK: number = 144;
-*/
     }
 
 }

Phaser/particles/Emitter.js

@@ -0,0 +1,327 @@
+/// <reference path="../_definitions.ts" />
+var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    __.prototype = b.prototype;
+    d.prototype = new __();
+};
+/**
+* Phaser - ArcadeEmitter
+*
+* Emitter is a lightweight particle emitter. It can be used for one-time explosions or for
+* continuous effects like rain and fire. All it really does is launch Particle objects out
+* at set intervals, and fixes their positions and velocities accorindgly.
+*/
+var Phaser;
+(function (Phaser) {
+    var ArcadeEmitter = (function (_super) {
+        __extends(ArcadeEmitter, _super);
+        /**
+        * Creates a new <code>Emitter</code> object at a specific position.
+        * Does NOT automatically generate or attach particles!
+        *
+        * @param x {number} The X position of the emitter.
+        * @param y {number} The Y position of the emitter.
+        * @param [size] {number} Specifies a maximum capacity for this emitter.
+        */
+        function ArcadeEmitter(game, x, y, size) {
+            if (typeof x === "undefined") { x = 0; }
+            if (typeof y === "undefined") { y = 0; }
+            if (typeof size === "undefined") { size = 0; }
+            _super.call(this, game, size);
+
+            this.x = x;
+            this.y = y;
+            this.width = 0;
+            this.height = 0;
+            this.minParticleSpeed = new Phaser.Vec2(-100, -100);
+            this.maxParticleSpeed = new Phaser.Vec2(100, 100);
+            this.minRotation = -360;
+            this.maxRotation = 360;
+            this.gravity = 0;
+            this.particleClass = null;
+            this.particleDrag = new Phaser.Vec2();
+            this.frequency = 0.1;
+            this.lifespan = 3;
+            this.bounce = 0;
+            this._quantity = 0;
+            this._counter = 0;
+            this._explode = true;
+            this.on = false;
+
+            this.exists = true;
+            this.active = true;
+            this.visible = true;
+        }
+        /**
+        * Clean up memory.
+        */
+        ArcadeEmitter.prototype.destroy = function () {
+            this.minParticleSpeed = null;
+            this.maxParticleSpeed = null;
+            this.particleDrag = null;
+            this.particleClass = null;
+            this._point = null;
+            _super.prototype.destroy.call(this);
+        };
+
+        /**
+        * This function generates a new array of particle sprites to attach to the emitter.
+        *
+        * @param graphics If you opted to not pre-configure an array of Sprite objects, you can simply pass in a particle image or sprite sheet.
+        * @param quantity {number} The number of particles to generate when using the "create from image" option.
+        * @param multiple {boolean} Whether the image in the Graphics param is a single particle or a bunch of particles (if it's a bunch, they need to be square!).
+        * @param collide {number}  Whether the particles should be flagged as not 'dead' (non-colliding particles are higher performance).  0 means no collisions, 0-1 controls scale of particle's bounding box.
+        *
+        * @return  This Emitter instance (nice for chaining stuff together, if you're into that).
+        */
+        ArcadeEmitter.prototype.makeParticles = function (graphics, quantity, multiple, collide) {
+            if (typeof quantity === "undefined") { quantity = 50; }
+            if (typeof multiple === "undefined") { multiple = false; }
+            if (typeof collide === "undefined") { collide = 0; }
+            this.maxSize = quantity;
+
+            var totalFrames = 1;
+
+            /*
+            if(Multiple)
+            {
+            var sprite:Sprite = new Sprite(this.game);
+            sprite.loadGraphic(Graphics,true);
+            totalFrames = sprite.frames;
+            sprite.destroy();
+            }
+            */
+            var randomFrame;
+            var particle;
+            var i = 0;
+
+            while (i < quantity) {
+                if (this.particleClass == null) {
+                    particle = new Phaser.ArcadeParticle(this.game);
+                } else {
+                    particle = new this.particleClass(this.game);
+                }
+
+                if (multiple) {
+                    /*
+                    randomFrame = this.game.math.random()*totalFrames;
+                    */
+                } else {
+                    if (graphics) {
+                        particle.texture.loadImage(graphics);
+                    }
+                }
+
+                if (collide > 0) {
+                    //particle.body.allowCollisions = Types.ANY;
+                    particle.body.type = Phaser.Types.BODY_DYNAMIC;
+                    particle.width *= collide;
+                    particle.height *= collide;
+                } else {
+                    //particle.body.allowCollisions = Types.NONE;
+                }
+
+                particle.exists = false;
+
+                //  Center the origin for rotation assistance
+                //particle.transform.origin.setTo(particle.body.bounds.halfWidth, particle.body.bounds.halfHeight);
+                this.add(particle);
+
+                i++;
+            }
+
+            return this;
+        };
+
+        ArcadeEmitter.prototype.preUpdate = function () {
+        };
+        ArcadeEmitter.prototype.postUpdate = function () {
+        };
+
+        /**
+        * Called automatically by the game loop, decides when to launch particles and when to "die".
+        */
+        ArcadeEmitter.prototype.update = function () {
+            if (this.on) {
+                if (this._explode) {
+                    this.on = false;
+
+                    var i = 0;
+                    var l = this._quantity;
+
+                    if ((l <= 0) || (l > this.length)) {
+                        l = this.length;
+                    }
+
+                    while (i < l) {
+                        this.emitParticle();
+                        i++;
+                    }
+
+                    this._quantity = 0;
+                } else {
+                    this._timer += this.game.time.elapsed;
+
+                    while ((this.frequency > 0) && (this._timer > this.frequency) && this.on) {
+                        this._timer -= this.frequency;
+                        this.emitParticle();
+
+                        if ((this._quantity > 0) && (++this._counter >= this._quantity)) {
+                            this.on = false;
+                            this._quantity = 0;
+                        }
+                    }
+                }
+            }
+
+            _super.prototype.update.call(this);
+        };
+
+        /**
+        * Call this function to turn off all the particles and the emitter.
+        */
+        ArcadeEmitter.prototype.kill = function () {
+            this.on = false;
+            this.alive = false;
+            this.exists = false;
+        };
+
+        /**
+        * Handy for bringing game objects "back to life". Just sets alive and exists back to true.
+        * In practice, this is most often called by <code>Object.reset()</code>.
+        */
+        ArcadeEmitter.prototype.revive = function () {
+            this.alive = true;
+            this.exists = true;
+        };
+
+        /**
+        * Call this function to start emitting particles.
+        *
+        * @param explode {boolean} Whether the particles should all burst out at once.
+        * @param lifespan {number} How long each particle lives once emitted. 0 = forever.
+        * @param frequency {number} Ignored if Explode is set to true. Frequency is how often to emit a particle. 0 = never emit, 0.1 = 1 particle every 0.1 seconds, 5 = 1 particle every 5 seconds.
+        * @param quantity {number} How many particles to launch. 0 = "all of the particles".
+        */
+        ArcadeEmitter.prototype.start = function (explode, lifespan, frequency, quantity) {
+            if (typeof explode === "undefined") { explode = true; }
+            if (typeof lifespan === "undefined") { lifespan = 0; }
+            if (typeof frequency === "undefined") { frequency = 0.1; }
+            if (typeof quantity === "undefined") { quantity = 0; }
+            this.revive();
+
+            this.visible = true;
+            this.on = true;
+
+            this._explode = explode;
+            this.lifespan = lifespan;
+            this.frequency = frequency;
+            this._quantity += quantity;
+
+            this._counter = 0;
+            this._timer = 0;
+        };
+
+        /**
+        * This function can be used both internally and externally to emit the next particle.
+        */
+        ArcadeEmitter.prototype.emitParticle = function () {
+            var particle = this.recycle(Phaser.ArcadeParticle);
+
+            particle.lifespan = this.lifespan;
+
+            //particle.body.bounce.setTo(this.bounce, this.bounce);
+            Phaser.SpriteUtils.reset(particle, this.x - (particle.width >> 1) + this.game.rnd.integer * this.width, this.y - (particle.height >> 1) + this.game.rnd.integer * this.height);
+            particle.visible = true;
+
+            if (this.minParticleSpeed.x != this.maxParticleSpeed.x) {
+                particle.body.velocity.x = this.minParticleSpeed.x + this.game.rnd.integer * (this.maxParticleSpeed.x - this.minParticleSpeed.x);
+            } else {
+                particle.body.velocity.x = this.minParticleSpeed.x;
+            }
+
+            if (this.minParticleSpeed.y != this.maxParticleSpeed.y) {
+                particle.body.velocity.y = this.minParticleSpeed.y + this.game.rnd.integer * (this.maxParticleSpeed.y - this.minParticleSpeed.y);
+            } else {
+                particle.body.velocity.y = this.minParticleSpeed.y;
+            }
+
+            if (this.minRotation != this.maxRotation && this.minRotation !== 0 && this.maxRotation !== 0) {
+                particle.body.angularVelocity = this.minRotation + this.game.rnd.integer * (this.maxRotation - this.minRotation);
+            } else {
+                particle.body.angularVelocity = this.minRotation;
+            }
+
+            if (particle.body.angularVelocity != 0) {
+                particle.rotation = this.game.rnd.integer * 360 - 180;
+            }
+
+            //particle.body.drag.x = this.particleDrag.x;
+            //particle.body.drag.y = this.particleDrag.y;
+            particle.onEmit();
+        };
+
+        /**
+        * A more compact way of setting the width and height of the emitter.
+        *
+        * @param width {number} The desired width of the emitter (particles are spawned randomly within these dimensions).
+        * @param height {number} The desired height of the emitter.
+        */
+        ArcadeEmitter.prototype.setSize = function (width, height) {
+            this.width = width;
+            this.height = height;
+        };
+
+        /**
+        * A more compact way of setting the X velocity range of the emitter.
+        *
+        * @param Min {number} The minimum value for this range.
+        * @param Max {number} The maximum value for this range.
+        */
+        ArcadeEmitter.prototype.setXSpeed = function (min, max) {
+            if (typeof min === "undefined") { min = 0; }
+            if (typeof max === "undefined") { max = 0; }
+            this.minParticleSpeed.x = min;
+            this.maxParticleSpeed.x = max;
+        };
+
+        /**
+        * A more compact way of setting the Y velocity range of the emitter.
+        *
+        * @param Min {number} The minimum value for this range.
+        * @param Max {number} The maximum value for this range.
+        */
+        ArcadeEmitter.prototype.setYSpeed = function (min, max) {
+            if (typeof min === "undefined") { min = 0; }
+            if (typeof max === "undefined") { max = 0; }
+            this.minParticleSpeed.y = min;
+            this.maxParticleSpeed.y = max;
+        };
+
+        /**
+        * A more compact way of setting the angular velocity constraints of the emitter.
+        *
+        * @param Min {number} The minimum value for this range.
+        * @param Max {number} The maximum value for this range.
+        */
+        ArcadeEmitter.prototype.setRotation = function (min, max) {
+            if (typeof min === "undefined") { min = 0; }
+            if (typeof max === "undefined") { max = 0; }
+            this.minRotation = min;
+            this.maxRotation = max;
+        };
+
+        /**
+        * Change the emitter's midpoint to match the midpoint of a <code>Object</code>.
+        *
+        * @param Object {object} The <code>Object</code> that you want to sync up with.
+        */
+        ArcadeEmitter.prototype.at = function (object) {
+            //this.x = object.body.bounds.halfWidth - (this.width >> 1);
+            //this.y = object.body.bounds.halfHeight - (this.height >> 1);
+        };
+        return ArcadeEmitter;
+    })(Phaser.Group);
+    Phaser.ArcadeEmitter = ArcadeEmitter;
+})(Phaser || (Phaser = {}));

Phaser/particles/Emitter.ts

@@ -0,0 +1,462 @@
+/// <reference path="../_definitions.ts" />
+
+/**
+* Phaser - ArcadeEmitter
+*
+* Emitter is a lightweight particle emitter. It can be used for one-time explosions or for
+* continuous effects like rain and fire. All it really does is launch Particle objects out
+* at set intervals, and fixes their positions and velocities accorindgly.
+*/
+
+module Phaser {
+
+    export class ArcadeEmitter extends Phaser.Group {
+
+        /**
+         * Creates a new <code>Emitter</code> object at a specific position.
+         * Does NOT automatically generate or attach particles!
+         *
+         * @param x {number} The X position of the emitter.
+         * @param y {number} The Y position of the emitter.
+         * @param [size] {number} Specifies a maximum capacity for this emitter.
+         */
+        constructor(game: Phaser.Game, x: number = 0, y: number = 0, size: number = 0) {
+
+            super(game, size);
+
+            this.x = x;
+            this.y = y;
+            this.width = 0;
+            this.height = 0;
+            this.minParticleSpeed = new Vec2(-100, -100);
+            this.maxParticleSpeed = new Vec2(100, 100);
+            this.minRotation = -360;
+            this.maxRotation = 360;
+            this.gravity = 0;
+            this.particleClass = null;
+            this.particleDrag = new Vec2();
+            this.frequency = 0.1;
+            this.lifespan = 3;
+            this.bounce = 0;
+            this._quantity = 0;
+            this._counter = 0;
+            this._explode = true;
+            this.on = false;
+
+            this.exists = true;
+            this.active = true;
+            this.visible = true;
+
+        }
+
+        /**
+         * The X position of the top left corner of the emitter in world space.
+         */
+        public x: number;
+
+        /**
+         * The Y position of the top left corner of emitter in world space.
+         */
+        public y: number;
+
+        /**
+         * The width of the emitter.  Particles can be randomly generated from anywhere within this box.
+         */
+        public width: number;
+
+        /**
+         * The height of the emitter.  Particles can be randomly generated from anywhere within this box.
+         */
+        public height: number;
+
+        /**
+         * 
+         */
+        public alive: boolean;
+
+        /**
+         * 
+         */
+        public active: boolean;
+
+        /**
+         * The minimum possible velocity of a particle.
+         * The default value is (-100,-100).
+         */
+        public minParticleSpeed: Phaser.Vec2;
+
+        /**
+         * The maximum possible velocity of a particle.
+         * The default value is (100,100).
+         */
+        public maxParticleSpeed: Phaser.Vec2;
+
+        /**
+         * The X and Y drag component of particles launched from the emitter.
+         */
+        public particleDrag: Phaser.Vec2;
+
+        /**
+         * The minimum possible angular velocity of a particle.  The default value is -360.
+         * NOTE: rotating particles are more expensive to draw than non-rotating ones!
+         */
+        public minRotation: number;
+
+        /**
+         * The maximum possible angular velocity of a particle.  The default value is 360.
+         * NOTE: rotating particles are more expensive to draw than non-rotating ones!
+         */
+        public maxRotation: number;
+
+        /**
+         * Sets the <code>acceleration.y</code> member of each particle to this value on launch.
+         */
+        public gravity: number;
+
+        /**
+         * Determines whether the emitter is currently emitting particles.
+         * It is totally safe to directly toggle this.
+         */
+        public on: boolean;
+
+        /**
+         * How often a particle is emitted (if emitter is started with Explode == false).
+         */
+        public frequency: number;
+
+        /**
+         * How long each particle lives once it is emitted.
+         * Set lifespan to 'zero' for particles to live forever.
+         */
+        public lifespan: number;
+
+        /**
+         * How much each particle should bounce.  1 = full bounce, 0 = no bounce.
+         */
+        public bounce: number;
+
+        /**
+         * Set your own particle class type here.
+         * Default is <code>Particle</code>.
+         */
+        public particleClass;
+
+        /**
+         * Internal helper for deciding how many particles to launch.
+         */
+        private _quantity: number;
+
+        /**
+         * Internal helper for the style of particle emission (all at once, or one at a time).
+         */
+        private _explode: boolean;
+
+        /**
+         * Internal helper for deciding when to launch particles or kill them.
+         */
+        private _timer: number;
+
+        /**
+         * Internal counter for figuring out how many particles to launch.
+         */
+        private _counter: number;
+
+        /**
+         * Internal point object, handy for reusing for memory mgmt purposes.
+         */
+        private _point: Phaser.Vec2;
+
+        /**
+         * Clean up memory.
+         */
+        public destroy() {
+            this.minParticleSpeed = null;
+            this.maxParticleSpeed = null;
+            this.particleDrag = null;
+            this.particleClass = null;
+            this._point = null;
+            super.destroy();
+        }
+
+        /**
+         * This function generates a new array of particle sprites to attach to the emitter.
+         *
+         * @param graphics If you opted to not pre-configure an array of Sprite objects, you can simply pass in a particle image or sprite sheet.
+         * @param quantity {number} The number of particles to generate when using the "create from image" option.
+         * @param multiple {boolean} Whether the image in the Graphics param is a single particle or a bunch of particles (if it's a bunch, they need to be square!).
+         * @param collide {number}  Whether the particles should be flagged as not 'dead' (non-colliding particles are higher performance).  0 means no collisions, 0-1 controls scale of particle's bounding box.
+         *
+         * @return  This Emitter instance (nice for chaining stuff together, if you're into that).
+         */
+        public makeParticles(graphics, quantity: number = 50, multiple: boolean = false, collide: number = 0): Phaser.ArcadeEmitter {
+
+            this.maxSize = quantity;
+
+            var totalFrames: number = 1;
+
+            /*
+            if(Multiple)
+            {
+                var sprite:Sprite = new Sprite(this.game);
+                sprite.loadGraphic(Graphics,true);
+                totalFrames = sprite.frames;
+                sprite.destroy();
+            }
+            */
+
+            var randomFrame: number;
+            var particle: Phaser.ArcadeParticle;
+            var i: number = 0;
+
+            while (i < quantity)
+            {
+                if (this.particleClass == null)
+                {
+                    particle = new Phaser.ArcadeParticle(this.game);
+                }
+                else
+                {
+                    particle = new this.particleClass(this.game);
+                }
+
+                if (multiple)
+                {
+                    /*
+                    randomFrame = this.game.math.random()*totalFrames;
+                    */
+                }
+                else
+                {
+                    if (graphics)
+                    {
+                        particle.texture.loadImage(graphics);
+                    }
+                }
+
+                if (collide > 0)
+                {
+                    //particle.body.allowCollisions = Types.ANY;
+                    particle.body.type = Phaser.Types.BODY_DYNAMIC;
+                    particle.width *= collide;
+                    particle.height *= collide;
+                }
+                else
+                {
+                    //particle.body.allowCollisions = Types.NONE;
+                }
+
+                particle.exists = false;
+                //  Center the origin for rotation assistance
+                //particle.transform.origin.setTo(particle.body.bounds.halfWidth, particle.body.bounds.halfHeight);
+
+                this.add(particle);
+
+                i++;
+            }
+
+            return this;
+        }
+
+        public preUpdate() { }
+        public postUpdate() { }
+
+        /**
+         * Called automatically by the game loop, decides when to launch particles and when to "die".
+         */
+        public update() {
+
+            if (this.on)
+            {
+                if (this._explode)
+                {
+                    this.on = false;
+
+                    var i: number = 0;
+                    var l: number = this._quantity;
+
+                    if ((l <= 0) || (l > this.length))
+                    {
+                        l = this.length;
+                    }
+
+                    while (i < l)
+                    {
+                        this.emitParticle();
+                        i++;
+                    }
+
+                    this._quantity = 0;
+                }
+                else
+                {
+                    this._timer += this.game.time.elapsed;
+
+                    while ((this.frequency > 0) && (this._timer > this.frequency) && this.on)
+                    {
+                        this._timer -= this.frequency;
+                        this.emitParticle();
+
+                        if ((this._quantity > 0) && (++this._counter >= this._quantity))
+                        {
+                            this.on = false;
+                            this._quantity = 0;
+                        }
+                    }
+                }
+            }
+
+            super.update();
+
+        }
+
+        /**
+         * Call this function to turn off all the particles and the emitter.
+         */
+        public kill() {
+            this.on = false;
+            this.alive = false;
+            this.exists = false;
+        }
+
+        /**
+         * Handy for bringing game objects "back to life". Just sets alive and exists back to true.
+         * In practice, this is most often called by <code>Object.reset()</code>.
+         */
+        public revive() {
+            this.alive = true;
+            this.exists = true;
+        }
+
+        /**
+         * Call this function to start emitting particles.
+         *
+         * @param explode {boolean} Whether the particles should all burst out at once.
+         * @param lifespan {number} How long each particle lives once emitted. 0 = forever.
+         * @param frequency {number} Ignored if Explode is set to true. Frequency is how often to emit a particle. 0 = never emit, 0.1 = 1 particle every 0.1 seconds, 5 = 1 particle every 5 seconds.
+         * @param quantity {number} How many particles to launch. 0 = "all of the particles".
+         */
+        public start(explode: boolean = true, lifespan: number = 0, frequency: number = 0.1, quantity: number = 0) {
+
+            this.revive();
+
+            this.visible = true;
+            this.on = true;
+
+            this._explode = explode;
+            this.lifespan = lifespan;
+            this.frequency = frequency;
+            this._quantity += quantity;
+
+            this._counter = 0;
+            this._timer = 0;
+
+        }
+
+        /**
+         * This function can be used both internally and externally to emit the next particle.
+         */
+        public emitParticle() {
+
+            var particle: ArcadeParticle = this.recycle(ArcadeParticle);
+
+            particle.lifespan = this.lifespan;
+            //particle.body.bounce.setTo(this.bounce, this.bounce);
+            SpriteUtils.reset(particle, this.x - (particle.width >> 1) + this.game.rnd.integer * this.width, this.y - (particle.height >> 1) + this.game.rnd.integer * this.height);
+            particle.visible = true;
+
+            if (this.minParticleSpeed.x != this.maxParticleSpeed.x)
+            {
+                particle.body.velocity.x = this.minParticleSpeed.x + this.game.rnd.integer * (this.maxParticleSpeed.x - this.minParticleSpeed.x);
+            }
+            else
+            {
+                particle.body.velocity.x = this.minParticleSpeed.x;
+            }
+
+            if (this.minParticleSpeed.y != this.maxParticleSpeed.y)
+            {
+                particle.body.velocity.y = this.minParticleSpeed.y + this.game.rnd.integer * (this.maxParticleSpeed.y - this.minParticleSpeed.y);
+            }
+            else
+            {
+                particle.body.velocity.y = this.minParticleSpeed.y;
+            }
+
+            //particle.body.acceleration.y = this.gravity;
+
+            if (this.minRotation != this.maxRotation && this.minRotation !== 0 && this.maxRotation !== 0)
+            {
+                particle.body.angularVelocity = this.minRotation + this.game.rnd.integer * (this.maxRotation - this.minRotation);
+            }
+            else
+            {
+                particle.body.angularVelocity = this.minRotation;
+            }
+
+            if (particle.body.angularVelocity != 0)
+            {
+                particle.rotation = this.game.rnd.integer * 360 - 180;
+            }
+
+            //particle.body.drag.x = this.particleDrag.x;
+            //particle.body.drag.y = this.particleDrag.y;
+            particle.onEmit();
+
+        }
+
+        /**
+         * A more compact way of setting the width and height of the emitter.
+         *
+         * @param width {number} The desired width of the emitter (particles are spawned randomly within these dimensions).
+         * @param height {number} The desired height of the emitter.
+         */
+        public setSize(width: number, height: number) {
+            this.width = width;
+            this.height = height;
+        }
+
+        /**
+         * A more compact way of setting the X velocity range of the emitter.
+         *
+         * @param Min {number} The minimum value for this range.
+         * @param Max {number} The maximum value for this range.
+         */
+        public setXSpeed(min: number = 0, max: number = 0) {
+            this.minParticleSpeed.x = min;
+            this.maxParticleSpeed.x = max;
+        }
+
+        /**
+         * A more compact way of setting the Y velocity range of the emitter.
+         *
+         * @param Min {number} The minimum value for this range.
+         * @param Max {number} The maximum value for this range.
+         */
+        public setYSpeed(min: number = 0, max: number = 0) {
+            this.minParticleSpeed.y = min;
+            this.maxParticleSpeed.y = max;
+        }
+
+        /**
+         * A more compact way of setting the angular velocity constraints of the emitter.
+         *
+         * @param Min {number} The minimum value for this range.
+         * @param Max {number} The maximum value for this range.
+         */
+        public setRotation(min: number = 0, max: number = 0) {
+            this.minRotation = min;
+            this.maxRotation = max;
+        }
+
+        /**
+         * Change the emitter's midpoint to match the midpoint of a <code>Object</code>.
+         *
+         * @param Object {object} The <code>Object</code> that you want to sync up with.
+         */
+        public at(object: Sprite) {
+            //this.x = object.body.bounds.halfWidth - (this.width >> 1);
+            //this.y = object.body.bounds.halfHeight - (this.height >> 1);
+        }
+    }
+
+}

Phaser/particles/Particle.js

@@ -0,0 +1,52 @@
+/// <reference path="../_definitions.ts" />
+var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    __.prototype = b.prototype;
+    d.prototype = new __();
+};
+/**
+* Phaser - ArcadeParticle
+*
+* This is a simple particle class that extends a Sprite to have a slightly more
+* specialised behaviour. It is used exclusively by the Emitter class and can be extended as required.
+*/
+var Phaser;
+(function (Phaser) {
+    var ArcadeParticle = (function (_super) {
+        __extends(ArcadeParticle, _super);
+        /**
+        * Instantiate a new particle.  Like <code>Sprite</code>, all meaningful creation
+        * happens during <code>loadGraphic()</code> or <code>makeGraphic()</code> or whatever.
+        */
+        function ArcadeParticle(game) {
+            _super.call(this, game);
+
+            this.body.type = Phaser.Types.BODY_DYNAMIC;
+            this.lifespan = 0;
+        }
+        /**
+        * The particle's main update logic.  Basically it checks to see if it should be dead yet.
+        */
+        ArcadeParticle.prototype.update = function () {
+            if (this.lifespan <= 0) {
+                return;
+            }
+
+            this.lifespan -= this.game.time.elapsed;
+
+            if (this.lifespan <= 0) {
+                this.kill();
+            }
+        };
+
+        /**
+        * Triggered whenever this object is launched by a <code>Emitter</code>.
+        * You can override this to add custom behavior like a sound or AI or something.
+        */
+        ArcadeParticle.prototype.onEmit = function () {
+        };
+        return ArcadeParticle;
+    })(Phaser.Sprite);
+    Phaser.ArcadeParticle = ArcadeParticle;
+})(Phaser || (Phaser = {}));

Phaser/particles/Particle.ts

@@ -0,0 +1,63 @@
+/// <reference path="../_definitions.ts" />
+
+/**
+* Phaser - ArcadeParticle
+*
+* This is a simple particle class that extends a Sprite to have a slightly more
+* specialised behaviour. It is used exclusively by the Emitter class and can be extended as required.
+*/
+
+module Phaser {
+
+    export class ArcadeParticle extends Phaser.Sprite {
+
+        /**
+         * Instantiate a new particle.  Like <code>Sprite</code>, all meaningful creation
+         * happens during <code>loadGraphic()</code> or <code>makeGraphic()</code> or whatever.
+         */
+        constructor(game: Phaser.Game) {
+
+            super(game);
+
+            this.body.type = Phaser.Types.BODY_DYNAMIC;
+            this.lifespan = 0;
+
+        }
+
+        /**
+         * How long this particle lives before it disappears.
+         * NOTE: this is a maximum, not a minimum; the object
+         * could get recycled before its lifespan is up.
+         */
+        public lifespan: number;
+
+        /**
+         * The particle's main update logic.  Basically it checks to see if it should be dead yet.
+         */
+        public update() {
+
+            //  Lifespan behavior
+            if (this.lifespan <= 0)
+            {
+                return;
+            }
+
+            this.lifespan -= this.game.time.elapsed;
+
+            if (this.lifespan <= 0)
+            {
+                this.kill();
+            }
+
+        }
+
+        /**
+         * Triggered whenever this object is launched by a <code>Emitter</code>.
+         * You can override this to add custom behavior like a sound or AI or something.
+         */
+        public onEmit() {
+        }
+
+    }
+
+}

Phaser/time/TimeManager.js

@@ -1,84 +1,119 @@
 /// <reference path="../_definitions.ts" />
 /**
-* Phaser - TimeManager
-*
-* This is the game clock and it manages elapsed time and calculation of delta values, used for game object motion.
+* @author       Richard Davey <rich@photonstorm.com>
+* @copyright    2013 Photon Storm Ltd.
+* @license      https://github.com/photonstorm/phaser/blob/master/license.txt  MIT License
+* @module       Phaser
 */
 var Phaser;
 (function (Phaser) {
     var TimeManager = (function () {
         /**
-        * Time constructor
-        * Create a new <code>Time</code>.
+        * This is the core internal game clock. It manages the elapsed time and calculation of delta values,
+        * used for game object motion and tweens.
         *
-        * @param game {Phaser.Game} Current game instance.
+        * @class TimeManager
+        * @constructor
+        * @param {Phaser.Game} game A reference to the currently running game.
         */
         function TimeManager(game) {
             /**
-            * Elapsed since last frame.
-            * @type {number}
+            * Number of milliseconds elapsed since the last frame update.
+            * @property elapsed
+            * @public
+            * @type {Number}
             */
             this.elapsed = 0;
             /**
             * Game time counter.
             * @property time
-            * @type {number}
+            * @public
+            * @type {Number}
             */
             this.time = 0;
             /**
-            * How long the game has been paused for. Gets reset each time the game pauses.
+            * Records how long the game has been paused for. Is reset each time the game pauses.
             * @property pausedTime
-            * @type {number}
+            * @public
+            * @type {Number}
             */
             this.pausedTime = 0;
             /**
-            * Time of current frame.
+            * The time right now.
             * @property now
-            * @type {number}
+            * @public
+            * @type {Number}
             */
             this.now = 0;
             /**
-            * Elapsed time since last frame.
+            * Elapsed time since the last frame.
             * @property delta
-            * @type {number}
+            * @public
+            * @type {Number}
             */
             this.delta = 0;
             /**
             * Frames per second.
-            * @type {number}
+            * @property fps
+            * @public
+            * @type {Number}
             */
             this.fps = 0;
             /**
-            * Minimal fps.
-            * @type {number}
+            * The lowest rate the fps has dropped to.
+            * @property fpsMin
+            * @public
+            * @type {Number}
             */
             this.fpsMin = 1000;
             /**
-            * Maximal fps.
-            * @type {number}
+            * The highest rate the fps has reached (usually no higher than 60fps).
+            * @property fpsMax
+            * @public
+            * @type {Number}
             */
             this.fpsMax = 0;
             /**
-            * Minimum duration between 2 frames.
-            * @type {number}
+            * The minimum amount of time the game has taken between two frames.
+            * @property msMin
+            * @public
+            * @type {Number}
             */
             this.msMin = 1000;
             /**
-            * Maximum duration between 2 frames.
-            * @type {number}
+            * The maximum amount of time the game has taken between two frames.
+            * @property msMax
+            * @public
+            * @type {Number}
             */
             this.msMax = 0;
             /**
-            * How many frames in last second.
-            * @type {number}
+            * The number of frames record in the last second.
+            * @property frames
+            * @public
+            * @type {Number}
             */
             this.frames = 0;
             /**
-            * Time of last second.
-            * @type {number}
+            * The time (in ms) that the last second counter ticked over.
+            * @property _timeLastSecond
+            * @private
+            * @type {Number}
             */
             this._timeLastSecond = 0;
+            /**
+            * Records how long the game was paused for in miliseconds.
+            * @property pauseDuration
+            * @public
+            * @type {Number}
+            */
             this.pauseDuration = 0;
+            /**
+            * The time the game started being paused.
+            * @property _pauseStarted
+            * @private
+            * @type {Number}
+            */
             this._pauseStarted = 0;
             this.game = game;
 
@@ -91,7 +126,7 @@ var Phaser;
         }
         Object.defineProperty(TimeManager.prototype, "totalElapsedSeconds", {
             get: /**
-            *
+            * The number of seconds that have elapsed since the game was started.
             * @method totalElapsedSeconds
             * @return {Number}
             */
@@ -106,7 +141,7 @@ var Phaser;
         * Update clock and calculate the fps.
         * This is called automatically by Game._raf
         * @method update
-        * @param {number} raf The current timestamp, either performance.now or Date.now
+        * @param {Number} raf The current timestamp, either performance.now or Date.now
         */
         TimeManager.prototype.update = function (raf) {
             this.now = raf;
@@ -133,20 +168,30 @@ var Phaser;
             }
         };
 
+        /**
+        * Called when the game enters a paused state.
+        * @method gamePaused
+        * @private
+        */
         TimeManager.prototype.gamePaused = function () {
             this._pauseStarted = this.now;
         };
 
+        /**
+        * Called when the game resumes from a paused state.
+        * @method gameResumed
+        * @private
+        */
         TimeManager.prototype.gameResumed = function () {
             //  Level out the delta timer to avoid spikes
             this.pauseDuration = this.pausedTime;
         };
 
         /**
-        * How long has passed since given time.
+        * How long has passed since the given time.
         * @method elapsedSince
-        * @param {number} since The time you want to measure.
-        * @return {number} Duration between given time and now.
+        * @param {Number} since The time you want to measure against.
+        * @return {Number} The difference between the given time and now.
         */
         TimeManager.prototype.elapsedSince = function (since) {
             return this.now - since;
@@ -155,15 +200,15 @@ var Phaser;
         /**
         * How long has passed since the given time (in seconds).
         * @method elapsedSecondsSince
-        * @param {number} since The time you want to measure (in seconds).
-        * @return {number} Duration between given time and now (in seconds).
+        * @param {Number} since The time you want to measure (in seconds).
+        * @return {Number} Duration between given time and now (in seconds).
         */
         TimeManager.prototype.elapsedSecondsSince = function (since) {
             return (this.now - since) * 0.001;
         };
 
         /**
-        * Set the start time to now.
+        * Resets the private _started value to now.
         * @method reset
         */
         TimeManager.prototype.reset = function () {

Phaser/time/TimeManager.ts

@@ -1,21 +1,23 @@
 /// <reference path="../_definitions.ts" />
 
 /**
-* Phaser - TimeManager
-*
-* This is the game clock and it manages elapsed time and calculation of delta values, used for game object motion.
+* @author       Richard Davey <rich@photonstorm.com>
+* @copyright    2013 Photon Storm Ltd.
+* @license      https://github.com/photonstorm/phaser/blob/master/license.txt  MIT License
+* @module       Phaser
 */
-
 module Phaser {
 
     export class TimeManager {
 
         /**
-         * Time constructor
-         * Create a new <code>Time</code>.
-         *
-         * @param game {Phaser.Game} Current game instance.
-         */
+        * This is the core internal game clock. It manages the elapsed time and calculation of delta values,
+        * used for game object motion and tweens.
+        *
+        * @class TimeManager
+        * @constructor
+        * @param {Phaser.Game} game A reference to the currently running game.
+        */
         constructor(game: Phaser.Game) {
 
             this.game = game;
@@ -30,52 +32,62 @@ module Phaser {
         }
 
         /**
-         * Local reference to game.
-         */
+        * A reference to the currently running Game.
+        * @property game
+        * @type {Phaser.Game}
+        */
         public game: Phaser.Game;
 
         /**
-         * Time when this object created.
-         * @param {number}
-         */
+        * The time at which the Game instance started.
+        * @property _started
+        * @private
+        * @type {Number}
+        */
         private _started: number;
 
         /**
-         * Elapsed since last frame.
-         * @type {number}
-         */
+        * Number of milliseconds elapsed since the last frame update.
+        * @property elapsed
+        * @public
+        * @type {Number}
+        */
         public elapsed: number = 0;
 
         /**
-         * Game time counter.
-         * @property time
-         * @type {number}
-         */
+        * Game time counter.
+        * @property time
+        * @public
+        * @type {Number}
+        */
         public time: number = 0;
 
         /**
-         * How long the game has been paused for. Gets reset each time the game pauses.
-         * @property pausedTime
-         * @type {number}
-         */
+        * Records how long the game has been paused for. Is reset each time the game pauses.
+        * @property pausedTime
+        * @public
+        * @type {Number}
+        */
         public pausedTime: number = 0;
 
         /**
-         * Time of current frame.
-         * @property now
-         * @type {number}
-         */
+        * The time right now.
+        * @property now
+        * @public
+        * @type {Number}
+        */
         public now: number = 0;
 
         /**
-         * Elapsed time since last frame.
-         * @property delta
-         * @type {number}
-         */
+        * Elapsed time since the last frame.
+        * @property delta
+        * @public
+        * @type {Number}
+        */
         public delta: number = 0;
 
         /**
-        *
+        * The number of seconds that have elapsed since the game was started.
         * @method totalElapsedSeconds
         * @return {Number}
         */
@@ -86,52 +98,66 @@ module Phaser {
         }
 
         /**
-         * Frames per second.
-         * @type {number}
-         */
+        * Frames per second.
+        * @property fps
+        * @public
+        * @type {Number}
+        */
         public fps: number = 0;
 
         /**
-         * Minimal fps.
-         * @type {number}
-         */
+        * The lowest rate the fps has dropped to.
+        * @property fpsMin
+        * @public
+        * @type {Number}
+        */
         public fpsMin: number = 1000;
 
         /**
-         * Maximal fps.
-         * @type {number}
-         */
+        * The highest rate the fps has reached (usually no higher than 60fps).
+        * @property fpsMax
+        * @public
+        * @type {Number}
+        */
         public fpsMax: number = 0;
 
         /**
-         * Minimum duration between 2 frames.
-         * @type {number}
-         */
+        * The minimum amount of time the game has taken between two frames.
+        * @property msMin
+        * @public
+        * @type {Number}
+        */
         public msMin: number = 1000;
 
         /**
-         * Maximum duration between 2 frames.
-         * @type {number}
-         */
+        * The maximum amount of time the game has taken between two frames.
+        * @property msMax
+        * @public
+        * @type {Number}
+        */
         public msMax: number = 0;
 
         /**
-         * How many frames in last second.
-         * @type {number}
-         */
+        * The number of frames record in the last second.
+        * @property frames
+        * @public
+        * @type {Number}
+        */
         public frames: number = 0;
 
         /**
-         * Time of last second.
-         * @type {number}
-         */
+        * The time (in ms) that the last second counter ticked over.
+        * @property _timeLastSecond
+        * @private
+        * @type {Number}
+        */
         private _timeLastSecond: number = 0;
 
         /**
          * Update clock and calculate the fps.
          * This is called automatically by Game._raf
          * @method update
-         * @param {number} raf The current timestamp, either performance.now or Date.now
+         * @param {Number} raf The current timestamp, either performance.now or Date.now
          */
         public update(raf: number) {
 
@@ -163,24 +189,47 @@ module Phaser {
 
         }
 
+        /**
+        * Called when the game enters a paused state.
+        * @method gamePaused
+        * @private
+        */
         private gamePaused() {
             this._pauseStarted = this.now;
         }
 
+        /**
+        * Called when the game resumes from a paused state.
+        * @method gameResumed
+        * @private
+        */
         private gameResumed() {
             //  Level out the delta timer to avoid spikes
             this.pauseDuration = this.pausedTime;
         }
 
+        /**
+        * Records how long the game was paused for in miliseconds.
+        * @property pauseDuration
+        * @public
+        * @type {Number}
+        */
         public pauseDuration: number = 0;
+
+        /**
+        * The time the game started being paused.
+        * @property _pauseStarted
+        * @private
+        * @type {Number}
+        */
         private _pauseStarted: number = 0;
 
         /**
-         * How long has passed since given time.
-         * @method elapsedSince
-         * @param {number} since The time you want to measure.
-         * @return {number} Duration between given time and now.
-         */
+        * How long has passed since the given time.
+        * @method elapsedSince
+        * @param {Number} since The time you want to measure against.
+        * @return {Number} The difference between the given time and now.
+        */
         public elapsedSince(since: number): number {
 
             return this.now - since;
@@ -188,11 +237,11 @@ module Phaser {
         }
 
         /**
-         * How long has passed since the given time (in seconds).
-         * @method elapsedSecondsSince
-         * @param {number} since The time you want to measure (in seconds).
-         * @return {number} Duration between given time and now (in seconds).
-         */
+        * How long has passed since the given time (in seconds).
+        * @method elapsedSecondsSince
+        * @param {Number} since The time you want to measure (in seconds).
+        * @return {Number} Duration between given time and now (in seconds).
+        */
         public elapsedSecondsSince(since: number): number {
 
             return (this.now - since) * 0.001;
@@ -200,9 +249,9 @@ module Phaser {
         }
 
         /**
-         * Set the start time to now.
-         * @method reset
-         */
+        * Resets the private _started value to now.
+        * @method reset
+        */
         public reset() {
 
             this._started = this.now;

Phaser/yuidoc.json

@@ -0,0 +1,10 @@
+{
+    "name": "Phaser",
+    "description": "HTML5 Game Framework",
+    "version": "1.0.0",
+    "url": "http://www.phaser.io/",
+    "options": {
+	    "linkNatives": "false"
+    }
+
+}

Plugins/CameraFX/Border.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,7 +18,7 @@ var Phaser;
             var Border = (function (_super) {
                 __extends(Border, _super);
                 function Border(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     /**
                     * Whether render border of this camera or not. (default is true)
                     * @type {boolean}
@@ -31,7 +32,7 @@ var Phaser;
                     this.camera = parent;
                 }
                 Border.prototype.postRender = function () {
-                    if(this.showBorder == true) {
+                    if (this.showBorder == true) {
                         this.game.stage.context.strokeStyle = this.borderColor;
                         this.game.stage.context.lineWidth = 1;
                         this.game.stage.context.rect(this.camera.x, this.camera.y, this.camera.width, this.camera.height);
@@ -40,7 +41,7 @@ var Phaser;
                 };
                 return Border;
             })(Phaser.Plugin);
-            CameraFX.Border = Border;            
+            CameraFX.Border = Border;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/CameraFX/Fade.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,13 +18,13 @@ var Phaser;
             var Fade = (function (_super) {
                 __extends(Fade, _super);
                 function Fade(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     this._fxFadeComplete = null;
                     this._fxFadeDuration = 0;
                     this._fxFadeAlpha = 0;
                     this.camera = parent;
                 }
-                Fade.prototype.start = /**
+                /**
                 * The camera is gradually filled with this color.
                 *
                 * @param	Color		The color you want to use in 0xRRGGBB format, i.e. 0xffffff for white.
@@ -31,48 +32,53 @@ var Phaser;
                 * @param	OnComplete	An optional function you want to run when the flash finishes. Set to null for no callback.
                 * @param	Force		Force an already running flash effect to reset.
                 */
-                function (color, duration, onComplete, force) {
+                Fade.prototype.start = function (color, duration, onComplete, force) {
                     if (typeof color === "undefined") { color = 0x000000; }
                     if (typeof duration === "undefined") { duration = 1; }
                     if (typeof onComplete === "undefined") { onComplete = null; }
                     if (typeof force === "undefined") { force = false; }
-                    if(force === false && this._fxFadeAlpha > 0) {
+                    if (force === false && this._fxFadeAlpha > 0) {
                         //  You can't fade again unless you force it
                         return;
                     }
-                    if(duration <= 0) {
+
+                    if (duration <= 0) {
                         duration = 1;
                     }
+
                     var red = color >> 16 & 0xFF;
                     var green = color >> 8 & 0xFF;
                     var blue = color & 0xFF;
+
                     this._fxFadeColor = 'rgba(' + red + ',' + green + ',' + blue + ',';
                     this._fxFadeDuration = duration;
                     this._fxFadeAlpha = 0.01;
                     this._fxFadeComplete = onComplete;
                 };
+
                 Fade.prototype.postUpdate = function () {
-                    //  Update the Fade effect
-                    if(this._fxFadeAlpha > 0) {
+                    if (this._fxFadeAlpha > 0) {
                         this._fxFadeAlpha += this.game.time.elapsed / this._fxFadeDuration;
-                        if(this.game.math.roundTo(this._fxFadeAlpha, -2) >= 1) {
+
+                        if (this.game.math.roundTo(this._fxFadeAlpha, -2) >= 1) {
                             this._fxFadeAlpha = 1;
-                            if(this._fxFadeComplete !== null) {
+
+                            if (this._fxFadeComplete !== null) {
                                 this._fxFadeComplete();
                             }
                         }
                     }
                 };
+
                 Fade.prototype.postRender = function () {
-                    //  "Fade" FX
-                    if(this._fxFadeAlpha > 0) {
+                    if (this._fxFadeAlpha > 0) {
                         this.game.stage.context.fillStyle = this._fxFadeColor + this._fxFadeAlpha + ')';
                         this.game.stage.context.fillRect(this.camera.screenView.x, this.camera.screenView.y, this.camera.width, this.camera.height);
                     }
                 };
                 return Fade;
             })(Phaser.Plugin);
-            CameraFX.Fade = Fade;            
+            CameraFX.Fade = Fade;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/CameraFX/Flash.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,13 +18,13 @@ var Phaser;
             var Flash = (function (_super) {
                 __extends(Flash, _super);
                 function Flash(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     this._fxFlashComplete = null;
                     this._fxFlashDuration = 0;
                     this._fxFlashAlpha = 0;
                     this.camera = parent;
                 }
-                Flash.prototype.start = /**
+                /**
                 * The camera is filled with this color and returns to normal at the given duration.
                 *
                 * @param	Color		The color you want to use in 0xRRGGBB format, i.e. 0xffffff for white.
@@ -31,47 +32,53 @@ var Phaser;
                 * @param	OnComplete	An optional function you want to run when the flash finishes. Set to null for no callback.
                 * @param	Force		Force an already running flash effect to reset.
                 */
-                function (color, duration, onComplete, force) {
+                Flash.prototype.start = function (color, duration, onComplete, force) {
                     if (typeof color === "undefined") { color = 0xffffff; }
                     if (typeof duration === "undefined") { duration = 1; }
                     if (typeof onComplete === "undefined") { onComplete = null; }
                     if (typeof force === "undefined") { force = false; }
-                    if(force === false && this._fxFlashAlpha > 0) {
+                    if (force === false && this._fxFlashAlpha > 0) {
                         //  You can't flash again unless you force it
                         return;
                     }
-                    if(duration <= 0) {
+
+                    if (duration <= 0) {
                         duration = 1;
                     }
+
                     var red = color >> 16 & 0xFF;
                     var green = color >> 8 & 0xFF;
                     var blue = color & 0xFF;
+
                     this._fxFlashColor = 'rgba(' + red + ',' + green + ',' + blue + ',';
                     this._fxFlashDuration = duration;
                     this._fxFlashAlpha = 1;
                     this._fxFlashComplete = onComplete;
                 };
+
                 Flash.prototype.postUpdate = function () {
-                    //  Update the Flash effect
-                    if(this._fxFlashAlpha > 0) {
+                    if (this._fxFlashAlpha > 0) {
                         this._fxFlashAlpha -= this.game.time.elapsed / this._fxFlashDuration;
-                        if(this.game.math.roundTo(this._fxFlashAlpha, -2) <= 0) {
+
+                        if (this.game.math.roundTo(this._fxFlashAlpha, -2) <= 0) {
                             this._fxFlashAlpha = 0;
-                            if(this._fxFlashComplete !== null) {
+
+                            if (this._fxFlashComplete !== null) {
                                 this._fxFlashComplete();
                             }
                         }
                     }
                 };
+
                 Flash.prototype.postRender = function () {
-                    if(this._fxFlashAlpha > 0) {
+                    if (this._fxFlashAlpha > 0) {
                         this.game.stage.context.fillStyle = this._fxFlashColor + this._fxFlashAlpha + ')';
                         this.game.stage.context.fillRect(this.camera.screenView.x, this.camera.screenView.y, this.camera.width, this.camera.height);
                     }
                 };
                 return Flash;
             })(Phaser.Plugin);
-            CameraFX.Flash = Flash;            
+            CameraFX.Flash = Flash;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/CameraFX/Mirror.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,66 +18,76 @@ var Phaser;
             var Mirror = (function (_super) {
                 __extends(Mirror, _super);
                 function Mirror(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     this._mirrorColor = null;
                     this.flipX = false;
                     this.flipY = true;
                     this.cls = false;
                     this.camera = parent;
+
                     this._canvas = document.createElement('canvas');
                     this._canvas.width = parent.width;
                     this._canvas.height = parent.height;
                     this._context = this._canvas.getContext('2d');
                 }
-                Mirror.prototype.start = /**
+                /**
                 * This is the rectangular region to grab from the Camera used in the Mirror effect
                 * It is rendered to the Stage at Mirror.x/y (note the use of Stage coordinates, not World coordinates)
                 */
-                function (x, y, region, fillColor) {
+                Mirror.prototype.start = function (x, y, region, fillColor) {
                     if (typeof fillColor === "undefined") { fillColor = 'rgba(0, 0, 100, 0.5)'; }
                     this.x = x;
                     this.y = y;
+
                     this._mirrorX = region.x;
                     this._mirrorY = region.y;
                     this._mirrorWidth = region.width;
                     this._mirrorHeight = region.height;
-                    if(fillColor) {
+
+                    if (fillColor) {
                         this._mirrorColor = fillColor;
                         this._context.fillStyle = this._mirrorColor;
                     }
                 };
+
                 Mirror.prototype.postRender = function () {
                     this._sx = this.camera.screenView.x + this._mirrorX;
                     this._sy = this.camera.screenView.y + this._mirrorY;
-                    if(this.flipX == true && this.flipY == false) {
+
+                    if (this.flipX == true && this.flipY == false) {
                         this._sx = 0;
-                    } else if(this.flipY == true && this.flipX == false) {
+                    } else if (this.flipY == true && this.flipX == false) {
                         this._sy = 0;
                     }
+
                     this._context.drawImage(this.game.stage.canvas, this._sx, this._sy, this._mirrorWidth, this._mirrorHeight, 0, 0, this._mirrorWidth, this._mirrorHeight);
-                    if(this._mirrorColor) {
+
+                    if (this._mirrorColor) {
                         this._context.fillRect(0, 0, this._mirrorWidth, this._mirrorHeight);
                     }
-                    if(this.flipX || this.flipY) {
+
+                    if (this.flipX || this.flipY) {
                         this.game.stage.context.save();
                     }
-                    if(this.flipX && this.flipY) {
+
+                    if (this.flipX && this.flipY) {
                         this.game.stage.context.transform(-1, 0, 0, -1, this._mirrorWidth, this._mirrorHeight);
                         this.game.stage.context.drawImage(this._canvas, -this.x, -this.y);
-                    } else if(this.flipX) {
+                    } else if (this.flipX) {
                         this.game.stage.context.transform(-1, 0, 0, 1, this._mirrorWidth, 0);
                         this.game.stage.context.drawImage(this._canvas, -this.x, this.y);
-                    } else if(this.flipY) {
+                    } else if (this.flipY) {
                         this.game.stage.context.transform(1, 0, 0, -1, 0, this._mirrorHeight);
                         this.game.stage.context.drawImage(this._canvas, this.x, -this.y);
                     }
-                    if(this.flipX || this.flipY) {
+
+                    if (this.flipX || this.flipY) {
                         this.game.stage.context.restore();
                     }
                 };
                 return Mirror;
             })(Phaser.Plugin);
-            CameraFX.Mirror = Mirror;            
+            CameraFX.Mirror = Mirror;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/CameraFX/Scanlines.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,20 +18,21 @@ var Phaser;
             var Scanlines = (function (_super) {
                 __extends(Scanlines, _super);
                 function Scanlines(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     this.spacing = 4;
                     this.color = 'rgba(0, 0, 0, 0.3)';
                     this.camera = parent;
                 }
                 Scanlines.prototype.postRender = function () {
                     this.game.stage.context.fillStyle = this.color;
-                    for(var y = this.camera.screenView.y; y < this.camera.screenView.height; y += this.spacing) {
+
+                    for (var y = this.camera.screenView.y; y < this.camera.screenView.height; y += this.spacing) {
                         this.game.stage.context.fillRect(this.camera.screenView.x, y, this.camera.screenView.width, 1);
                     }
                 };
                 return Scanlines;
             })(Phaser.Plugin);
-            CameraFX.Scanlines = Scanlines;            
+            CameraFX.Scanlines = Scanlines;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/CameraFX/Shadow.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,7 +18,7 @@ var Phaser;
             var Shadow = (function (_super) {
                 __extends(Shadow, _super);
                 function Shadow(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     /**
                     * Render camera shadow or not. (default is false)
                     * @type {boolean}
@@ -40,25 +41,24 @@ var Phaser;
                     this.shadowOffset = new Phaser.Point(4, 4);
                     this.camera = parent;
                 }
-                Shadow.prototype.preRender = /**
+                /**
                 * Pre-render is called at the start of the object render cycle, before any transforms have taken place.
                 * It happens directly AFTER a canvas context.save has happened if added to a Camera.
                 */
-                function () {
-                    //  Shadow
-                    if(this.showShadow == true) {
+                Shadow.prototype.preRender = function () {
+                    if (this.showShadow == true) {
                         this.game.stage.context.shadowColor = this.shadowColor;
                         this.game.stage.context.shadowBlur = this.shadowBlur;
                         this.game.stage.context.shadowOffsetX = this.shadowOffset.x;
                         this.game.stage.context.shadowOffsetY = this.shadowOffset.y;
                     }
                 };
-                Shadow.prototype.render = /**
+
+                /**
                 * render is called during the objects render cycle, right after all transforms have finished, but before any children/image data is rendered.
                 */
-                function () {
-                    //  Shadow off
-                    if(this.showShadow == true) {
+                Shadow.prototype.render = function () {
+                    if (this.showShadow == true) {
                         this.game.stage.context.shadowBlur = 0;
                         this.game.stage.context.shadowOffsetX = 0;
                         this.game.stage.context.shadowOffsetY = 0;
@@ -66,7 +66,7 @@ var Phaser;
                 };
                 return Shadow;
             })(Phaser.Plugin);
-            CameraFX.Shadow = Shadow;            
+            CameraFX.Shadow = Shadow;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/CameraFX/Shake.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -17,7 +18,7 @@ var Phaser;
             var Shake = (function (_super) {
                 __extends(Shake, _super);
                 function Shake(game, parent) {
-                                _super.call(this, game, parent);
+                    _super.call(this, game, parent);
                     this._fxShakeIntensity = 0;
                     this._fxShakeDuration = 0;
                     this._fxShakeComplete = null;
@@ -27,10 +28,7 @@ var Phaser;
                     this._fxShakePrevY = 0;
                     this.camera = parent;
                 }
-                Shake.SHAKE_BOTH_AXES = 0;
-                Shake.SHAKE_HORIZONTAL_ONLY = 1;
-                Shake.SHAKE_VERTICAL_ONLY = 2;
-                Shake.prototype.start = /**
+                /**
                 * A simple camera shake effect.
                 *
                 * @param	Intensity	Percentage of screen size representing the maximum distance that the screen can move while shaking.
@@ -39,57 +37,65 @@ var Phaser;
                 * @param	Force		Force the effect to reset (default = true, unlike flash() and fade()!).
                 * @param	Direction	Whether to shake on both axes, just up and down, or just side to side (use class constants SHAKE_BOTH_AXES, SHAKE_VERTICAL_ONLY, or SHAKE_HORIZONTAL_ONLY).
                 */
-                function (intensity, duration, onComplete, force, direction) {
+                Shake.prototype.start = function (intensity, duration, onComplete, force, direction) {
                     if (typeof intensity === "undefined") { intensity = 0.05; }
                     if (typeof duration === "undefined") { duration = 0.5; }
                     if (typeof onComplete === "undefined") { onComplete = null; }
                     if (typeof force === "undefined") { force = true; }
                     if (typeof direction === "undefined") { direction = Shake.SHAKE_BOTH_AXES; }
-                    if(!force && ((this._fxShakeOffset.x != 0) || (this._fxShakeOffset.y != 0))) {
+                    if (!force && ((this._fxShakeOffset.x != 0) || (this._fxShakeOffset.y != 0))) {
                         return;
                     }
-                    //  If a shake is not already running we need to store the offsets here
-                    if(this._fxShakeOffset.x == 0 && this._fxShakeOffset.y == 0) {
+
+                    if (this._fxShakeOffset.x == 0 && this._fxShakeOffset.y == 0) {
                         this._fxShakePrevX = this.camera.x;
                         this._fxShakePrevY = this.camera.y;
                     }
+
                     this._fxShakeIntensity = intensity;
                     this._fxShakeDuration = duration;
                     this._fxShakeComplete = onComplete;
                     this._fxShakeDirection = direction;
                     this._fxShakeOffset.setTo(0, 0);
                 };
+
                 Shake.prototype.postUpdate = function () {
-                    //  Update the "shake" special effect
-                    if(this._fxShakeDuration > 0) {
+                    if (this._fxShakeDuration > 0) {
                         this._fxShakeDuration -= this.game.time.elapsed;
-                        if(this.game.math.roundTo(this._fxShakeDuration, -2) <= 0) {
+
+                        if (this.game.math.roundTo(this._fxShakeDuration, -2) <= 0) {
                             this._fxShakeDuration = 0;
                             this._fxShakeOffset.setTo(0, 0);
                             this.camera.x = this._fxShakePrevX;
                             this.camera.y = this._fxShakePrevY;
-                            if(this._fxShakeComplete != null) {
+
+                            if (this._fxShakeComplete != null) {
                                 this._fxShakeComplete();
                             }
                         } else {
-                            if((this._fxShakeDirection == Shake.SHAKE_BOTH_AXES) || (this._fxShakeDirection == Shake.SHAKE_HORIZONTAL_ONLY)) {
+                            if ((this._fxShakeDirection == Shake.SHAKE_BOTH_AXES) || (this._fxShakeDirection == Shake.SHAKE_HORIZONTAL_ONLY)) {
                                 this._fxShakeOffset.x = (this.game.rnd.integer * this._fxShakeIntensity * this.camera.worldView.width * 2 - this._fxShakeIntensity * this.camera.worldView.width);
                             }
-                            if((this._fxShakeDirection == Shake.SHAKE_BOTH_AXES) || (this._fxShakeDirection == Shake.SHAKE_VERTICAL_ONLY)) {
+
+                            if ((this._fxShakeDirection == Shake.SHAKE_BOTH_AXES) || (this._fxShakeDirection == Shake.SHAKE_VERTICAL_ONLY)) {
                                 this._fxShakeOffset.y = (this.game.rnd.integer * this._fxShakeIntensity * this.camera.worldView.height * 2 - this._fxShakeIntensity * this.camera.worldView.height);
                             }
                         }
                     }
                 };
+
                 Shake.prototype.preRender = function () {
-                    if((this._fxShakeOffset.x != 0) || (this._fxShakeOffset.y != 0)) {
+                    if ((this._fxShakeOffset.x != 0) || (this._fxShakeOffset.y != 0)) {
                         this.camera.x = this._fxShakePrevX + this._fxShakeOffset.x;
                         this.camera.y = this._fxShakePrevY + this._fxShakeOffset.y;
                     }
                 };
+                Shake.SHAKE_BOTH_AXES = 0;
+                Shake.SHAKE_HORIZONTAL_ONLY = 1;
+                Shake.SHAKE_VERTICAL_ONLY = 2;
                 return Shake;
             })(Phaser.Plugin);
-            CameraFX.Shake = Shake;            
+            CameraFX.Shake = Shake;
         })(Plugins.CameraFX || (Plugins.CameraFX = {}));
         var CameraFX = Plugins.CameraFX;
     })(Phaser.Plugins || (Phaser.Plugins = {}));

Plugins/Template.js

@@ -1,4 +1,5 @@
 var __extends = this.__extends || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     function __() { this.constructor = d; }
     __.prototype = b.prototype;
     d.prototype = new __();
@@ -14,55 +15,63 @@ var Phaser;
         var Example = (function (_super) {
             __extends(Example, _super);
             function Example(game, parent) {
-                        _super.call(this, game, parent);
+                _super.call(this, game, parent);
+
                 this.active = true;
                 this.visible = true;
+
                 this.hasPreUpdate = false;
                 this.hasUpdate = false;
                 this.hasPostUpdate = false;
+
                 this.hasPreRender = false;
                 this.hasRender = false;
                 this.hasPostRender = false;
             }
-            Example.prototype.preUpdate = /**
+            /**
             * Pre-update is called at the start of the update cycle, before any other updates have taken place.
             * It is only called if active is set to true.
             */
-            function () {
+            Example.prototype.preUpdate = function () {
             };
-            Example.prototype.update = /**
+
+            /**
             * Pre-update is called at the start of the update cycle, after all the core system updates have taken place, but before the world update.
             * It is only called if active is set to true.
             */
-            function () {
+            Example.prototype.update = function () {
             };
-            Example.prototype.postUpdate = /**
+
+            /**
             * Post-update is called at the end of the objects update cycle, after other update logic has taken place.
             * It is only called if active is set to true.
             */
-            function () {
+            Example.prototype.postUpdate = function () {
             };
-            Example.prototype.preRender = /**
+
+            /**
             * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run.
             * It is only called if visible is set to true.
             */
-            function () {
+            Example.prototype.preRender = function () {
             };
-            Example.prototype.render = /**
+
+            /**
             * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run.
             * It is only called if visible is set to true.
             */
-            function () {
+            Example.prototype.render = function () {
             };
-            Example.prototype.postRender = /**
+
+            /**
             * Post-render is called after every camera and game object has been rendered, also after any custom postRender callbacks have been run.
             * It is only called if visible is set to true.
             */
-            function () {
+            Example.prototype.postRender = function () {
             };
             return Example;
         })(Phaser.Plugin);
-        Plugins.Example = Example;        
+        Plugins.Example = Example;
     })(Phaser.Plugins || (Phaser.Plugins = {}));
     var Plugins = Phaser.Plugins;
 })(Phaser || (Phaser = {}));

Tests/Tests.csproj

@@ -118,7 +118,6 @@
     <Content Include="cameras\scrollfactor 2.js">
       <DependentUpon>scrollfactor 2.ts</DependentUpon>
     </Content>
-    <TypeScriptCompile Include="particles\graphic emitter.ts" />
     <TypeScriptCompile Include="input\over sprite 1.ts" />
     <TypeScriptCompile Include="groups\create group 1.ts" />
     <TypeScriptCompile Include="cameras\world sprite.ts" />
@@ -252,25 +251,6 @@
     <Content Include="mobile\sprite test 1.js">
       <DependentUpon>sprite test 1.ts</DependentUpon>
     </Content>
-    <Content Include="particles\graphic emitter.js">
-      <DependentUpon>graphic emitter.ts</DependentUpon>
-    </Content>
-    <TypeScriptCompile Include="particles\multiple streams.ts" />
-    <TypeScriptCompile Include="particles\mousetrail.ts" />
-    <Content Include="particles\mousetrail.js">
-      <DependentUpon>mousetrail.ts</DependentUpon>
-    </Content>
-    <Content Include="particles\multiple streams.js">
-      <DependentUpon>multiple streams.ts</DependentUpon>
-    </Content>
-    <TypeScriptCompile Include="particles\sprite emitter.ts" />
-    <Content Include="particles\sprite emitter.js">
-      <DependentUpon>sprite emitter.ts</DependentUpon>
-    </Content>
-    <TypeScriptCompile Include="particles\when particles collide.ts" />
-    <Content Include="particles\when particles collide.js">
-      <DependentUpon>when particles collide.ts</DependentUpon>
-    </Content>
     <TypeScriptCompile Include="scrollzones\simple scrollzone.ts" />
     <TypeScriptCompile Include="scrollzones\scroll window.ts" />
     <TypeScriptCompile Include="scrollzones\region demo.ts" />
@@ -462,6 +442,7 @@
   </ItemGroup>
   <ItemGroup>
     <Folder Include="animation\" />
+    <Folder Include="particles\" />
     <Folder Include="physics\" />
   </ItemGroup>
   <Import Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets" />

Tests/audio/audio sprites 1.js

@@ -4,37 +4,40 @@
 //var PhaserGlobal = { disableWebAudio: true };
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     function preload() {
-        game.load.audio('rabbit', [
-            'assets/mp3/peter_rabbit.m4a', 
-            'assets/mp3/peter_rabbit.mp3', 
-            'assets/mp3/peter_rabbit.ogg'
-        ]);
+        game.load.audio('rabbit', ['assets/mp3/peter_rabbit.m4a', 'assets/mp3/peter_rabbit.mp3', 'assets/mp3/peter_rabbit.ogg']);
         game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
     }
+
     audioSprite:
-Phaser.Sound
+    Phaser.Sound;
     button:
-Phaser.UI.Button
+    Phaser.UI.Button;
     pause:
-Phaser.UI.Button
+    Phaser.UI.Button;
+
     function create() {
         this.audioSprite = game.add.audio('rabbit');
         this.audioSprite.addMarker('title', 3.00, 5.00, 1, true);
         this.audioSprite.addMarker('help', 6.00, 12.00);
         this.audioSprite.addMarker('intro', 14.00, 19.00);
         this.audioSprite.addMarker('peter', 20.00, 21.50);
+
         this.button = game.add.button(game.stage.centerX, 400, 'button', playMusic, this, 2, 1, 0);
         //this.pause = game.add.button(200, 200, 'button', togglePause, this, 2, 1, 0);
-            }
+    }
+
     function playMusic() {
         this.audioSprite.play('help');
     }
+
     function render() {
         Phaser.DebugUtils.renderSoundInfo(this.audioSprite, 32, 32);
     }
+
     function togglePause() {
-        if(this.music.paused) {
+        if (this.music.paused) {
             this.music.resume();
         } else {
             this.music.pause();

Tests/audio/play sound 1.js

@@ -4,50 +4,57 @@
 //var PhaserGlobal = { fakeiOSTouchLock: true, disableWebAudio: true };
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     function preload() {
         //game.load.audio('wizball', ['assets/mp3/oedipus_wizball_highscore.ogg', 'assets/mp3/oedipus_wizball_highscore.mp3']);
-        game.load.audio('boden', [
-            'assets/mp3/bodenstaendig_2000_in_rock_4bit.mp3'
-        ]);
+        game.load.audio('boden', ['assets/mp3/bodenstaendig_2000_in_rock_4bit.mp3']);
         game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
     }
+
     button:
-Phaser.UI.Button
+    Phaser.UI.Button;
     music:
-Phaser.Sound
+    Phaser.Sound;
     volumeUp:
-Phaser.UI.Button
+    Phaser.UI.Button;
     volumeDown:
-Phaser.UI.Button
+    Phaser.UI.Button;
     pause:
-Phaser.UI.Button
+    Phaser.UI.Button;
+
     function create() {
         this.music = game.add.audio('boden');
+
         this.button = game.add.button(game.stage.centerX, 400, 'button', playMusic, this, 2, 1, 0);
         //this.volumeUp = game.add.button(0, 0, 'button', volUp, this, 2, 1, 0);
         //this.volumeDown = game.add.button(700, 0, 'button', volDown, this, 2, 1, 0);
         //this.pause = game.add.button(200, 200, 'button', togglePause, this, 2, 1, 0);
-            }
+    }
+
     function render() {
         Phaser.DebugUtils.renderSoundInfo(this.music, 0, 300);
     }
+
     function togglePause() {
-        if(this.music.paused) {
+        if (this.music.paused) {
             this.music.resume();
         } else {
             this.music.pause();
         }
     }
+
     function volUp() {
         //game.sound.volume += 0.1;
         this.music.volume += 0.1;
         console.log('vol up', game.sound.volume);
     }
+
     function volDown() {
         //game.sound.volume -= 0.1;
         this.music.volume -= 0.1;
         console.log('vol down', game.sound.volume);
     }
+
     function playMusic() {
         this.music.play();
     }

Tests/buttons/basic button 2.js

@@ -2,28 +2,34 @@
 /// <reference path="../../Phaser/ui/Button.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create);
+
     function preload() {
         game.load.image('beast', 'assets/pics/shadow_of_the_beast2_other_world.png');
         game.load.atlas('button', 'assets/buttons/button_texture_atlas.png', 'assets/buttons/button_texture_atlas.json');
     }
+
     image:
-Phaser.Sprite
+    Phaser.Sprite;
     button:
-Phaser.UI.Button
+    Phaser.UI.Button;
+
     function create() {
         //  This is just an image that we'll toggle the display of when you click the button
         this.image = game.add.sprite(game.stage.centerX, 0, 'beast');
         this.image.transform.origin.setTo(0.5, 0);
+
         //  This button is created from a texture atlas.
         //  Instead of frame IDs (like with a sprite sheet) we can tell it to use frame names instead.
         //  In this case our atlast frame names were called 'over', 'out' and 'down', but they could be anything you want.
         //  The function "clickedIt" will be called when the button is clicked or touched
         this.button = game.add.button(game.stage.centerX, 400, 'button', clickedIt, this, 'over', 'out', 'down');
+
         //  Just makes the button origin set to the middle, we only do this to center the button on-screen, no other reason
         this.button.transform.origin.setTo(0.5, 0.5);
     }
+
     function clickedIt() {
-        if(this.image.visible == true) {
+        if (this.image.visible == true) {
             this.image.visible = false;
         } else {
             this.image.visible = true;

Tests/buttons/basic button.js

@@ -2,29 +2,35 @@
 /// <reference path="../../Phaser/ui/Button.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create);
+
     function preload() {
         game.load.image('beast', 'assets/pics/shadow_of_the_beast2_karamoon.png');
         game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
     }
+
     image:
-Phaser.Sprite
+    Phaser.Sprite;
     button:
-Phaser.UI.Button
+    Phaser.UI.Button;
+
     function create() {
         //  This is just an image that we'll toggle the display of when you click the button
         this.image = game.add.sprite(game.stage.centerX, 0, 'beast');
         this.image.transform.origin.setTo(0.5, 0);
+
         //  This button is created from a sprite sheet.
         //  Frame 0 = the 'down' state
         //  Frame 1 = the 'out' state
         //  Frame 2 = the 'over' state
         //  The function "clickedIt" will be called when the button is clicked or touched
         this.button = game.add.button(game.stage.centerX, 400, 'button', clickedIt, this, 2, 1, 0);
+
         //  Just makes the button origin set to the middle, we only do this to center the button on-screen, no other reason
         this.button.transform.origin.setTo(0.5, 0.5);
     }
+
     function clickedIt() {
-        if(this.image.visible == true) {
+        if (this.image.visible == true) {
             this.image.visible = false;
         } else {
             this.image.visible = true;

Tests/buttons/camera buttons.js

@@ -2,25 +2,32 @@
 /// <reference path="../../Phaser/ui/Button.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     function preload() {
         game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
     }
+
     var button;
     var secondCam;
+
     function create() {
         button = game.add.button(200, 400, 'button', clickedIt, this, 2, 1, 0);
         button.origin.setTo(0.5, 0.5);
+
         game.camera.width = 400;
         game.camera.texture.opaque = true;
         game.camera.texture.backgroundColor = 'rgb(100,0,0)';
+
         secondCam = game.add.camera(400, 0, 400, 600);
         secondCam.texture.opaque = true;
         secondCam.texture.backgroundColor = 'rgb(0,100,0)';
     }
+
     function render() {
         Phaser.DebugUtils.renderInputInfo(32, 32);
         Phaser.DebugUtils.renderSpriteWorldView(button, 32, 200);
     }
+
     function clickedIt() {
         button.rotation += 10;
     }

Tests/buttons/rotated buttons.js

@@ -2,32 +2,39 @@
 /// <reference path="../../Phaser/ui/Button.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update);
+
     function preload() {
         game.load.image('beast', 'assets/pics/shadow_of_the_beast2_other_world.png');
         game.load.atlas('button', 'assets/buttons/button_texture_atlas.png', 'assets/buttons/button_texture_atlas.json');
     }
+
     image:
-Phaser.Sprite
+    Phaser.Sprite;
     button:
-Phaser.UI.Button
+    Phaser.UI.Button;
+
     function create() {
         //  This is just an image that we'll toggle the display of when you click the button
         this.image = game.add.sprite(game.stage.centerX, 0, 'beast');
         this.image.transform.origin.setTo(0.5, 0);
+
         //  This button is created from a texture atlas.
         //  Instead of frame IDs (like with a sprite sheet) we can tell it to use frame names instead.
         //  In this case our atlast frame names were called 'over', 'out' and 'down', but they could be anything you want.
         //  The function "clickedIt" will be called when the button is clicked or touched
         this.button = game.add.button(game.stage.centerX, 400, 'button', clickedIt, this, 'over', 'out', 'down');
+
         //  Makes the button origin set to the middle
         this.button.transform.origin.setTo(0.5, 0.5);
     }
+
     function update() {
         //  Rotate the button each frame, the button states will still work and respond.
         this.button.rotation += 1;
     }
+
     function clickedIt() {
-        if(this.image.visible == true) {
+        if (this.image.visible == true) {
             this.image.visible = false;
         } else {
             this.image.visible = true;

Tests/camera fx/mirror.js

@@ -2,22 +2,29 @@
 /// <reference path="../../Plugins/CameraFX/Mirror.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update);
+
     function preload() {
         game.load.image('backdrop', 'assets/pics/ninja-masters2.png');
     }
+
     var mirror;
+
     function create() {
         //  Just set the world to be the size of the image we're loading in
         game.world.setSize(1216, 896);
+
         //  What we need is a camera 800x400 pixels in size as the mirror effect will be 200px tall and sit below it.
         //  So we resize our default camera to 400px
         game.camera.height = 400;
+
         //  Add our effect to the camera
         mirror = game.camera.plugins.add(Phaser.Plugins.CameraFX.Mirror);
+
         //  The first 2 parameters are the x and y coordinates of where to display the effect. They are in STAGE coordinates, not World.
         //  The next is a Rectangle making up the region of the Camera that we'll create the effect from (in this case the whole camera).
         //  Finally we set the fill color that is put over the top of the mirror effect.
         mirror.start(0, 400, new Phaser.Rectangle(0, 0, 800, 400), 'rgba(0, 0, 100, 0.7)');
+
         //  Experiment with variations on these to see the different mirror effects that can be achieved.
         //mirror.flipX = true;
         //mirror.flipY = true;
@@ -25,15 +32,17 @@
         //  just a single image, but when used on a full game it can look really quite neat.
         game.add.sprite(0, 0, 'backdrop');
     }
+
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             game.camera.x -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             game.camera.x += 4;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             game.camera.y -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             game.camera.y += 4;
         }
     }

Tests/camera fx/scanlines.js

@@ -2,29 +2,38 @@
 /// <reference path="../../Plugins/CameraFX/Scanlines.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update);
+
     function preload() {
         game.load.image('backdrop', 'assets/pics/ninja-masters2.png');
     }
+
     var scanlines;
+
     function create() {
         game.world.setSize(1216, 896);
+
         //  Add our effect to the camera
         scanlines = game.camera.plugins.add(Phaser.Plugins.CameraFX.Scanlines);
+
         //  We'll have the scanlines spaced out every 2 pixels
         scanlines.spacing = 2;
+
         //  This is the color the lines will be drawn in
         scanlines.color = 'rgba(0, 0, 0, 0.8)';
+
         game.add.sprite(0, 0, 'backdrop');
     }
+
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             game.camera.x -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             game.camera.x += 4;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             game.camera.y -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             game.camera.y += 4;
         }
     }

Tests/cameras/basic camera 1.js

@@ -1,16 +1,21 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     function preload() {
         game.load.image('backdrop', 'assets/pics/remember-me.jpg');
         game.load.image('melon', 'assets/sprites/melon.png');
     }
+
     function create() {
         game.world.setSize(1920, 1200, true);
+
         game.add.sprite(0, 0, 'backdrop');
-        for(var i = 0; i < 100; i++) {
+
+        for (var i = 0; i < 100; i++) {
             game.add.sprite(game.world.randomX, game.world.randomY, 'melon');
         }
+
         //game.camera.texture.alpha = 0.5;
         //game.camera.width = 400;
         game.camera.texture.opaque = true;
@@ -19,24 +24,28 @@
         game.camera.setPosition(game.stage.centerX, game.stage.centerY);
         //game.camera.setPosition(0, 0);
         //console.log('cam', game.camera.width, game.camera.height);
-            }
+    }
+
     function update() {
-        game.camera.rotation++;
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        game.camera.rotation--;
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             //game.camera.x -= 4;
             game.camera.transform.scale.x -= 0.1;
             game.camera.transform.scale.y -= 0.1;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             //game.camera.x += 4;
             game.camera.transform.scale.x += 0.1;
             game.camera.transform.scale.y += 0.1;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             game.camera.y -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             game.camera.y += 4;
         }
     }
+
     function render() {
         Phaser.DebugUtils.renderCameraInfo(game.camera, 32, 32);
     }

Tests/cameras/basic camera 1.ts

@@ -35,7 +35,7 @@
 
     function update() {
 
-        game.camera.rotation++;
+        game.camera.rotation--;
 
         if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
         {

Tests/cameras/basic follow.js

@@ -1,8 +1,10 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update);
+
     var ufo;
     var speed = 4;
+
     function preload() {
         game.world.setSize(1280, 600, true);
         game.load.image('ground', 'assets/tests/ground-2x.png');
@@ -11,6 +13,7 @@
         game.load.image('cloud0', 'assets/tests/cloud-big-2x.png');
         game.load.image('cloud1', 'assets/tests/cloud-narrow-2x.png');
         game.load.image('cloud2', 'assets/tests/cloud-small-2x.png');
+
         game.load.spritesheet('ufo', 'assets/sprites/ufo.png', 24, 21);
     }
     function create() {
@@ -21,27 +24,29 @@
         game.add.sprite(200, 120, 'cloud0').transform.scrollFactor.setTo(0.3, 0.3);
         game.add.sprite(-60, 120, 'cloud1').transform.scrollFactor.setTo(0.5, 0.3);
         game.add.sprite(900, 170, 'cloud2').transform.scrollFactor.setTo(0.7, 0.3);
+
         // ufo spirte
         ufo = game.add.sprite(320, 240, 'ufo');
         ufo.animations.add('fly', null, 30, false);
         ufo.animations.play('fly');
         ufo.transform.origin.setTo(0.5, 0.5);
+
         // make camera follows ufo
         game.camera.follow(ufo);
     }
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             ufo.x -= speed;
             ufo.rotation = -15;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             ufo.x += speed;
             ufo.rotation = 15;
         } else {
             ufo.rotation = 0;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             ufo.y -= speed;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             ufo.y += speed;
         }
     }

Tests/cameras/camera alpha.js

@@ -1,31 +1,40 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     function preload() {
         game.load.image('grid', 'assets/tests/debug-grid-1920x1920.png');
         game.load.image('car', 'assets/sprites/car90.png');
     }
+
     var car;
     var miniCam;
+
     function create() {
         game.world.setSize(2240, 2240, true);
+
         game.add.sprite(0, 0, 'grid');
+
         car = game.add.sprite(400, 300, 'car');
+
         game.camera.follow(car, Phaser.Types.CAMERA_FOLLOW_TOPDOWN);
+
         miniCam = game.add.camera(0, 0, 300, 300);
         miniCam.follow(car, Phaser.Types.CAMERA_FOLLOW_TOPDOWN_TIGHT);
         miniCam.setBounds(0, 0, game.world.width, game.world.height);
         miniCam.texture.alpha = 0.7;
     }
+
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             car.x -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             car.x += 4;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             car.y -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             car.y += 4;
         }
         /*
@@ -50,7 +59,8 @@
         car.velocity.copyFrom(motion);
         }
         */
-            }
+    }
+
     function render() {
         Phaser.DebugUtils.renderSpriteInfo(car, 32, 32);
         Phaser.DebugUtils.renderCameraInfo(game.camera, 32, 300);

Tests/cameras/camera fx 1.js

@@ -1,8 +1,10 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     var btn1, btn2, btn3;
     var fx;
+
     function preload() {
         game.world.setSize(800, 600, true);
         game.load.image('blue', 'assets/tests/blue-circle.png');
@@ -14,7 +16,7 @@
         btn2 = game.add.button(426, 86, 'yellow', forceFade, this);
         btn3 = game.add.button(221, 318, 'magenta', fadeWithCallback, this);
         //fx = game.camera.fx.add(Phaser.FX.Camera.Fade);
-            }
+    }
     function render() {
         Phaser.DebugUtils.context.fillStyle = '#fff';
         Phaser.DebugUtils.context.fillText('Press to fade.', 114 + 90, 34 + 130);

Tests/cameras/camera fx 2.js

@@ -1,8 +1,10 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     var btn1, btn2, btn3;
     var fx;
+
     function preload() {
         game.world.setSize(800, 600, true);
         game.load.image('blue', 'assets/tests/blue-circle.png');
@@ -15,7 +17,7 @@
         btn3 = game.add.button(221, 318, 'magenta', flashWithCallback, this);
         // Usage of flash fx is the same as fade.
         //fx = game.camera.fx.add(Phaser.FX.Camera.Flash);
-            }
+    }
     function render() {
         Phaser.DebugUtils.context.fillStyle = '#fff';
         Phaser.DebugUtils.context.fillText('Press to flash.', 114 + 90, 34 + 130);

Tests/cameras/camera fx 3.js

@@ -1,8 +1,10 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     var btn1, btn2, btn3;
     var fx;
+
     function preload() {
         game.world.setSize(800, 600, true);
         game.load.image('blue', 'assets/tests/blue-circle.png');
@@ -15,7 +17,7 @@
         btn3 = game.add.button(221, 318, 'magenta', shakeWithCallback, this);
         // Usage of shake fx is the same as fade and flash.
         //fx = game.camera.fx.add(Phaser.FX.Camera.Shake);
-            }
+    }
     function render() {
         Phaser.DebugUtils.context.fillStyle = '#fff';
         Phaser.DebugUtils.context.fillText('Press to shake.', 114 + 90, 34 + 130);

Tests/cameras/camera rotation.js

@@ -1,36 +1,45 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     function preload() {
         game.load.image('melon', 'assets/sprites/melon.png');
     }
+
     var car;
     var miniCam;
+
     function create() {
         game.world.setSize(3000, 3000, true);
         game.stage.backgroundColor = 'rgb(20,20,50)';
-        for(var i = 0; i < 1000; i++) {
+
+        for (var i = 0; i < 1000; i++) {
             game.add.sprite(game.world.randomX, game.world.randomY, 'melon');
         }
+
         game.camera.transform.origin.setTo(0.5, 0.5);
         game.camera.texture.opaque = true;
         game.camera.texture.backgroundColor = 'rgb(0,0,0)';
         game.camera.setPosition(game.stage.centerX, game.stage.centerY);
+
         //game.camera.setPosition(200, 0);
         game.camera.setSize(320, 320);
     }
+
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             game.camera.rotation -= 2;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             game.camera.rotation += 2;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             game.camera.y -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             game.camera.y += 4;
         }
     }
+
     function render() {
         Phaser.DebugUtils.renderCameraInfo(game.camera, 32, 32);
     }

Tests/cameras/camera scale.js

@@ -1,14 +1,18 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     var zombieCamera;
+
     var zombie;
     var walkSpeed = 2, direction = 1;
+
     function preload() {
         game.world.setSize(1280, 600, true);
         game.load.image('ground', 'assets/tests/ground-2x.png');
         game.load.image('river', 'assets/tests/river-2x.png');
         game.load.image('sky', 'assets/tests/sky-2x.png');
+
         game.load.spritesheet('zombie', 'assets/sprites/metalslug_monster39x40.png', 39, 40);
     }
     function create() {
@@ -16,40 +20,48 @@
         game.add.sprite(0, 0, 'sky');
         game.add.sprite(0, 360, 'ground');
         game.add.sprite(0, 400, 'river');
+
         // Create zombie spirte
         zombie = game.add.sprite(480, 336, 'zombie');
         zombie.animations.add('walk', null, 30, true);
         zombie.animations.play('walk');
+
         // Create a small camera which looks at the zombie.
         // Use the same settings as the default camera.
         zombieCamera = game.add.camera(0, 0, 800, 600);
+
         // Use x and y properties to set the target area.
         zombieCamera.x = 420;
         zombieCamera.y = 240;
+
         // Resize the camera so that it will only look at 200x200 area.
         zombieCamera.setSize(200, 200);
+
         // Scale the camera to 2.0, now its target will be 100x100.
         zombieCamera.transform.scale.setTo(2.0, 2.0);
+
         // Use setPosition() method to set where the camera rendered
         // on the screen.
         zombieCamera.setPosition(0, 0);
     }
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             zombieCamera.x -= 2;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             zombieCamera.x += 2;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             zombieCamera.y -= 2;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             zombieCamera.y += 2;
         }
+
         // zombie wandering update
         zombie.x += walkSpeed * direction;
-        if(zombie.x > 540 || zombie.x < 440) {
+        if (zombie.x > 540 || zombie.x < 440) {
             // Change walk direction.
             direction *= -1;
+
             // Flip zombie's animation.
             zombie.texture.flippedX = !zombie.texture.flippedX;
         }

Tests/cameras/camera texture.js

@@ -1,6 +1,7 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
+
     function preload() {
         game.world.setSize(800, 600, true);
         game.load.image('background', 'assets/misc/water_texture.jpg');

Tests/cameras/follow styles.js

@@ -1,9 +1,12 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     var ufo, speed = 4;
+
     var btn0, btn1, btn2, btn3;
     var style = 'default';
+
     function preload() {
         game.world.setSize(1280, 800, true);
         game.load.image('ground', 'assets/tests/ground-2x.png');
@@ -12,7 +15,9 @@
         game.load.image('cloud0', 'assets/tests/cloud-big-2x.png');
         game.load.image('cloud1', 'assets/tests/cloud-narrow-2x.png');
         game.load.image('cloud2', 'assets/tests/cloud-small-2x.png');
+
         game.load.spritesheet('button', 'assets/buttons/follow-style-button.png', 224, 70);
+
         game.load.spritesheet('ufo', 'assets/sprites/ufo.png', 24, 21);
     }
     function create() {
@@ -23,13 +28,16 @@
         game.add.sprite(200, 120, 'cloud0').transform.scrollFactor.setTo(0.3, 0.1);
         game.add.sprite(-60, 120, 'cloud1').transform.scrollFactor.setTo(0.5, 0.1);
         game.add.sprite(900, 170, 'cloud2').transform.scrollFactor.setTo(0.7, 0.1);
+
         // ufo spirte
         ufo = game.add.sprite(360, 240, 'ufo');
         ufo.animations.add('fly', null, 30, false);
         ufo.animations.play('fly');
         ufo.transform.origin.setTo(0.5, 0.5);
+
         // make camera follows ufo
         game.camera.follow(ufo);
+
         // follow style switch buttons
         btn0 = game.add.button(16, 40, 'button', lockonFollow, 0, 0, 0);
         btn1 = game.add.button(16, 120, 'button', platformerFollow, 1, 1, 1);
@@ -37,25 +45,26 @@
         btn3 = game.add.button(16, 280, 'button', topdownTightFollow, 3, 3, 3);
     }
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             ufo.x -= speed;
             ufo.rotation = -15;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             ufo.x += speed;
             ufo.rotation = 15;
         } else {
             ufo.rotation = 0;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             ufo.y -= speed;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             ufo.y += speed;
         }
     }
     function render() {
-        if(game.camera.deadzone) {
+        if (game.camera.deadzone) {
             Phaser.DebugUtils.renderRectangle(game.camera.deadzone, 'rgba(240, 112, 111, 0.4)');
         }
+
         // game.camera.renderDebugInfo(400, 16);
         Phaser.DebugUtils.context.fillStyle = '#fff';
         Phaser.DebugUtils.context.fillText('Click buttons to switch between different styles.', 360, 32);

Tests/cameras/hide from camera.js

@@ -1,43 +1,54 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     var radar;
     var ships = [];
+
     var enemyCamera;
+
     function preload() {
         game.load.image('radar-surface', 'assets/tests/radar-surface.png');
         game.load.image('ship', 'assets/sprites/asteroids_ship_white.png');
         game.load.image('enemy-ship', 'assets/sprites/asteroids_ship.png');
     }
+
     function create() {
-        // Add enemies and our ship the the world.
-        for(var i = 0; i < 4; i++) {
+        for (var i = 0; i < 4; i++) {
             ships.push(game.add.sprite(100 + i * 10, 280 + i * 16, 'enemy-ship'));
         }
+
         var ourShip = game.add.sprite(160, 300, 'ship');
         ships.push(ourShip);
+
         // Radar sprite is a HUD.
         radar = game.add.sprite(0, 0, 'radar-surface');
+
         // Make the default camera rendered on the left half screen.
         game.camera.setSize(400, 600);
         game.camera.texture.backgroundColor = 'rgb(0,50,100)';
         game.camera.texture.opaque = true;
+
         // Add a new camera and render it on the right half screen.
         // The newly created is the enemies' camera, which cannot "see" our ship.
         enemyCamera = game.add.camera(400, 0, 400, 600);
         enemyCamera.texture.backgroundColor = 'rgb(100,0,50)';
         enemyCamera.texture.opaque = true;
+
         // Hide our ship on the enemies' camera.
         enemyCamera.hide(ourShip);
     }
+
     function update() {
-        for(var i = 0; i < ships.length; i++) {
+        for (var i = 0; i < ships.length; i++) {
             ships[i].x += 4;
-            if(ships[i].x > 400) {
+
+            if (ships[i].x > 400) {
                 ships[i].x = 40;
             }
         }
     }
+
     function render() {
         Phaser.DebugUtils.renderText('Left is the player\'s camera and right is the enemies\' camera.', 32, 32);
     }

Tests/cameras/multi camera.js

@@ -1,14 +1,18 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     var zombieCamera;
+
     var zombie;
     var walkSpeed = 2, direction = 1;
+
     function preload() {
         game.world.setSize(1280, 600, true);
         game.load.image('ground', 'assets/tests/ground-2x.png');
         game.load.image('river', 'assets/tests/river-2x.png');
         game.load.image('sky', 'assets/tests/sky-2x.png');
+
         game.load.spritesheet('zombie', 'assets/sprites/metalslug_monster39x40.png', 39, 40);
     }
     function create() {
@@ -16,38 +20,45 @@
         game.add.sprite(0, 0, 'sky');
         game.add.sprite(0, 360, 'ground');
         game.add.sprite(0, 400, 'river');
+
         // Create zombie spirte
         zombie = game.add.sprite(480, 336, 'zombie');
         zombie.animations.add('walk', null, 30, true);
         zombie.animations.play('walk');
+
         // Create a small camera which looks at the zombie.
         // Use the same settings as the default camera.
         zombieCamera = game.add.camera(0, 0, 800, 600);
+
         // Use x and y properties to set the target area.
         zombieCamera.x = 420;
         zombieCamera.y = 240;
+
         // Resize the camera so that it will only look at 200x200 area.
         zombieCamera.setSize(200, 200);
+
         // Use setPosition() method to set where the camera rendered
         // on the screen.
         zombieCamera.setPosition(0, 0);
     }
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             zombieCamera.x -= 2;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             zombieCamera.x += 2;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             zombieCamera.y -= 2;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             zombieCamera.y += 2;
         }
+
         // zombie wandering update
         zombie.x += walkSpeed * direction;
-        if(zombie.x > 540 || zombie.x < 440) {
+        if (zombie.x > 540 || zombie.x < 440) {
             // Change walk direction.
             direction *= -1;
+
             // Flip zombie's animation.
             zombie.texture.flippedX = !zombie.texture.flippedX;
         }

Tests/cameras/scrollfactor 1.js

@@ -1,30 +1,37 @@
 /// <reference path="../../Phaser/Game.ts" />
 (function () {
     var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update, render);
+
     function preload() {
         game.world.setSize(1920, 1200, true);
+
         game.load.image('backdrop', 'assets/pics/remember-me.jpg');
         game.load.image('ball', 'assets/sprites/shinyball.png');
     }
+
     function create() {
         game.add.sprite(0, 0, 'backdrop');
-        for(var i = 0; i < 400; i++) {
+
+        for (var i = 0; i < 400; i++) {
             var tempBall = game.add.sprite(game.world.randomX * 2, game.world.randomY * 2, 'ball');
             tempBall.transform.scrollFactor.setTo(2, 2);
         }
     }
+
     function update() {
-        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
+        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
             game.camera.x -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
             game.camera.x += 4;
         }
-        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
+
+        if (game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
             game.camera.y -= 4;
-        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
+        } else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
             game.camera.y += 4;
         }
     }
+
     function render() {
         Phaser.DebugUtils.renderCameraInfo(game.camera, 32, 32);
     }