diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");

diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");
diff --git a/package-lock.json b/package-lock.json
index ed52494..6184cf6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,12 @@
       "integrity": "sha512-1YKeT4JitGgE4SOzyB9eMwO0nGVNkNEsm9qlIt1Lqm/tG2QEiSMTD4kS3aO6L+w5SClLVxALmIBESK6Mk5wX0A==",
       "dev": true
     },
+    "@types/pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/@types/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-SuaeAVDWNbvVzg+ipVrNzVxMDZHaa/MRNT/+Y270sYp/qxfB31KC1wEt7KDVNq9Ac/pRdSDrxVDcLDUaYn0aVg==",
+      "dev": true
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -232,6 +238,11 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha1-DGwfq+KyPRcXPZpht7cJPrnhdp4="
+    },
     "bl": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
@@ -703,6 +714,11 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "earcut": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
+      "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -772,6 +788,11 @@
         "through": "~2.3.1"
       }
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
+    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -3970,6 +3991,11 @@
       "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
       "dev": true
     },
+    "ismobilejs": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.2.tgz",
+      "integrity": "sha512-ta9UdV60xVZk/ZafFtSFslQaE76SvNkcs1r73d2PVR21zVzx9xuYv9tNe4MxA1NN7WoeCc2RjGot3Bz1eHDx3Q=="
+    },
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -4302,6 +4328,11 @@
         "mime-db": "1.40.0"
       }
     },
+    "mini-signals": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mini-signals/-/mini-signals-1.2.0.tgz",
+      "integrity": "sha1-RbCAE8X65RokqhqTXNMXye1yHXQ="
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -4395,8 +4426,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4511,6 +4541,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-uri/-/parse-uri-1.0.0.tgz",
+      "integrity": "sha1-KHLcwi8aeXrN4Vg9igrClVLdrCA="
+    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -4563,6 +4598,26 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pixi-gl-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pixi-gl-core/-/pixi-gl-core-1.1.4.tgz",
+      "integrity": "sha1-i0tcQzsx5Bm8N53FZc4bg1qRs3I="
+    },
+    "pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-mx7YbHPkkWoj8FT3qBMkieAjBuuJ4yZWU7rq9NnCSUGpNrVlocrW179xrJQPVR2Q7JZ73ZGTwH7NOUZ9wgh7wA==",
+      "requires": {
+        "bit-twiddle": "^1.0.2",
+        "earcut": "^2.1.4",
+        "eventemitter3": "^2.0.0",
+        "ismobilejs": "^0.5.1",
+        "object-assign": "^4.0.1",
+        "pixi-gl-core": "^1.1.4",
+        "remove-array-items": "^1.0.0",
+        "resource-loader": "^2.2.3"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -4679,6 +4734,11 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "remove-array-items": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/remove-array-items/-/remove-array-items-1.1.1.tgz",
+      "integrity": "sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4712,6 +4772,15 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "resource-loader": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+      "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
+      "requires": {
+        "mini-signals": "^1.1.1",
+        "parse-uri": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",

diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");
diff --git a/package-lock.json b/package-lock.json
index ed52494..6184cf6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,12 @@
       "integrity": "sha512-1YKeT4JitGgE4SOzyB9eMwO0nGVNkNEsm9qlIt1Lqm/tG2QEiSMTD4kS3aO6L+w5SClLVxALmIBESK6Mk5wX0A==",
       "dev": true
     },
+    "@types/pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/@types/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-SuaeAVDWNbvVzg+ipVrNzVxMDZHaa/MRNT/+Y270sYp/qxfB31KC1wEt7KDVNq9Ac/pRdSDrxVDcLDUaYn0aVg==",
+      "dev": true
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -232,6 +238,11 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha1-DGwfq+KyPRcXPZpht7cJPrnhdp4="
+    },
     "bl": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
@@ -703,6 +714,11 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "earcut": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
+      "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -772,6 +788,11 @@
         "through": "~2.3.1"
       }
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
+    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -3970,6 +3991,11 @@
       "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
       "dev": true
     },
+    "ismobilejs": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.2.tgz",
+      "integrity": "sha512-ta9UdV60xVZk/ZafFtSFslQaE76SvNkcs1r73d2PVR21zVzx9xuYv9tNe4MxA1NN7WoeCc2RjGot3Bz1eHDx3Q=="
+    },
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -4302,6 +4328,11 @@
         "mime-db": "1.40.0"
       }
     },
+    "mini-signals": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mini-signals/-/mini-signals-1.2.0.tgz",
+      "integrity": "sha1-RbCAE8X65RokqhqTXNMXye1yHXQ="
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -4395,8 +4426,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4511,6 +4541,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-uri/-/parse-uri-1.0.0.tgz",
+      "integrity": "sha1-KHLcwi8aeXrN4Vg9igrClVLdrCA="
+    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -4563,6 +4598,26 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pixi-gl-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pixi-gl-core/-/pixi-gl-core-1.1.4.tgz",
+      "integrity": "sha1-i0tcQzsx5Bm8N53FZc4bg1qRs3I="
+    },
+    "pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-mx7YbHPkkWoj8FT3qBMkieAjBuuJ4yZWU7rq9NnCSUGpNrVlocrW179xrJQPVR2Q7JZ73ZGTwH7NOUZ9wgh7wA==",
+      "requires": {
+        "bit-twiddle": "^1.0.2",
+        "earcut": "^2.1.4",
+        "eventemitter3": "^2.0.0",
+        "ismobilejs": "^0.5.1",
+        "object-assign": "^4.0.1",
+        "pixi-gl-core": "^1.1.4",
+        "remove-array-items": "^1.0.0",
+        "resource-loader": "^2.2.3"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -4679,6 +4734,11 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "remove-array-items": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/remove-array-items/-/remove-array-items-1.1.1.tgz",
+      "integrity": "sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4712,6 +4772,15 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "resource-loader": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+      "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
+      "requires": {
+        "mini-signals": "^1.1.1",
+        "parse-uri": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
diff --git a/package.json b/package.json
index 07cf1ea..f7bbd6f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "@types/systemjs": "^0.20.6",
     "imgui-js": "file:./imgui-js",
     "rollup": "^1.15.6",
-    "systemjs": "^0.21.5"
+    "systemjs": "^0.21.5",
+    "pixi.js": "4.8.7"
   },
   "devDependencies": {
     "@types/node": "^12.0.0",
@@ -29,6 +30,7 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-resolve": "^5.0.3",
     "rollup-plugin-typescript2": "^0.21.2",
-    "typescript": "^3.5.2"
+    "typescript": "^3.5.2",
+    "@types/pixi.js": "4.8.7"
   }
 }

diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");
diff --git a/package-lock.json b/package-lock.json
index ed52494..6184cf6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,12 @@
       "integrity": "sha512-1YKeT4JitGgE4SOzyB9eMwO0nGVNkNEsm9qlIt1Lqm/tG2QEiSMTD4kS3aO6L+w5SClLVxALmIBESK6Mk5wX0A==",
       "dev": true
     },
+    "@types/pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/@types/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-SuaeAVDWNbvVzg+ipVrNzVxMDZHaa/MRNT/+Y270sYp/qxfB31KC1wEt7KDVNq9Ac/pRdSDrxVDcLDUaYn0aVg==",
+      "dev": true
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -232,6 +238,11 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha1-DGwfq+KyPRcXPZpht7cJPrnhdp4="
+    },
     "bl": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
@@ -703,6 +714,11 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "earcut": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
+      "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -772,6 +788,11 @@
         "through": "~2.3.1"
       }
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
+    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -3970,6 +3991,11 @@
       "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
       "dev": true
     },
+    "ismobilejs": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.2.tgz",
+      "integrity": "sha512-ta9UdV60xVZk/ZafFtSFslQaE76SvNkcs1r73d2PVR21zVzx9xuYv9tNe4MxA1NN7WoeCc2RjGot3Bz1eHDx3Q=="
+    },
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -4302,6 +4328,11 @@
         "mime-db": "1.40.0"
       }
     },
