Start from PIXI 4.5.3

.editorconfig

@@ -0,0 +1,14 @@
+# This file is for unifying the coding style for different editors and IDEs.
+# More information at http://EditorConfig.org
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 4
+
+[{package.json,bower.json,.travis.yml}]
+
+indent_size = 2

.eslintrc.json

@@ -0,0 +1,252 @@
+{
+    "env": {
+        "es6": true,
+        "browser": true,
+        "node": true
+    },
+    "globals": {
+        "global": false,
+        "__VERSION__": false
+    },
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "ecmaFeatures": {
+            "experimentalObjectRestSpread": true
+        },
+        "sourceType": "module"
+    },
+    "rules": {
+        // Possible Errors
+        "comma-dangle": [1, "always-multiline"],
+        "no-cond-assign": [1, "except-parens"],
+        "no-console": 1,
+        "no-constant-condition": 1,
+        "no-control-regex": 1,
+        "no-debugger": 1,
+        "no-dupe-args": 1,
+        "no-dupe-keys": 1,
+        "no-duplicate-case": 1,
+        "no-empty": 1,
+        "no-empty-character-class": 1,
+        "no-ex-assign": 1,
+        "no-extra-boolean-cast": 1,
+        "no-extra-parens": 0,
+        "no-extra-semi": 1,
+        "no-func-assign": 1,
+        "no-inner-declarations": 1,
+        "no-invalid-regexp": 1,
+        "no-irregular-whitespace": 1,
+        "no-negated-in-lhs": 1,
+        "no-obj-calls": 1,
+        "no-prototype-builtins": 1,
+        "no-regex-spaces": 1,
+        "no-sparse-arrays": 1,
+        "no-unexpected-multiline": 1,
+        "no-unreachable": 1,
+        "no-unsafe-finally": 1,
+        "use-isnan": 1,
+        "valid-jsdoc": [1, { "requireReturn": false, "requireReturnType": true, "requireParamDescription": true, "requireReturnDescription": true }],
+        "valid-typeof": 1,
+
+        // Best Practices
+        "accessor-pairs": 1,
+        "array-callback-return": 1,
+        "block-scoped-var": 1,
+        "complexity": 0,
+        "consistent-return": 1,
+        "curly": [1, "multi-line"],
+        "default-case": 0,
+        "dot-location": [1, "property"],
+        "dot-notation": 1,
+        "eqeqeq": 1,
+        "guard-for-in": 0,
+        "no-alert": 1,
+        "no-caller": 1,
+        "no-case-declarations": 1,
+        "no-div-regex": 1,
+        "no-else-return": 1,
+        "no-empty-function": 1,
+        "no-empty-pattern": 1,
+        "no-eq-null": 1,
+        "no-eval": 1,
+        "no-extend-native": 1,
+        "no-extra-bind": 1,
+        "no-extra-label": 1,
+        "no-fallthrough": 1,
+        "no-floating-decimal": 1,
+        "no-implicit-coercion": [1, { "boolean": false, "number": true, "string": true, "allow": [] }],
+        "no-implicit-globals": 1,
+        "no-implied-eval": 1,
+        "no-invalid-this": 0,
+        "no-iterator": 1,
+        "no-labels": 1,
+        "no-lone-blocks": 1,
+        "no-loop-func": 1,
+        "no-magic-numbers": [0],
+        "no-multi-spaces": [1, { "exceptions": { "VariableDeclarator": true, "ImportDeclaration": true, "Property": true } }],
+        "no-multi-str": 1,
+        "no-native-reassign": 1,
+        "no-new": 1,
+        "no-new-func": 1,
+        "no-new-wrappers": 1,
+        "no-octal": 1,
+        "no-octal-escape": 1,
+        "no-param-reassign": 0,
+        "no-proto": 1,
+        "no-redeclare": 1,
+        "no-return-assign": 1,
+        "no-script-url": 1,
+        "no-self-assign": 1,
+        "no-self-compare": 1,
+        "no-sequences": 1,
+        "no-throw-literal": 1,
+        "no-unmodified-loop-condition": 1,
+        "no-unused-expressions": 1,
+        "no-unused-labels": 1,
+        "no-useless-call": 1,
+        "no-useless-concat": 1,
+        "no-useless-escape": 0,
+        "no-void": 1,
+        "no-warning-comments": 0,
+        "no-with": 1,
+        "radix": 1,
+        "vars-on-top": 0,
+        "wrap-iife": [1, "inside"],
+        "yoda": 1,
+
+        // Strict Mode
+        "strict": [1, "global"],
+
+        // Variables
+        "init-declarations": 0,
+        "no-catch-shadow": 1,
+        "no-delete-var": 1,
+        "no-label-var": 1,
+        "no-restricted-globals": 1,
+        "no-shadow": 0,
+        "no-shadow-restricted-names": 1,
+        "no-undef": 1,
+        "no-undef-init": 1,
+        "no-undefined": 0,
+        "no-unused-vars": 1,
+        "no-use-before-define": [1, "nofunc"],
+
+        // Node.js and CommonJS
+        "callback-return": 0,
+        "global-require": 1,
+        "handle-callback-err": 1,
+        "no-mixed-requires": 1,
+        "no-new-require": 1,
+        "no-path-concat": 1,
+        "no-process-env": 0,
+        "no-process-exit": 0,
+        "no-restricted-modules": 0,
+        "no-sync": 0,
+
+        // Stylistic Issues
+        "array-bracket-spacing": [1, "never"],
+        "block-spacing": [1, "always"],
+        "brace-style": [1, "allman", { "allowSingleLine": true }],
+        "camelcase": [1, { "properties": "always" }],
+        "comma-spacing": [1, { "before": false, "after": true }],
+        "comma-style": [1, "last"],
+        "computed-property-spacing": [1, "never"],
+        "consistent-this": 0,
+        "eol-last": [1, "unix"],
+        "func-names": [1, "always"],
+        "func-style": [1, "declaration", { "allowArrowFunctions": true }],
+        "id-blacklist": 0,
+        "id-length": 0,
+        "id-match": 0,
+        "indent": [1, 4, { "SwitchCase": 1, "VariableDeclarator": { "var": 1, "let": 1, "const": 1 } }],
+        "jsx-quotes": [1, "prefer-double"],
+        "key-spacing": [1, { "beforeColon": false, "afterColon": true, "mode": "minimum" }],
+        "keyword-spacing": [1, { "before": true, "after": true }],
+        "linebreak-style": [1, "unix"],
+        "lines-around-comment": 0,
+        "max-depth": [1, 6],
+        "max-len": [1, { "code": 125, "tabWidth": 4 }],
+        "max-lines": 0,
+        "max-nested-callbacks": [1, { "max": 5 }],
+        "max-params": [1, { "max": 10 }],
+        "max-statements": 0,
+        "max-statements-per-line": [1, { "max": 2 }],
+        "new-cap": [1, { "newIsCap": true, "capIsNew": false, "properties": false }],
+        "new-parens": 1,
+        "newline-after-var": [1, "always"],
+        "newline-before-return": 1,
+        "newline-per-chained-call": [1, { "ignoreChainWithDepth": 4 }],
+        "no-array-constructor": 1,
+        "no-bitwise": 0,
+        "no-continue": 0,
+        "no-inline-comments": 0,
+        "no-lonely-if": 1,
+        "no-mixed-operators": 1,
+        "no-mixed-spaces-and-tabs": 1,
+        "no-multiple-empty-lines": [1, { "max": 1, "maxEOF": 1, "maxBOF": 0 }],
+        "no-negated-condition": 0,
+        "no-nested-ternary": 1,
+        "no-new-object": 1,
+        "no-plusplus": 0,
+        "no-restricted-syntax": [1, "DebuggerStatement", "EmptyStatement", "LabeledStatement", "WithStatement"],
+        "no-spaced-func": 1,
+        "no-ternary": 0,
+        "no-trailing-spaces": 1,
+        "no-underscore-dangle": 0,
+        "no-unneeded-ternary": 1,
+        "no-whitespace-before-property": 1,
+        "object-curly-newline": 0,
+        "object-curly-spacing": [1, "always"],
+        "object-property-newline": 0,
+        "one-var": [1, "never"],
+        "one-var-declaration-per-line": [1, "always"],
+        "operator-assignment": 0,
+        "operator-linebreak": [1, "before"],
+        "padded-blocks": [1, "never"],
+        "quote-props": [1, "as-needed"],
+        "quotes": [1, "single", { "allowTemplateLiterals": true }],
+        "require-jsdoc": [1, { "require": { "FunctionDeclaration": false, "ClassDeclaration": true, "MethodDefinition": true } }],
+        "semi": [1, "always"],
+        "semi-spacing": [1, { "before": false, "after": true }],
+        "sort-vars": 0,
+        "space-before-blocks": [1, "always"],
+        "space-before-function-paren": [1, { "anonymous": "always", "named": "never" }],
+        "space-in-parens": [1, "never"],
+        "space-infix-ops": 1,
+        "space-unary-ops": [1, { "words": true, "nonwords": false }],
+        "spaced-comment": [1, "always"],
+        "unicode-bom": [1, "never"],
+        "wrap-regex": 1,
+
+        // ECMAScript 6
+        "arrow-body-style": [1, "as-needed"],
+        "arrow-parens": 1,
+        "arrow-spacing": [1, { "before": true, "after": true }],
+        "constructor-super": 1,
+        "generator-star-spacing": [1, {"before": true, "after": false}],
+        "no-class-assign": 1,
+        "no-confusing-arrow": [1, { "allowParens": true }],
+        "no-const-assign": 1,
+        "no-dupe-class-members": 1,
+        "no-duplicate-imports": 1,
+        "no-new-symbol": 1,
+        "no-restricted-imports": 0,
+        "no-this-before-super": 1,
+        "no-useless-computed-key": 1,
+        "no-useless-constructor": 1,
+        "no-useless-rename": 1,
+        "no-var": 1,
+        "object-shorthand": 1,
+        "prefer-arrow-callback": 0,
+        "prefer-const": 1,
+        "prefer-reflect": 0,
+        "prefer-rest-params": 0,
+        "prefer-spread": 0,
+        "prefer-template": 1,
+        "require-yield": 1,
+        "rest-spread-spacing": [1, "never"],
+        "sort-imports": 0,
+        "template-curly-spacing": [1, "never"],
+        "yield-star-spacing": [1, "before"]
+    }
+}