+    "mini-signals": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mini-signals/-/mini-signals-1.2.0.tgz",
+      "integrity": "sha1-RbCAE8X65RokqhqTXNMXye1yHXQ="
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -4395,8 +4426,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4511,6 +4541,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-uri/-/parse-uri-1.0.0.tgz",
+      "integrity": "sha1-KHLcwi8aeXrN4Vg9igrClVLdrCA="
+    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -4563,6 +4598,26 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pixi-gl-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pixi-gl-core/-/pixi-gl-core-1.1.4.tgz",
+      "integrity": "sha1-i0tcQzsx5Bm8N53FZc4bg1qRs3I="
+    },
+    "pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-mx7YbHPkkWoj8FT3qBMkieAjBuuJ4yZWU7rq9NnCSUGpNrVlocrW179xrJQPVR2Q7JZ73ZGTwH7NOUZ9wgh7wA==",
+      "requires": {
+        "bit-twiddle": "^1.0.2",
+        "earcut": "^2.1.4",
+        "eventemitter3": "^2.0.0",
+        "ismobilejs": "^0.5.1",
+        "object-assign": "^4.0.1",
+        "pixi-gl-core": "^1.1.4",
+        "remove-array-items": "^1.0.0",
+        "resource-loader": "^2.2.3"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -4679,6 +4734,11 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "remove-array-items": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/remove-array-items/-/remove-array-items-1.1.1.tgz",
+      "integrity": "sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4712,6 +4772,15 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "resource-loader": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+      "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
+      "requires": {
+        "mini-signals": "^1.1.1",
+        "parse-uri": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
diff --git a/package.json b/package.json
index 07cf1ea..f7bbd6f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "@types/systemjs": "^0.20.6",
     "imgui-js": "file:./imgui-js",
     "rollup": "^1.15.6",
-    "systemjs": "^0.21.5"
+    "systemjs": "^0.21.5",
+    "pixi.js": "4.8.7"
   },
   "devDependencies": {
     "@types/node": "^12.0.0",
@@ -29,6 +30,7 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-resolve": "^5.0.3",
     "rollup-plugin-typescript2": "^0.21.2",
-    "typescript": "^3.5.2"
+    "typescript": "^3.5.2",
+    "@types/pixi.js": "4.8.7"
   }
 }
diff --git a/session b/session
index bbf5582..f522c8b 100644
--- a/session
+++ b/session
@@ -2,10 +2,10 @@
 if &cp | set nocp | endif
 let s:cpo_save=&cpo
 set cpo&vim
-imap <Nul> <C-Space>
-inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
-inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
 inoremap <expr> <Down> pumvisible() ? "\" : "\<Down>"
+inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
+inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
+imap <Nul> <C-Space>
 nnoremap <silent>  :TmuxNavigateLeft
 nnoremap <silent> <NL> :TmuxNavigateDown
 nnoremap <silent>  :TmuxNavigateUp
@@ -50,40 +50,35 @@
 set shortmess=aoO
 badd +12 rollup.config.js
 badd +7 imgui-js/rollup.config.js
-badd +7 imgui-js/tsconfig.json
-badd +26 tsconfig.json
+badd +4 imgui-js/tsconfig.json
+badd +12 tsconfig.json
 badd +1 index.js
 badd +3904 imgui-js/imgui.ts
-badd +39 src/main.ts
+badd +83 src/main.ts
 badd +52 imgui-js/example/main.ts
-badd +8 package.json
+badd +34 package.json
 badd +1 imgui-js/dist/imgui.d.ts
 badd +1 imgui-js/bind-imgui.js
 badd +1 imgui-js/example/imgui_impl.js
 badd +2 imgui-js/example/imgui_impl.ts
 badd +295 imgui-js/imgui_demo.ts
 badd +4 index.html
-badd +14 indexdev.html
+badd +4 indexdev.html
 badd +6 imgui-js/example/index.html
-badd +2 imgui-js/example/system.config.js
+badd +6 imgui-js/example/system.config.js
 badd +40 imgui-js/package.json
-badd +201 node_modules/systemjs/dist/system.js
+badd +1 node_modules/systemjs/dist/system.js
+badd +1 src/main.js
+badd +1 imgui-js/example/main.js
 argglobal
 silent! argdel *
-edit package.json
+edit indexdev.html
 set splitbelow splitright
-wincmd _ | wincmd |
-split
-1wincmd k
-wincmd w
 set nosplitbelow
 set nosplitright
 wincmd t
 set winheight=1 winwidth=1
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
 argglobal
-enew
 setlocal keymap=
 setlocal noarabic
 setlocal autoindent
@@ -91,16 +86,16 @@
 setlocal nobinary
 setlocal nobreakindent
 setlocal breakindentopt=
-setlocal bufhidden=wipe
+setlocal bufhidden=
 setlocal buflisted
-setlocal buftype=nofile
+setlocal buftype=
 setlocal nocindent
 setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
+setlocal cinoptions=j1,J1
 setlocal cinwords=if,else,while,do,for,switch
 setlocal colorcolumn=
-setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
-setlocal commentstring=/*%s*/
+setlocal comments=s:<!--,m:\ \ \ \ ,e:-->
+setlocal commentstring=<!--%s-->
 setlocal complete=.,w,b,u,t,i
 setlocal concealcursor=
 setlocal conceallevel=0
@@ -115,9 +110,9 @@
 setlocal nodiff
 setlocal equalprg=
 setlocal errorformat=
-setlocal noexpandtab
-if &filetype != ''
-setlocal filetype=
+setlocal expandtab
+if &filetype != 'html'
+setlocal filetype=html
 endif
 setlocal fixendofline
 setlocal foldcolumn=0
@@ -138,8 +133,8 @@
 setlocal imsearch=0
 setlocal include=
 setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=
-setlocal indentkeys=0{,0},:,0#,!^F,o,O,e
+setlocal indentexpr=HtmlIndent()
+setlocal indentkeys=o,O,<Return>,<>>,{,},!^F
 setlocal noinfercase
 setlocal iskeyword=@,48-57,_,192-255
 setlocal keywordprg=
@@ -148,123 +143,14 @@
 setlocal lispwords=
 setlocal nolist
 setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
-setlocal nomodeline
-setlocal nomodifiable
-setlocal nrformats=bin,octal,hex
-set number
-setlocal number
-setlocal numberwidth=4
-setlocal omnifunc=
-setlocal path=
-setlocal nopreserveindent
-setlocal previewwindow
-setlocal quoteescape=\\
-setlocal noreadonly
-setlocal norelativenumber
-setlocal norightleft
-setlocal rightleftcmd=search
-setlocal noscrollbind
-setlocal shiftwidth=8
-setlocal noshortname
-setlocal nosmartindent
-setlocal softtabstop=0
-setlocal nospell
-setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
-setlocal spellfile=
-setlocal spelllang=en
-setlocal statusline=
-setlocal suffixesadd=.ts
-setlocal noswapfile
-setlocal synmaxcol=3000
-if &syntax != ''
-setlocal syntax=
-endif
-setlocal tabstop=8
-setlocal tagcase=
-setlocal tags=
-setlocal textwidth=0
-setlocal thesaurus=
-setlocal noundofile
-setlocal undolevels=-123456
-setlocal winfixheight
-setlocal nowinfixwidth
-setlocal wrap
-setlocal wrapmargin=0
-wincmd w
-argglobal
-setlocal keymap=
-setlocal noarabic
-setlocal autoindent
-setlocal backupcopy=
-setlocal nobinary
-setlocal nobreakindent
-setlocal breakindentopt=
-setlocal bufhidden=
-setlocal buflisted
-setlocal buftype=
-setlocal nocindent
-setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
-setlocal cinwords=if,else,while,do,for,switch
-setlocal colorcolumn=
-setlocal comments=
-setlocal commentstring=
-setlocal complete=.,w,b,u,t,i
-setlocal concealcursor=
-setlocal conceallevel=0
-setlocal completefunc=youcompleteme#CompleteFunc
-setlocal nocopyindent
-setlocal cryptmethod=
-setlocal nocursorbind
-setlocal nocursorcolumn
-setlocal nocursorline
-setlocal define=
-setlocal dictionary=
-setlocal nodiff
-setlocal equalprg=
-setlocal errorformat=
-setlocal noexpandtab
-if &filetype != 'json'
-setlocal filetype=json
-endif
-setlocal fixendofline
-setlocal foldcolumn=0
-setlocal foldenable
-setlocal foldexpr=0
-setlocal foldignore=#
-setlocal foldlevel=0
-setlocal foldmarker={{{,}}}
-setlocal foldmethod=manual
-setlocal foldminlines=1
-setlocal foldnestmax=20
-setlocal foldtext=foldtext()
-setlocal formatexpr=
-setlocal formatoptions=cq
-setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
-setlocal grepprg=
-setlocal iminsert=0
-setlocal imsearch=0
-setlocal include=
-setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=GetJSONIndent()
-setlocal indentkeys=0{,0},0),0[,0],!^F,o,O,e
-setlocal noinfercase
-setlocal iskeyword=@,48-57,_,192-255
-setlocal keywordprg=
-setlocal nolinebreak
-setlocal nolisp
-setlocal lispwords=
-setlocal nolist
-setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
+setlocal matchpairs=(:),{:},[:],<:>
 setlocal nomodeline
 setlocal modifiable
 setlocal nrformats=bin,octal,hex
 set number
 setlocal number
 setlocal numberwidth=4
-setlocal omnifunc=
+setlocal omnifunc=htmlcomplete#CompleteTags
 setlocal path=
 setlocal nopreserveindent
 setlocal nopreviewwindow
@@ -274,10 +160,10 @@
 setlocal norightleft
 setlocal rightleftcmd=search
 setlocal noscrollbind
-setlocal shiftwidth=8
+setlocal shiftwidth=4
 setlocal noshortname
 setlocal nosmartindent
-setlocal softtabstop=0
+setlocal softtabstop=4
 setlocal nospell
 setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
 setlocal spellfile=
@@ -286,8 +172,8 @@
 setlocal suffixesadd=.ts
 setlocal swapfile
 setlocal synmaxcol=3000
-if &syntax != 'json'
-setlocal syntax=json
+if &syntax != 'html'
+setlocal syntax=html
 endif
 setlocal tabstop=8
 setlocal tagcase=
@@ -301,16 +187,12 @@
 setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
-let s:l = 23 - ((19 * winheight(0) + 15) / 31)
+let s:l = 4 - ((3 * winheight(0) + 17) / 35)
 if s:l < 1 | let s:l = 1 | endif
 exe s:l
 normal! zt
-23
-normal! 024|
-wincmd w
-2wincmd w
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
+4
+normal! 09|
 tabnext 1
 if exists('s:wipebuf')
   silent exe 'bwipe ' . s:wipebuf

diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");
diff --git a/package-lock.json b/package-lock.json
index ed52494..6184cf6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,12 @@
       "integrity": "sha512-1YKeT4JitGgE4SOzyB9eMwO0nGVNkNEsm9qlIt1Lqm/tG2QEiSMTD4kS3aO6L+w5SClLVxALmIBESK6Mk5wX0A==",
       "dev": true
     },
+    "@types/pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/@types/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-SuaeAVDWNbvVzg+ipVrNzVxMDZHaa/MRNT/+Y270sYp/qxfB31KC1wEt7KDVNq9Ac/pRdSDrxVDcLDUaYn0aVg==",
+      "dev": true
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -232,6 +238,11 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha1-DGwfq+KyPRcXPZpht7cJPrnhdp4="
+    },
     "bl": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
@@ -703,6 +714,11 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "earcut": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
+      "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -772,6 +788,11 @@
         "through": "~2.3.1"
       }
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
+    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -3970,6 +3991,11 @@
       "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
       "dev": true
     },
+    "ismobilejs": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.2.tgz",
+      "integrity": "sha512-ta9UdV60xVZk/ZafFtSFslQaE76SvNkcs1r73d2PVR21zVzx9xuYv9tNe4MxA1NN7WoeCc2RjGot3Bz1eHDx3Q=="
+    },
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -4302,6 +4328,11 @@
         "mime-db": "1.40.0"
       }
     },
+    "mini-signals": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mini-signals/-/mini-signals-1.2.0.tgz",
+      "integrity": "sha1-RbCAE8X65RokqhqTXNMXye1yHXQ="
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -4395,8 +4426,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4511,6 +4541,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-uri/-/parse-uri-1.0.0.tgz",
+      "integrity": "sha1-KHLcwi8aeXrN4Vg9igrClVLdrCA="
+    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -4563,6 +4598,26 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pixi-gl-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pixi-gl-core/-/pixi-gl-core-1.1.4.tgz",
+      "integrity": "sha1-i0tcQzsx5Bm8N53FZc4bg1qRs3I="
+    },
+    "pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-mx7YbHPkkWoj8FT3qBMkieAjBuuJ4yZWU7rq9NnCSUGpNrVlocrW179xrJQPVR2Q7JZ73ZGTwH7NOUZ9wgh7wA==",
+      "requires": {
+        "bit-twiddle": "^1.0.2",
+        "earcut": "^2.1.4",
+        "eventemitter3": "^2.0.0",
+        "ismobilejs": "^0.5.1",
+        "object-assign": "^4.0.1",
+        "pixi-gl-core": "^1.1.4",
+        "remove-array-items": "^1.0.0",
+        "resource-loader": "^2.2.3"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -4679,6 +4734,11 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "remove-array-items": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/remove-array-items/-/remove-array-items-1.1.1.tgz",
+      "integrity": "sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4712,6 +4772,15 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "resource-loader": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+      "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
+      "requires": {
+        "mini-signals": "^1.1.1",
+        "parse-uri": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
diff --git a/package.json b/package.json
index 07cf1ea..f7bbd6f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "@types/systemjs": "^0.20.6",
     "imgui-js": "file:./imgui-js",
     "rollup": "^1.15.6",
-    "systemjs": "^0.21.5"
+    "systemjs": "^0.21.5",
+    "pixi.js": "4.8.7"
   },
   "devDependencies": {
     "@types/node": "^12.0.0",
@@ -29,6 +30,7 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-resolve": "^5.0.3",
     "rollup-plugin-typescript2": "^0.21.2",
-    "typescript": "^3.5.2"
+    "typescript": "^3.5.2",
+    "@types/pixi.js": "4.8.7"
   }
 }
diff --git a/session b/session
index bbf5582..f522c8b 100644
--- a/session
+++ b/session
@@ -2,10 +2,10 @@
 if &cp | set nocp | endif
 let s:cpo_save=&cpo
 set cpo&vim
-imap <Nul> <C-Space>
-inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
-inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
 inoremap <expr> <Down> pumvisible() ? "\" : "\<Down>"
+inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
+inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
+imap <Nul> <C-Space>
 nnoremap <silent>  :TmuxNavigateLeft
 nnoremap <silent> <NL> :TmuxNavigateDown
 nnoremap <silent>  :TmuxNavigateUp
@@ -50,40 +50,35 @@
 set shortmess=aoO
 badd +12 rollup.config.js
 badd +7 imgui-js/rollup.config.js
-badd +7 imgui-js/tsconfig.json
-badd +26 tsconfig.json
+badd +4 imgui-js/tsconfig.json
+badd +12 tsconfig.json
 badd +1 index.js
 badd +3904 imgui-js/imgui.ts
-badd +39 src/main.ts
+badd +83 src/main.ts
 badd +52 imgui-js/example/main.ts
-badd +8 package.json
+badd +34 package.json
 badd +1 imgui-js/dist/imgui.d.ts
 badd +1 imgui-js/bind-imgui.js
 badd +1 imgui-js/example/imgui_impl.js
 badd +2 imgui-js/example/imgui_impl.ts
 badd +295 imgui-js/imgui_demo.ts
 badd +4 index.html
-badd +14 indexdev.html
+badd +4 indexdev.html
 badd +6 imgui-js/example/index.html
-badd +2 imgui-js/example/system.config.js
+badd +6 imgui-js/example/system.config.js
 badd +40 imgui-js/package.json
-badd +201 node_modules/systemjs/dist/system.js
+badd +1 node_modules/systemjs/dist/system.js
+badd +1 src/main.js
+badd +1 imgui-js/example/main.js
 argglobal
 silent! argdel *
-edit package.json
+edit indexdev.html
 set splitbelow splitright
-wincmd _ | wincmd |
-split
-1wincmd k
-wincmd w
 set nosplitbelow
 set nosplitright
 wincmd t
 set winheight=1 winwidth=1
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
 argglobal
-enew
 setlocal keymap=
 setlocal noarabic
 setlocal autoindent
@@ -91,16 +86,16 @@
 setlocal nobinary
 setlocal nobreakindent
 setlocal breakindentopt=
-setlocal bufhidden=wipe
+setlocal bufhidden=
 setlocal buflisted
-setlocal buftype=nofile
+setlocal buftype=
 setlocal nocindent
 setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
+setlocal cinoptions=j1,J1
 setlocal cinwords=if,else,while,do,for,switch
 setlocal colorcolumn=
-setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
-setlocal commentstring=/*%s*/
+setlocal comments=s:<!--,m:\ \ \ \ ,e:-->
+setlocal commentstring=<!--%s-->
 setlocal complete=.,w,b,u,t,i
 setlocal concealcursor=
 setlocal conceallevel=0
@@ -115,9 +110,9 @@
 setlocal nodiff
 setlocal equalprg=
 setlocal errorformat=
-setlocal noexpandtab
-if &filetype != ''
-setlocal filetype=
+setlocal expandtab
+if &filetype != 'html'
+setlocal filetype=html
 endif
 setlocal fixendofline
 setlocal foldcolumn=0
@@ -138,8 +133,8 @@
 setlocal imsearch=0
 setlocal include=
 setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=
-setlocal indentkeys=0{,0},:,0#,!^F,o,O,e
+setlocal indentexpr=HtmlIndent()
+setlocal indentkeys=o,O,<Return>,<>>,{,},!^F
 setlocal noinfercase
 setlocal iskeyword=@,48-57,_,192-255
 setlocal keywordprg=
@@ -148,123 +143,14 @@
 setlocal lispwords=
 setlocal nolist
 setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