.gitattributes

@@ -0,0 +1,5 @@
+*.js    text eol=lf
+*.json  text eol=lf
+*.yml   text eol=lf
+*.md    text eol=lf
+*.txt   text eol=lf

.gitignore

@@ -0,0 +1,34 @@
+# sublime text files
+*.sublime*
+*.*~*.TMP
+
+# temp files
+.DS_Store
+Thumbs.db
+Desktop.ini
+npm-debug.log
+
+# project files
+.project
+
+# vim swap files
+*.sw*
+
+# emacs temp files
+*~
+\#*#
+
+# project ignores
+!.gitkeep
+package-lock.json
+*__temp
+node_modules
+/docs
+/examples_old
+/bin
+/coverage
+/lib
+/dist
+
+# jetBrains IDE ignores
+.idea

index.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" />
+  <title>Engine v2</title>
+
+  <!-- android -->
+  <meta name="mobile-web-app-capable" content="yes" />
+  <!-- iOS -->
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="translucent-black" />
+  <meta name="HandheldFriendly" content="true" />
+  <!-- IE -->
+  <meta http-equiv="cleartype" content="on" />
+
+  <style type="text/css">
+    * {
+      padding: 0;
+      margin: 0;
+      border: 0;
+
+      -webkit-box-sizing: border-box;
+         -moz-box-sizing: border-box;
+              box-sizing: border-box;
+    }
+    html, body {
+      overflow: hidden;
+      outline: none;
+
+      /* No touch action */
+      -ms-touch-action: none;
+      touch-action: none;
+    }
+    #game {
+      /* No touch action */
+      touch-action-delay: none;
+      touch-action: none;
+      -ms-touch-action: none;
+
+      /* No user select */
+      -webkit-touch-callout: none;
+        -webkit-user-select: none;
+         -khtml-user-select: none;
+           -moz-user-select: none;
+            -ms-user-select: none;
+                user-select: none;
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+      /* Pixelated, remove these lines for smooth scaling */
+      image-rendering: optimizeSpeed;
+      image-rendering: -moz-crisp-edges;
+      image-rendering: -webkit-optimize-contrast;
+      image-rendering: -o-crisp-edges;
+      image-rendering: pixelated;
+      -ms-interpolation-mode: nearest-neighbor;
+    }
+
+    /* Center an element using flexbox */
+    .center {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -webkit-transform: translate(-50%, -50%);
+          -ms-transform: translate(-50%, -50%);
+              transform: translate(-50%, -50%);
+    }
+  </style>
+</head>
+<body>
+  <div id="container">
+    <canvas id="game"></canvas>
+  </div>
+  <script src="game.js"></script>
+</body>
+</html>