-setlocal nomodeline
-setlocal nomodifiable
-setlocal nrformats=bin,octal,hex
-set number
-setlocal number
-setlocal numberwidth=4
-setlocal omnifunc=
-setlocal path=
-setlocal nopreserveindent
-setlocal previewwindow
-setlocal quoteescape=\\
-setlocal noreadonly
-setlocal norelativenumber
-setlocal norightleft
-setlocal rightleftcmd=search
-setlocal noscrollbind
-setlocal shiftwidth=8
-setlocal noshortname
-setlocal nosmartindent
-setlocal softtabstop=0
-setlocal nospell
-setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
-setlocal spellfile=
-setlocal spelllang=en
-setlocal statusline=
-setlocal suffixesadd=.ts
-setlocal noswapfile
-setlocal synmaxcol=3000
-if &syntax != ''
-setlocal syntax=
-endif
-setlocal tabstop=8
-setlocal tagcase=
-setlocal tags=
-setlocal textwidth=0
-setlocal thesaurus=
-setlocal noundofile
-setlocal undolevels=-123456
-setlocal winfixheight
-setlocal nowinfixwidth
-setlocal wrap
-setlocal wrapmargin=0
-wincmd w
-argglobal
-setlocal keymap=
-setlocal noarabic
-setlocal autoindent
-setlocal backupcopy=
-setlocal nobinary
-setlocal nobreakindent
-setlocal breakindentopt=
-setlocal bufhidden=
-setlocal buflisted
-setlocal buftype=
-setlocal nocindent
-setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
-setlocal cinwords=if,else,while,do,for,switch
-setlocal colorcolumn=
-setlocal comments=
-setlocal commentstring=
-setlocal complete=.,w,b,u,t,i
-setlocal concealcursor=
-setlocal conceallevel=0
-setlocal completefunc=youcompleteme#CompleteFunc
-setlocal nocopyindent
-setlocal cryptmethod=
-setlocal nocursorbind
-setlocal nocursorcolumn
-setlocal nocursorline
-setlocal define=
-setlocal dictionary=
-setlocal nodiff
-setlocal equalprg=
-setlocal errorformat=
-setlocal noexpandtab
-if &filetype != 'json'
-setlocal filetype=json
-endif
-setlocal fixendofline
-setlocal foldcolumn=0
-setlocal foldenable
-setlocal foldexpr=0
-setlocal foldignore=#
-setlocal foldlevel=0
-setlocal foldmarker={{{,}}}
-setlocal foldmethod=manual
-setlocal foldminlines=1
-setlocal foldnestmax=20
-setlocal foldtext=foldtext()
-setlocal formatexpr=
-setlocal formatoptions=cq
-setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
-setlocal grepprg=
-setlocal iminsert=0
-setlocal imsearch=0
-setlocal include=
-setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=GetJSONIndent()
-setlocal indentkeys=0{,0},0),0[,0],!^F,o,O,e
-setlocal noinfercase
-setlocal iskeyword=@,48-57,_,192-255
-setlocal keywordprg=
-setlocal nolinebreak
-setlocal nolisp
-setlocal lispwords=
-setlocal nolist
-setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
+setlocal matchpairs=(:),{:},[:],<:>
 setlocal nomodeline
 setlocal modifiable
 setlocal nrformats=bin,octal,hex
 set number
 setlocal number
 setlocal numberwidth=4
-setlocal omnifunc=
+setlocal omnifunc=htmlcomplete#CompleteTags
 setlocal path=
 setlocal nopreserveindent
 setlocal nopreviewwindow
@@ -274,10 +160,10 @@
 setlocal norightleft
 setlocal rightleftcmd=search
 setlocal noscrollbind
-setlocal shiftwidth=8
+setlocal shiftwidth=4
 setlocal noshortname
 setlocal nosmartindent
-setlocal softtabstop=0
+setlocal softtabstop=4
 setlocal nospell
 setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
 setlocal spellfile=
@@ -286,8 +172,8 @@
 setlocal suffixesadd=.ts
 setlocal swapfile
 setlocal synmaxcol=3000
-if &syntax != 'json'
-setlocal syntax=json
+if &syntax != 'html'
+setlocal syntax=html
 endif
 setlocal tabstop=8
 setlocal tagcase=
@@ -301,16 +187,12 @@
 setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
-let s:l = 23 - ((19 * winheight(0) + 15) / 31)
+let s:l = 4 - ((3 * winheight(0) + 17) / 35)
 if s:l < 1 | let s:l = 1 | endif
 exe s:l
 normal! zt
-23
-normal! 024|
-wincmd w
-2wincmd w
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
+4
+normal! 09|
 tabnext 1
 if exists('s:wipebuf')
   silent exe 'bwipe ' . s:wipebuf
diff --git a/src/main.js b/src/main.js
index f763140..c400794 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
     "use strict";
     var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,10 +8,11 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
+            PIXI.WebGLRenderer.registerPlugin("imgui_renderer", ImGuiRenderer);
             console.log("main()");
             yield ImGui.default();
             window.requestAnimationFrame(init);
@@ -27,21 +28,38 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
+        let settings = { width: 1, height: 1, antialias: true };
+        let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
-        const canvas = document.createElement("canvas");
-        output.appendChild(canvas);
-        canvas.tabIndex = 1;
-        canvas.style.position = "absolute";
-        canvas.style.left = "0px";
-        canvas.style.right = "0px";
-        canvas.style.top = "0px";
-        canvas.style.bottom = "0px";
-        canvas.style.width = "100%";
-        canvas.style.height = "100%";
-        ImGui_Impl.Init(canvas);
-        window.requestAnimationFrame(loop);
+        output.appendChild(app.view);
+        app.view.tabIndex = 1;
+        app.view.style.position = "absolute";
+        app.view.style.left = "0px";
+        app.view.style.right = "0px";
+        app.view.style.top = "0px";
+        app.view.style.bottom = "0px";
+        app.view.style.width = "100%";
+        app.view.style.height = "100%";
+        ImGui_Impl.Init(app.view);
+        app.ticker.add((deltaTime) => {
+            const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
+            ImGui_Impl.NewFrame(dt);
+            ImGui.NewFrame();
+            loop(app, dt);
+            ImGui.EndFrame();
+            ImGui.Render();
+            app.render();
+        });
+        const imguiLayer = new PIXI.Sprite();
+        imguiLayer.pluginName = "imgui_renderer";
+        app.stage.addChild(imguiLayer);
+        let resizeFunc = function () {
+            app.renderer.resize(window.innerWidth, window.innerHeight);
+        };
+        window.onresize = resizeFunc;
+        resizeFunc();
     }
-    function render(timeElapsed) {
+    function update(timeElapsed) {
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
         if (ImGui.Button("Add Text")) {
@@ -50,28 +68,30 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(timeElapsed) {
+    function loop(app, timeElapsed) {
         ImGui_Impl.NewFrame(timeElapsed);
         ImGui.NewFrame();
-        render(timeElapsed);
+        update(timeElapsed);
         ImGui.EndFrame();
         // Rendering
         ImGui.Render();
-        const gl = ImGui_Impl.gl;
+        app.render();
+        /*
+        const gl: WebGLRenderingContext | null = ImGui_Impl.gl;
         if (gl) {
             gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
             gl.clearColor(clearColor.x, clearColor.y, clearColor.z, clearColor.w);
             gl.clear(gl.COLOR_BUFFER_BIT);
             //gl.useProgram(0); // You may want this if using this code in an OpenGL 3+ context where shaders may be bound
         }
-        const ctx = ImGui_Impl.ctx;
+    
+        const ctx: CanvasRenderingContext2D | null = ImGui_Impl.ctx;
         if (ctx) {
             // ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
             ctx.fillStyle = `rgba(${clearColor.x * 0xff}, ${clearColor.y * 0xff}, ${clearColor.z * 0xff}, ${clearColor.w})`;
             ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
         }
-        ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
-        window.requestAnimationFrame(loop);
+        */
     }
     return {
         setters: [
@@ -82,9 +102,20 @@
                 ImGui = ImGui_1;
                 imgui_js_1 = ImGui_1;
                 imgui_js_2 = ImGui_1;
+            },
+            function (PIXI_1) {
+                PIXI = PIXI_1;
             }
         ],
         execute: function () {
+            ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
+                constructor(r) {
+                    super(r);
+                }
+                render(notUsed) {
+                    ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
+                }
+            };
             clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";

diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");
diff --git a/package-lock.json b/package-lock.json
index ed52494..6184cf6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,12 @@
       "integrity": "sha512-1YKeT4JitGgE4SOzyB9eMwO0nGVNkNEsm9qlIt1Lqm/tG2QEiSMTD4kS3aO6L+w5SClLVxALmIBESK6Mk5wX0A==",
       "dev": true
     },
+    "@types/pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/@types/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-SuaeAVDWNbvVzg+ipVrNzVxMDZHaa/MRNT/+Y270sYp/qxfB31KC1wEt7KDVNq9Ac/pRdSDrxVDcLDUaYn0aVg==",
+      "dev": true
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -232,6 +238,11 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha1-DGwfq+KyPRcXPZpht7cJPrnhdp4="
+    },
     "bl": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
@@ -703,6 +714,11 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "earcut": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
+      "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -772,6 +788,11 @@
         "through": "~2.3.1"
       }
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
+    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -3970,6 +3991,11 @@
       "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
       "dev": true
     },
+    "ismobilejs": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.2.tgz",
+      "integrity": "sha512-ta9UdV60xVZk/ZafFtSFslQaE76SvNkcs1r73d2PVR21zVzx9xuYv9tNe4MxA1NN7WoeCc2RjGot3Bz1eHDx3Q=="
+    },
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -4302,6 +4328,11 @@
         "mime-db": "1.40.0"
       }
     },
+    "mini-signals": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mini-signals/-/mini-signals-1.2.0.tgz",
+      "integrity": "sha1-RbCAE8X65RokqhqTXNMXye1yHXQ="
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -4395,8 +4426,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4511,6 +4541,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-uri/-/parse-uri-1.0.0.tgz",
+      "integrity": "sha1-KHLcwi8aeXrN4Vg9igrClVLdrCA="
+    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -4563,6 +4598,26 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pixi-gl-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pixi-gl-core/-/pixi-gl-core-1.1.4.tgz",
+      "integrity": "sha1-i0tcQzsx5Bm8N53FZc4bg1qRs3I="
+    },
+    "pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-mx7YbHPkkWoj8FT3qBMkieAjBuuJ4yZWU7rq9NnCSUGpNrVlocrW179xrJQPVR2Q7JZ73ZGTwH7NOUZ9wgh7wA==",
+      "requires": {
+        "bit-twiddle": "^1.0.2",
+        "earcut": "^2.1.4",
+        "eventemitter3": "^2.0.0",
+        "ismobilejs": "^0.5.1",
+        "object-assign": "^4.0.1",
+        "pixi-gl-core": "^1.1.4",
+        "remove-array-items": "^1.0.0",
+        "resource-loader": "^2.2.3"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -4679,6 +4734,11 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "remove-array-items": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/remove-array-items/-/remove-array-items-1.1.1.tgz",
+      "integrity": "sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4712,6 +4772,15 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "resource-loader": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+      "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
+      "requires": {
+        "mini-signals": "^1.1.1",
+        "parse-uri": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
diff --git a/package.json b/package.json
index 07cf1ea..f7bbd6f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "@types/systemjs": "^0.20.6",
     "imgui-js": "file:./imgui-js",
     "rollup": "^1.15.6",
-    "systemjs": "^0.21.5"
+    "systemjs": "^0.21.5",
+    "pixi.js": "4.8.7"
   },
   "devDependencies": {
     "@types/node": "^12.0.0",
@@ -29,6 +30,7 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-resolve": "^5.0.3",
     "rollup-plugin-typescript2": "^0.21.2",
-    "typescript": "^3.5.2"
+    "typescript": "^3.5.2",
+    "@types/pixi.js": "4.8.7"
   }
 }
diff --git a/session b/session
index bbf5582..f522c8b 100644
--- a/session
+++ b/session
@@ -2,10 +2,10 @@
 if &cp | set nocp | endif
 let s:cpo_save=&cpo
 set cpo&vim
-imap <Nul> <C-Space>
-inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
-inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
 inoremap <expr> <Down> pumvisible() ? "\" : "\<Down>"
+inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
+inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
+imap <Nul> <C-Space>
 nnoremap <silent>  :TmuxNavigateLeft
 nnoremap <silent> <NL> :TmuxNavigateDown
 nnoremap <silent>  :TmuxNavigateUp
@@ -50,40 +50,35 @@
 set shortmess=aoO
 badd +12 rollup.config.js
 badd +7 imgui-js/rollup.config.js
-badd +7 imgui-js/tsconfig.json
-badd +26 tsconfig.json
+badd +4 imgui-js/tsconfig.json
+badd +12 tsconfig.json
 badd +1 index.js
 badd +3904 imgui-js/imgui.ts
-badd +39 src/main.ts
+badd +83 src/main.ts
 badd +52 imgui-js/example/main.ts
-badd +8 package.json
+badd +34 package.json
 badd +1 imgui-js/dist/imgui.d.ts
 badd +1 imgui-js/bind-imgui.js
 badd +1 imgui-js/example/imgui_impl.js
 badd +2 imgui-js/example/imgui_impl.ts
 badd +295 imgui-js/imgui_demo.ts
 badd +4 index.html
-badd +14 indexdev.html
+badd +4 indexdev.html
 badd +6 imgui-js/example/index.html
-badd +2 imgui-js/example/system.config.js
+badd +6 imgui-js/example/system.config.js
 badd +40 imgui-js/package.json
-badd +201 node_modules/systemjs/dist/system.js
+badd +1 node_modules/systemjs/dist/system.js
+badd +1 src/main.js
+badd +1 imgui-js/example/main.js
 argglobal
 silent! argdel *
-edit package.json
+edit indexdev.html
 set splitbelow splitright
-wincmd _ | wincmd |
-split
-1wincmd k
-wincmd w
 set nosplitbelow
 set nosplitright
 wincmd t
 set winheight=1 winwidth=1
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
 argglobal
-enew
 setlocal keymap=
 setlocal noarabic
 setlocal autoindent
@@ -91,16 +86,16 @@
 setlocal nobinary
 setlocal nobreakindent
 setlocal breakindentopt=
-setlocal bufhidden=wipe
+setlocal bufhidden=
 setlocal buflisted
-setlocal buftype=nofile
+setlocal buftype=
 setlocal nocindent
 setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
+setlocal cinoptions=j1,J1
 setlocal cinwords=if,else,while,do,for,switch
 setlocal colorcolumn=
-setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
-setlocal commentstring=/*%s*/
+setlocal comments=s:<!--,m:\ \ \ \ ,e:-->
+setlocal commentstring=<!--%s-->
 setlocal complete=.,w,b,u,t,i
 setlocal concealcursor=
 setlocal conceallevel=0
@@ -115,9 +110,9 @@
 setlocal nodiff
 setlocal equalprg=
 setlocal errorformat=
-setlocal noexpandtab
-if &filetype != ''
-setlocal filetype=
+setlocal expandtab
+if &filetype != 'html'
+setlocal filetype=html
 endif
 setlocal fixendofline
 setlocal foldcolumn=0
@@ -138,8 +133,8 @@
 setlocal imsearch=0
 setlocal include=
 setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=
-setlocal indentkeys=0{,0},:,0#,!^F,o,O,e
+setlocal indentexpr=HtmlIndent()
+setlocal indentkeys=o,O,<Return>,<>>,{,},!^F
 setlocal noinfercase
 setlocal iskeyword=@,48-57,_,192-255
 setlocal keywordprg=
@@ -148,123 +143,14 @@
 setlocal lispwords=
 setlocal nolist
 setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
-setlocal nomodeline
-setlocal nomodifiable
-setlocal nrformats=bin,octal,hex
-set number
-setlocal number
-setlocal numberwidth=4
-setlocal omnifunc=
-setlocal path=
-setlocal nopreserveindent
-setlocal previewwindow
-setlocal quoteescape=\\
-setlocal noreadonly
-setlocal norelativenumber
-setlocal norightleft
-setlocal rightleftcmd=search
-setlocal noscrollbind
-setlocal shiftwidth=8
-setlocal noshortname
-setlocal nosmartindent
-setlocal softtabstop=0
-setlocal nospell
-setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
-setlocal spellfile=
-setlocal spelllang=en
-setlocal statusline=
-setlocal suffixesadd=.ts
-setlocal noswapfile
-setlocal synmaxcol=3000
-if &syntax != ''
-setlocal syntax=
-endif
-setlocal tabstop=8
-setlocal tagcase=
-setlocal tags=
-setlocal textwidth=0
-setlocal thesaurus=
-setlocal noundofile
-setlocal undolevels=-123456
-setlocal winfixheight
-setlocal nowinfixwidth
-setlocal wrap
-setlocal wrapmargin=0
-wincmd w
-argglobal
-setlocal keymap=
-setlocal noarabic
-setlocal autoindent
-setlocal backupcopy=
-setlocal nobinary
-setlocal nobreakindent
-setlocal breakindentopt=
-setlocal bufhidden=
-setlocal buflisted
-setlocal buftype=
-setlocal nocindent
-setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
-setlocal cinwords=if,else,while,do,for,switch
-setlocal colorcolumn=
-setlocal comments=
-setlocal commentstring=
-setlocal complete=.,w,b,u,t,i
-setlocal concealcursor=
-setlocal conceallevel=0
-setlocal completefunc=youcompleteme#CompleteFunc
-setlocal nocopyindent
-setlocal cryptmethod=
-setlocal nocursorbind
-setlocal nocursorcolumn
-setlocal nocursorline
-setlocal define=
-setlocal dictionary=
-setlocal nodiff
-setlocal equalprg=
-setlocal errorformat=
-setlocal noexpandtab
-if &filetype != 'json'
-setlocal filetype=json
-endif
-setlocal fixendofline
-setlocal foldcolumn=0
-setlocal foldenable
-setlocal foldexpr=0
-setlocal foldignore=#
-setlocal foldlevel=0
-setlocal foldmarker={{{,}}}
-setlocal foldmethod=manual
-setlocal foldminlines=1
-setlocal foldnestmax=20
-setlocal foldtext=foldtext()
-setlocal formatexpr=
-setlocal formatoptions=cq
-setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
-setlocal grepprg=
-setlocal iminsert=0
-setlocal imsearch=0
-setlocal include=
-setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=GetJSONIndent()
-setlocal indentkeys=0{,0},0),0[,0],!^F,o,O,e
-setlocal noinfercase
-setlocal iskeyword=@,48-57,_,192-255
-setlocal keywordprg=
-setlocal nolinebreak
-setlocal nolisp
-setlocal lispwords=
-setlocal nolist
-setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
+setlocal matchpairs=(:),{:},[:],<:>
 setlocal nomodeline
 setlocal modifiable
 setlocal nrformats=bin,octal,hex
 set number
 setlocal number
 setlocal numberwidth=4
-setlocal omnifunc=
+setlocal omnifunc=htmlcomplete#CompleteTags
 setlocal path=
 setlocal nopreserveindent
 setlocal nopreviewwindow
@@ -274,10 +160,10 @@
 setlocal norightleft
 setlocal rightleftcmd=search
 setlocal noscrollbind
-setlocal shiftwidth=8
+setlocal shiftwidth=4
 setlocal noshortname
 setlocal nosmartindent
-setlocal softtabstop=0
+setlocal softtabstop=4
 setlocal nospell
 setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
 setlocal spellfile=
@@ -286,8 +172,8 @@
 setlocal suffixesadd=.ts
 setlocal swapfile
 setlocal synmaxcol=3000
-if &syntax != 'json'
-setlocal syntax=json
+if &syntax != 'html'
+setlocal syntax=html
 endif
 setlocal tabstop=8
 setlocal tagcase=
@@ -301,16 +187,12 @@
 setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
-let s:l = 23 - ((19 * winheight(0) + 15) / 31)
+let s:l = 4 - ((3 * winheight(0) + 17) / 35)
 if s:l < 1 | let s:l = 1 | endif
 exe s:l
 normal! zt
-23
-normal! 024|
-wincmd w
-2wincmd w
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
+4
+normal! 09|
 tabnext 1
 if exists('s:wipebuf')
   silent exe 'bwipe ' . s:wipebuf
diff --git a/src/main.js b/src/main.js
index f763140..c400794 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
     "use strict";
     var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,10 +8,11 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
+            PIXI.WebGLRenderer.registerPlugin("imgui_renderer", ImGuiRenderer);
             console.log("main()");
             yield ImGui.default();
             window.requestAnimationFrame(init);
@@ -27,21 +28,38 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
+        let settings = { width: 1, height: 1, antialias: true };
+        let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
-        const canvas = document.createElement("canvas");
-        output.appendChild(canvas);
-        canvas.tabIndex = 1;
-        canvas.style.position = "absolute";
-        canvas.style.left = "0px";
-        canvas.style.right = "0px";
-        canvas.style.top = "0px";
-        canvas.style.bottom = "0px";
-        canvas.style.width = "100%";
-        canvas.style.height = "100%";
-        ImGui_Impl.Init(canvas);
-        window.requestAnimationFrame(loop);
+        output.appendChild(app.view);
+        app.view.tabIndex = 1;
+        app.view.style.position = "absolute";
+        app.view.style.left = "0px";
+        app.view.style.right = "0px";
+        app.view.style.top = "0px";
+        app.view.style.bottom = "0px";
+        app.view.style.width = "100%";
+        app.view.style.height = "100%";
+        ImGui_Impl.Init(app.view);
+        app.ticker.add((deltaTime) => {
+            const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
+            ImGui_Impl.NewFrame(dt);
+            ImGui.NewFrame();
+            loop(app, dt);
+            ImGui.EndFrame();
+            ImGui.Render();
+            app.render();
+        });
+        const imguiLayer = new PIXI.Sprite();
+        imguiLayer.pluginName = "imgui_renderer";
+        app.stage.addChild(imguiLayer);
+        let resizeFunc = function () {
+            app.renderer.resize(window.innerWidth, window.innerHeight);
+        };
+        window.onresize = resizeFunc;
+        resizeFunc();
     }
-    function render(timeElapsed) {
+    function update(timeElapsed) {
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
         if (ImGui.Button("Add Text")) {
@@ -50,28 +68,30 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(timeElapsed) {
+    function loop(app, timeElapsed) {
         ImGui_Impl.NewFrame(timeElapsed);
         ImGui.NewFrame();
-        render(timeElapsed);
+        update(timeElapsed);
         ImGui.EndFrame();
         // Rendering
         ImGui.Render();
-        const gl = ImGui_Impl.gl;
+        app.render();
+        /*
+        const gl: WebGLRenderingContext | null = ImGui_Impl.gl;
         if (gl) {
             gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
             gl.clearColor(clearColor.x, clearColor.y, clearColor.z, clearColor.w);
             gl.clear(gl.COLOR_BUFFER_BIT);
             //gl.useProgram(0); // You may want this if using this code in an OpenGL 3+ context where shaders may be bound
         }
-        const ctx = ImGui_Impl.ctx;
+    
+        const ctx: CanvasRenderingContext2D | null = ImGui_Impl.ctx;
         if (ctx) {
             // ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
             ctx.fillStyle = `rgba(${clearColor.x * 0xff}, ${clearColor.y * 0xff}, ${clearColor.z * 0xff}, ${clearColor.w})`;
             ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
         }
-        ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
-        window.requestAnimationFrame(loop);
+        */
     }
     return {
         setters: [
@@ -82,9 +102,20 @@
                 ImGui = ImGui_1;
                 imgui_js_1 = ImGui_1;
                 imgui_js_2 = ImGui_1;
+            },
+            function (PIXI_1) {
+                PIXI = PIXI_1;
             }
         ],
         execute: function () {
+            ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
+                constructor(r) {
+                    super(r);
+                }
+                render(notUsed) {
+                    ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
+                }
+            };
             clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
diff --git a/src/main.js.map b/src/main.js.map
index d10898e..251f025 100644
--- a/src/main.js.map
+++ b/src/main.js.map
@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

diff --git a/indexdev.html b/indexdev.html
index 2f6c3b3..9151ef3 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -14,10 +14,12 @@
         <script>
             System.config({
                 map: {
-                    "imgui-js": "./imgui-js"
+                    "imgui-js": "./imgui-js",
+                    "pixi.js": "./node_modules/pixi.js"
                 },
                 packages: {
-                    "imgui-js": { main: "imgui.js", }
+                    "imgui-js": { main: "imgui.js" },
+                    "pixi.js": { main: "dist/pixi.js" }
                 }
             });
             System.import("./src/main.js");
diff --git a/package-lock.json b/package-lock.json
index ed52494..6184cf6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,12 @@
       "integrity": "sha512-1YKeT4JitGgE4SOzyB9eMwO0nGVNkNEsm9qlIt1Lqm/tG2QEiSMTD4kS3aO6L+w5SClLVxALmIBESK6Mk5wX0A==",
       "dev": true
     },
+    "@types/pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/@types/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-SuaeAVDWNbvVzg+ipVrNzVxMDZHaa/MRNT/+Y270sYp/qxfB31KC1wEt7KDVNq9Ac/pRdSDrxVDcLDUaYn0aVg==",
+      "dev": true
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -232,6 +238,11 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha1-DGwfq+KyPRcXPZpht7cJPrnhdp4="
+    },
     "bl": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
@@ -703,6 +714,11 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "earcut": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
+      "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -772,6 +788,11 @@
         "through": "~2.3.1"
       }
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
+    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -3970,6 +3991,11 @@
       "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
       "dev": true
     },
+    "ismobilejs": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.2.tgz",
+      "integrity": "sha512-ta9UdV60xVZk/ZafFtSFslQaE76SvNkcs1r73d2PVR21zVzx9xuYv9tNe4MxA1NN7WoeCc2RjGot3Bz1eHDx3Q=="
+    },
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -4302,6 +4328,11 @@
         "mime-db": "1.40.0"
       }
     },
+    "mini-signals": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mini-signals/-/mini-signals-1.2.0.tgz",
+      "integrity": "sha1-RbCAE8X65RokqhqTXNMXye1yHXQ="
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -4395,8 +4426,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4511,6 +4541,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-uri/-/parse-uri-1.0.0.tgz",
+      "integrity": "sha1-KHLcwi8aeXrN4Vg9igrClVLdrCA="
+    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -4563,6 +4598,26 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pixi-gl-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pixi-gl-core/-/pixi-gl-core-1.1.4.tgz",
+      "integrity": "sha1-i0tcQzsx5Bm8N53FZc4bg1qRs3I="
+    },
+    "pixi.js": {
+      "version": "4.8.7",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-4.8.7.tgz",
+      "integrity": "sha512-mx7YbHPkkWoj8FT3qBMkieAjBuuJ4yZWU7rq9NnCSUGpNrVlocrW179xrJQPVR2Q7JZ73ZGTwH7NOUZ9wgh7wA==",
+      "requires": {
+        "bit-twiddle": "^1.0.2",
+        "earcut": "^2.1.4",
+        "eventemitter3": "^2.0.0",
+        "ismobilejs": "^0.5.1",
+        "object-assign": "^4.0.1",
+        "pixi-gl-core": "^1.1.4",
+        "remove-array-items": "^1.0.0",
+        "resource-loader": "^2.2.3"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -4679,6 +4734,11 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "remove-array-items": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/remove-array-items/-/remove-array-items-1.1.1.tgz",
+      "integrity": "sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4712,6 +4772,15 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "resource-loader": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+      "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
+      "requires": {
+        "mini-signals": "^1.1.1",
+        "parse-uri": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
diff --git a/package.json b/package.json
index 07cf1ea..f7bbd6f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "@types/systemjs": "^0.20.6",
     "imgui-js": "file:./imgui-js",
     "rollup": "^1.15.6",
-    "systemjs": "^0.21.5"
+    "systemjs": "^0.21.5",
+    "pixi.js": "4.8.7"
   },
   "devDependencies": {
     "@types/node": "^12.0.0",
@@ -29,6 +30,7 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-resolve": "^5.0.3",
     "rollup-plugin-typescript2": "^0.21.2",
-    "typescript": "^3.5.2"
+    "typescript": "^3.5.2",
+    "@types/pixi.js": "4.8.7"
   }
 }
diff --git a/session b/session
index bbf5582..f522c8b 100644
--- a/session
+++ b/session
@@ -2,10 +2,10 @@
 if &cp | set nocp | endif
 let s:cpo_save=&cpo
 set cpo&vim
-imap <Nul> <C-Space>
-inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
-inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
 inoremap <expr> <Down> pumvisible() ? "\" : "\<Down>"
+inoremap <expr> <S-Tab> pumvisible() ? "\" : "\<S-Tab>"
+inoremap <expr> <Up> pumvisible() ? "\" : "\<Up>"
+imap <Nul> <C-Space>
 nnoremap <silent>  :TmuxNavigateLeft
 nnoremap <silent> <NL> :TmuxNavigateDown
 nnoremap <silent>  :TmuxNavigateUp
@@ -50,40 +50,35 @@
 set shortmess=aoO
 badd +12 rollup.config.js
 badd +7 imgui-js/rollup.config.js
-badd +7 imgui-js/tsconfig.json
-badd +26 tsconfig.json
+badd +4 imgui-js/tsconfig.json
+badd +12 tsconfig.json
 badd +1 index.js
 badd +3904 imgui-js/imgui.ts
-badd +39 src/main.ts
+badd +83 src/main.ts
 badd +52 imgui-js/example/main.ts
-badd +8 package.json
+badd +34 package.json
 badd +1 imgui-js/dist/imgui.d.ts
 badd +1 imgui-js/bind-imgui.js
 badd +1 imgui-js/example/imgui_impl.js
 badd +2 imgui-js/example/imgui_impl.ts
 badd +295 imgui-js/imgui_demo.ts
 badd +4 index.html
-badd +14 indexdev.html
+badd +4 indexdev.html
 badd +6 imgui-js/example/index.html
-badd +2 imgui-js/example/system.config.js
+badd +6 imgui-js/example/system.config.js
 badd +40 imgui-js/package.json
-badd +201 node_modules/systemjs/dist/system.js
+badd +1 node_modules/systemjs/dist/system.js
+badd +1 src/main.js
+badd +1 imgui-js/example/main.js
 argglobal
 silent! argdel *
-edit package.json
+edit indexdev.html
 set splitbelow splitright
-wincmd _ | wincmd |
-split
-1wincmd k
-wincmd w
 set nosplitbelow
 set nosplitright
 wincmd t
 set winheight=1 winwidth=1
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
 argglobal
-enew
 setlocal keymap=
 setlocal noarabic
 setlocal autoindent
@@ -91,16 +86,16 @@
 setlocal nobinary
 setlocal nobreakindent
 setlocal breakindentopt=
-setlocal bufhidden=wipe
+setlocal bufhidden=
 setlocal buflisted
-setlocal buftype=nofile
+setlocal buftype=
 setlocal nocindent
 setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
+setlocal cinoptions=j1,J1
 setlocal cinwords=if,else,while,do,for,switch
 setlocal colorcolumn=
-setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
-setlocal commentstring=/*%s*/
+setlocal comments=s:<!--,m:\ \ \ \ ,e:-->
+setlocal commentstring=<!--%s-->
 setlocal complete=.,w,b,u,t,i
 setlocal concealcursor=
 setlocal conceallevel=0
@@ -115,9 +110,9 @@
 setlocal nodiff
 setlocal equalprg=
 setlocal errorformat=
-setlocal noexpandtab
-if &filetype != ''
-setlocal filetype=
+setlocal expandtab
+if &filetype != 'html'
+setlocal filetype=html
 endif
 setlocal fixendofline
 setlocal foldcolumn=0
@@ -138,8 +133,8 @@
 setlocal imsearch=0
 setlocal include=
 setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=
-setlocal indentkeys=0{,0},:,0#,!^F,o,O,e
+setlocal indentexpr=HtmlIndent()
+setlocal indentkeys=o,O,<Return>,<>>,{,},!^F
 setlocal noinfercase
 setlocal iskeyword=@,48-57,_,192-255
 setlocal keywordprg=
@@ -148,123 +143,14 @@
 setlocal lispwords=
 setlocal nolist
 setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
-setlocal nomodeline
-setlocal nomodifiable
-setlocal nrformats=bin,octal,hex
-set number
-setlocal number
-setlocal numberwidth=4
-setlocal omnifunc=
-setlocal path=
-setlocal nopreserveindent
-setlocal previewwindow
-setlocal quoteescape=\\
-setlocal noreadonly
-setlocal norelativenumber
-setlocal norightleft
-setlocal rightleftcmd=search
-setlocal noscrollbind
-setlocal shiftwidth=8
-setlocal noshortname
-setlocal nosmartindent
-setlocal softtabstop=0
-setlocal nospell
-setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
-setlocal spellfile=
-setlocal spelllang=en
-setlocal statusline=
-setlocal suffixesadd=.ts
-setlocal noswapfile
-setlocal synmaxcol=3000
-if &syntax != ''
-setlocal syntax=
-endif
-setlocal tabstop=8
-setlocal tagcase=
-setlocal tags=
-setlocal textwidth=0
-setlocal thesaurus=
-setlocal noundofile
-setlocal undolevels=-123456
-setlocal winfixheight
-setlocal nowinfixwidth
-setlocal wrap
-setlocal wrapmargin=0
-wincmd w
-argglobal
-setlocal keymap=
-setlocal noarabic
-setlocal autoindent
-setlocal backupcopy=
-setlocal nobinary
-setlocal nobreakindent
-setlocal breakindentopt=
-setlocal bufhidden=
-setlocal buflisted
-setlocal buftype=
-setlocal nocindent
-setlocal cinkeys=0{,0},0),:,0#,!^F,o,O,e
-setlocal cinoptions=
-setlocal cinwords=if,else,while,do,for,switch
-setlocal colorcolumn=
-setlocal comments=
-setlocal commentstring=
-setlocal complete=.,w,b,u,t,i
-setlocal concealcursor=
-setlocal conceallevel=0
-setlocal completefunc=youcompleteme#CompleteFunc
-setlocal nocopyindent
-setlocal cryptmethod=
-setlocal nocursorbind
-setlocal nocursorcolumn
-setlocal nocursorline
-setlocal define=
-setlocal dictionary=
-setlocal nodiff
-setlocal equalprg=
-setlocal errorformat=
-setlocal noexpandtab
-if &filetype != 'json'
-setlocal filetype=json
-endif
-setlocal fixendofline
-setlocal foldcolumn=0
-setlocal foldenable
-setlocal foldexpr=0
-setlocal foldignore=#
-setlocal foldlevel=0
-setlocal foldmarker={{{,}}}
-setlocal foldmethod=manual
-setlocal foldminlines=1
-setlocal foldnestmax=20
-setlocal foldtext=foldtext()
-setlocal formatexpr=
-setlocal formatoptions=cq
-setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
-setlocal grepprg=
-setlocal iminsert=0
-setlocal imsearch=0
-setlocal include=
-setlocal includeexpr=TsIncludeExpr(v:fname)
-setlocal indentexpr=GetJSONIndent()
-setlocal indentkeys=0{,0},0),0[,0],!^F,o,O,e
-setlocal noinfercase
-setlocal iskeyword=@,48-57,_,192-255
-setlocal keywordprg=
-setlocal nolinebreak
-setlocal nolisp
-setlocal lispwords=
-setlocal nolist
-setlocal makeprg=
-setlocal matchpairs=(:),{:},[:]
+setlocal matchpairs=(:),{:},[:],<:>
 setlocal nomodeline
 setlocal modifiable
 setlocal nrformats=bin,octal,hex
 set number
 setlocal number
 setlocal numberwidth=4
-setlocal omnifunc=
+setlocal omnifunc=htmlcomplete#CompleteTags
 setlocal path=
 setlocal nopreserveindent
 setlocal nopreviewwindow
@@ -274,10 +160,10 @@
 setlocal norightleft
 setlocal rightleftcmd=search
 setlocal noscrollbind
-setlocal shiftwidth=8
+setlocal shiftwidth=4
 setlocal noshortname
 setlocal nosmartindent
-setlocal softtabstop=0
+setlocal softtabstop=4
 setlocal nospell
 setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
 setlocal spellfile=
@@ -286,8 +172,8 @@
 setlocal suffixesadd=.ts
 setlocal swapfile
 setlocal synmaxcol=3000
-if &syntax != 'json'
-setlocal syntax=json
+if &syntax != 'html'
+setlocal syntax=html
 endif
 setlocal tabstop=8
 setlocal tagcase=
@@ -301,16 +187,12 @@
 setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
-let s:l = 23 - ((19 * winheight(0) + 15) / 31)
+let s:l = 4 - ((3 * winheight(0) + 17) / 35)
 if s:l < 1 | let s:l = 1 | endif
 exe s:l
 normal! zt
-23
-normal! 024|
-wincmd w
-2wincmd w
-exe '1resize ' . ((&lines * 3 + 18) / 37)
-exe '2resize ' . ((&lines * 31 + 18) / 37)
+4
+normal! 09|
 tabnext 1
 if exists('s:wipebuf')
   silent exe 'bwipe ' . s:wipebuf
diff --git a/src/main.js b/src/main.js
index f763140..c400794 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
     "use strict";
     var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,10 +8,11 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
+            PIXI.WebGLRenderer.registerPlugin("imgui_renderer", ImGuiRenderer);
             console.log("main()");
             yield ImGui.default();
             window.requestAnimationFrame(init);
@@ -27,21 +28,38 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
+        let settings = { width: 1, height: 1, antialias: true };
+        let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
-        const canvas = document.createElement("canvas");
-        output.appendChild(canvas);
-        canvas.tabIndex = 1;
-        canvas.style.position = "absolute";
-        canvas.style.left = "0px";
-        canvas.style.right = "0px";
-        canvas.style.top = "0px";
-        canvas.style.bottom = "0px";
-        canvas.style.width = "100%";
-        canvas.style.height = "100%";
-        ImGui_Impl.Init(canvas);
-        window.requestAnimationFrame(loop);
+        output.appendChild(app.view);
+        app.view.tabIndex = 1;
+        app.view.style.position = "absolute";
+        app.view.style.left = "0px";
+        app.view.style.right = "0px";
+        app.view.style.top = "0px";
+        app.view.style.bottom = "0px";
+        app.view.style.width = "100%";
+        app.view.style.height = "100%";
+        ImGui_Impl.Init(app.view);
+        app.ticker.add((deltaTime) => {
+            const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
+            ImGui_Impl.NewFrame(dt);
+            ImGui.NewFrame();
+            loop(app, dt);
+            ImGui.EndFrame();
+            ImGui.Render();
+            app.render();
+        });
+        const imguiLayer = new PIXI.Sprite();
+        imguiLayer.pluginName = "imgui_renderer";
+        app.stage.addChild(imguiLayer);
+        let resizeFunc = function () {
+            app.renderer.resize(window.innerWidth, window.innerHeight);
+        };
+        window.onresize = resizeFunc;
+        resizeFunc();
     }
-    function render(timeElapsed) {
+    function update(timeElapsed) {
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
         if (ImGui.Button("Add Text")) {
@@ -50,28 +68,30 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(timeElapsed) {
+    function loop(app, timeElapsed) {
         ImGui_Impl.NewFrame(timeElapsed);
         ImGui.NewFrame();
-        render(timeElapsed);
+        update(timeElapsed);
         ImGui.EndFrame();
         // Rendering
         ImGui.Render();
-        const gl = ImGui_Impl.gl;
+        app.render();
+        /*
+        const gl: WebGLRenderingContext | null = ImGui_Impl.gl;
         if (gl) {
             gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
             gl.clearColor(clearColor.x, clearColor.y, clearColor.z, clearColor.w);
             gl.clear(gl.COLOR_BUFFER_BIT);
             //gl.useProgram(0); // You may want this if using this code in an OpenGL 3+ context where shaders may be bound
         }
-        const ctx = ImGui_Impl.ctx;
+    
+        const ctx: CanvasRenderingContext2D | null = ImGui_Impl.ctx;
         if (ctx) {
             // ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
             ctx.fillStyle = `rgba(${clearColor.x * 0xff}, ${clearColor.y * 0xff}, ${clearColor.z * 0xff}, ${clearColor.w})`;
             ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
         }
-        ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
-        window.requestAnimationFrame(loop);
+        */
     }
     return {
         setters: [
@@ -82,9 +102,20 @@
                 ImGui = ImGui_1;
                 imgui_js_1 = ImGui_1;
                 imgui_js_2 = ImGui_1;
+            },
+            function (PIXI_1) {
+                PIXI = PIXI_1;
             }
         ],
         execute: function () {
+            ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
+                constructor(r) {
+                    super(r);
+                }
+                render(notUsed) {
+                    ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
+                }
+            };
             clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
diff --git a/src/main.js.map b/src/main.js.map
index d10898e..251f025 100644
--- a/src/main.js.map
+++ b/src/main.js.map
@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index e5c652d..54b8bc6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,6 +7,8 @@
 
 async function main(): Promise<void>
 {
+    PIXI.WebGLRenderer.registerPlugin("imgui_renderer", ImGuiRenderer);
+
     console.log("main()");
     await ImGui.default();
     window.requestAnimationFrame(init);
@@ -51,7 +53,7 @@
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
 
-            update(dt);
+            loop(app, dt);
 
             ImGui.EndFrame();
             ImGui.Render();
@@ -60,6 +62,11 @@
         }
     );
 
+    const imguiLayer:PIXI.Sprite = new PIXI.Sprite();
+    imguiLayer.pluginName = "imgui_renderer";
+
+    app.stage.addChild(imguiLayer);
+
     let resizeFunc = function()
     {
         app.renderer.resize(window.innerWidth, window.innerHeight);
@@ -69,6 +76,18 @@
     resizeFunc();
 }
 
+class ImGuiRenderer extends PIXI.ObjectRenderer
+{
+    constructor(r: PIXI.WebGLRenderer)
+    {
+        super(r);
+    }
+    render(notUsed: PIXI.DisplayObject): void
+    {
+        ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
+    }
+}
+
 const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 let windowOpen: boolean = true;
 let text: string = "text";
@@ -85,17 +104,21 @@
 }
 
 
-function loop(timeElapsed: number): void
+function loop(app: PIXI.Application, timeElapsed: number): void
 {
     ImGui_Impl.NewFrame(timeElapsed);
     ImGui.NewFrame();
 
-    render(timeElapsed);
+    update(timeElapsed);
 
     ImGui.EndFrame();
 
     // Rendering
     ImGui.Render();
+
+    app.render();
+
+    /*
     const gl: WebGLRenderingContext | null = ImGui_Impl.gl;
     if (gl) {
         gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
@@ -110,10 +133,7 @@
         ctx.fillStyle = `rgba(${clearColor.x * 0xff}, ${clearColor.y * 0xff}, ${clearColor.z * 0xff}, ${clearColor.w})`;
         ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
     }
-
-    ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
-
-    window.requestAnimationFrame(loop);
+    */
 }
 
 (function()