diff --git a/indexdev.html b/indexdev.html
index 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");

diff --git a/indexdev.html b/indexdev.html
index 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");
diff --git a/src/main.js b/src/main.js
index b6daa16..2366b5c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js", "./utils"], 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,7 +8,7 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, U, clearColor, ImGuiRenderer, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -28,7 +28,7 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
-        let settings = { width: 1, height: 1, antialias: true };
+        let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
         let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
         output.appendChild(app.view);
@@ -45,7 +45,7 @@
             const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
-            loop(app, dt);
+            update(app, dt);
             ImGui.EndFrame();
             ImGui.Render();
             app.render();
@@ -63,7 +63,7 @@
     function keyDown() {
         text += "B";
     }
-    function update(timeElapsed) {
+    function update(app, timeElapsed) {
         ImGui.SetNextWindowPos(new imgui_js_2.ImVec2(0, 0));
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
@@ -73,31 +73,6 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(app, timeElapsed) {
-        ImGui_Impl.NewFrame(timeElapsed);
-        ImGui.NewFrame();
-        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);
-            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: 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);
-        }
-        */
-    }
     return {
         setters: [
             function (ImGui_Impl_1) {
@@ -110,9 +85,13 @@
             },
             function (PIXI_1) {
                 PIXI = PIXI_1;
+            },
+            function (U_1) {
+                U = U_1;
             }
         ],
         execute: function () {
+            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
                 constructor(r) {
                     super(r);
@@ -121,9 +100,24 @@
                     ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
                 }
             };
-            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
+            /*
+            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: 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);
+            }
+            */
             (function () {
                 if (document.readyState == "complete") {
                     main();

diff --git a/indexdev.html b/indexdev.html
index 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");
diff --git a/src/main.js b/src/main.js
index b6daa16..2366b5c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js", "./utils"], 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,7 +8,7 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, U, clearColor, ImGuiRenderer, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -28,7 +28,7 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
-        let settings = { width: 1, height: 1, antialias: true };
+        let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
         let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
         output.appendChild(app.view);
@@ -45,7 +45,7 @@
             const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
-            loop(app, dt);
+            update(app, dt);
             ImGui.EndFrame();
             ImGui.Render();
             app.render();
@@ -63,7 +63,7 @@
     function keyDown() {
         text += "B";
     }
-    function update(timeElapsed) {
+    function update(app, timeElapsed) {
         ImGui.SetNextWindowPos(new imgui_js_2.ImVec2(0, 0));
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
@@ -73,31 +73,6 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(app, timeElapsed) {
-        ImGui_Impl.NewFrame(timeElapsed);
-        ImGui.NewFrame();
-        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);
-            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: 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);
-        }
-        */
-    }
     return {
         setters: [
             function (ImGui_Impl_1) {
@@ -110,9 +85,13 @@
             },
             function (PIXI_1) {
                 PIXI = PIXI_1;
+            },
+            function (U_1) {
+                U = U_1;
             }
         ],
         execute: function () {
+            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
                 constructor(r) {
                     super(r);
@@ -121,9 +100,24 @@
                     ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
                 }
             };
-            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
+            /*
+            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: 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);
+            }
+            */
             (function () {
                 if (document.readyState == "complete") {
                     main();
diff --git a/src/main.js.map b/src/main.js.map
index 5e63b60..181e5e1 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 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");
diff --git a/src/main.js b/src/main.js
index b6daa16..2366b5c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js", "./utils"], 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,7 +8,7 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, U, clearColor, ImGuiRenderer, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -28,7 +28,7 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
-        let settings = { width: 1, height: 1, antialias: true };
+        let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
         let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
         output.appendChild(app.view);
@@ -45,7 +45,7 @@
             const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
-            loop(app, dt);
+            update(app, dt);
             ImGui.EndFrame();
             ImGui.Render();
             app.render();
@@ -63,7 +63,7 @@
     function keyDown() {
         text += "B";
     }
-    function update(timeElapsed) {
+    function update(app, timeElapsed) {
         ImGui.SetNextWindowPos(new imgui_js_2.ImVec2(0, 0));
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
@@ -73,31 +73,6 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(app, timeElapsed) {
-        ImGui_Impl.NewFrame(timeElapsed);
-        ImGui.NewFrame();
-        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);
-            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: 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);
-        }
-        */
-    }
     return {
         setters: [
             function (ImGui_Impl_1) {
@@ -110,9 +85,13 @@
             },
             function (PIXI_1) {
                 PIXI = PIXI_1;
+            },
+            function (U_1) {
+                U = U_1;
             }
         ],
         execute: function () {
+            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
                 constructor(r) {
                     super(r);
@@ -121,9 +100,24 @@
                     ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
                 }
             };
-            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
+            /*
+            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: 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);
+            }
+            */
             (function () {
                 if (document.readyState == "complete") {
                     main();
diff --git a/src/main.js.map b/src/main.js.map
index 5e63b60..181e5e1 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 92459c1..875c695 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,7 @@
 import { ImVec4 } from "imgui-js";
 import { ImVec2 } from "imgui-js";
 import * as PIXI from "pixi.js";
+import * as U from "./utils";
 
 async function main(): Promise<void>
 {
@@ -14,6 +15,7 @@
     window.requestAnimationFrame(init);
 }
 
+const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 function init(): void
 {
     console.log("init()");
@@ -29,7 +31,7 @@
     // Setup style
     ImGui.StyleColorsLight();
 
-    let settings = { width: 1, height: 1, antialias: true };
+    let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
 
     let app : PIXI.Application = new PIXI.Application(settings);
 
@@ -53,7 +55,7 @@
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
 
-            loop(app, dt);
+            update(app, dt);
 
             ImGui.EndFrame();
             ImGui.Render();
@@ -95,10 +97,9 @@
     }
 }
 
-const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 let windowOpen: boolean = true;
 let text: string = "text";
-function update(timeElapsed: number): void
+function update(app: PIXI.Application, timeElapsed: number): void
 {
     ImGui.SetNextWindowPos(new ImVec2(0, 0));
     ImGui.SetNextWindowSize(new ImVec2(600, 400), ImGui.ImGuiCond.Always);
@@ -112,38 +113,24 @@
 }
 
 
-function loop(app: PIXI.Application, timeElapsed: number): void
-{
-    ImGui_Impl.NewFrame(timeElapsed);
-    ImGui.NewFrame();
 
-    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);
-        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: 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);
-    }
-    */
+/*
+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: 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);
+}
+*/
+
 (function()
  {
      if (document.readyState == "complete")

diff --git a/indexdev.html b/indexdev.html
index 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");
diff --git a/src/main.js b/src/main.js
index b6daa16..2366b5c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js", "./utils"], 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,7 +8,7 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, U, clearColor, ImGuiRenderer, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -28,7 +28,7 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
-        let settings = { width: 1, height: 1, antialias: true };
+        let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
         let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
         output.appendChild(app.view);
@@ -45,7 +45,7 @@
             const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
-            loop(app, dt);
+            update(app, dt);
             ImGui.EndFrame();
             ImGui.Render();
             app.render();
@@ -63,7 +63,7 @@
     function keyDown() {
         text += "B";
     }
-    function update(timeElapsed) {
+    function update(app, timeElapsed) {
         ImGui.SetNextWindowPos(new imgui_js_2.ImVec2(0, 0));
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
@@ -73,31 +73,6 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(app, timeElapsed) {
-        ImGui_Impl.NewFrame(timeElapsed);
-        ImGui.NewFrame();
-        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);
-            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: 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);
-        }
-        */
-    }
     return {
         setters: [
             function (ImGui_Impl_1) {
@@ -110,9 +85,13 @@
             },
             function (PIXI_1) {
                 PIXI = PIXI_1;
+            },
+            function (U_1) {
+                U = U_1;
             }
         ],
         execute: function () {
+            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
                 constructor(r) {
                     super(r);
@@ -121,9 +100,24 @@
                     ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
                 }
             };
-            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
+            /*
+            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: 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);
+            }
+            */
             (function () {
                 if (document.readyState == "complete") {
                     main();
diff --git a/src/main.js.map b/src/main.js.map
index 5e63b60..181e5e1 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 92459c1..875c695 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,7 @@
 import { ImVec4 } from "imgui-js";
 import { ImVec2 } from "imgui-js";
 import * as PIXI from "pixi.js";
+import * as U from "./utils";
 
 async function main(): Promise<void>
 {
@@ -14,6 +15,7 @@
     window.requestAnimationFrame(init);
 }
 
+const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 function init(): void
 {
     console.log("init()");
@@ -29,7 +31,7 @@
     // Setup style
     ImGui.StyleColorsLight();
 
-    let settings = { width: 1, height: 1, antialias: true };
+    let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
 
     let app : PIXI.Application = new PIXI.Application(settings);
 
@@ -53,7 +55,7 @@
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
 
-            loop(app, dt);
+            update(app, dt);
 
             ImGui.EndFrame();
             ImGui.Render();
@@ -95,10 +97,9 @@
     }
 }
 
-const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 let windowOpen: boolean = true;
 let text: string = "text";
-function update(timeElapsed: number): void
+function update(app: PIXI.Application, timeElapsed: number): void
 {
     ImGui.SetNextWindowPos(new ImVec2(0, 0));
     ImGui.SetNextWindowSize(new ImVec2(600, 400), ImGui.ImGuiCond.Always);
@@ -112,38 +113,24 @@
 }
 
 
-function loop(app: PIXI.Application, timeElapsed: number): void
-{
-    ImGui_Impl.NewFrame(timeElapsed);
-    ImGui.NewFrame();
 
-    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);
-        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: 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);
-    }
-    */
+/*
+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: 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);
+}
+*/
+
 (function()
  {
      if (document.readyState == "complete")
diff --git a/src/utils.js b/src/utils.js
new file mode 100644
index 0000000..380d970
--- /dev/null
+++ b/src/utils.js
@@ -0,0 +1,16 @@
+System.register([], function (exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    function vec2col(v) {
+        return (((v.x * 255) & 0xFF) << 16) +
+            (((v.y * 255) & 0xFF) << 8) +
+            (((v.z * 255) & 0xFF) << 0);
+    }
+    exports_1("vec2col", vec2col);
+    return {
+        setters: [],
+        execute: function () {
+        }
+    };
+});
+//# sourceMappingURL=utils.js.map
\ No newline at end of file

diff --git a/indexdev.html b/indexdev.html
index 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");
diff --git a/src/main.js b/src/main.js
index b6daa16..2366b5c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js", "./utils"], 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,7 +8,7 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, U, clearColor, ImGuiRenderer, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -28,7 +28,7 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
-        let settings = { width: 1, height: 1, antialias: true };
+        let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
         let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
         output.appendChild(app.view);
@@ -45,7 +45,7 @@
             const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
-            loop(app, dt);
+            update(app, dt);
             ImGui.EndFrame();
             ImGui.Render();
             app.render();
@@ -63,7 +63,7 @@
     function keyDown() {
         text += "B";
     }
-    function update(timeElapsed) {
+    function update(app, timeElapsed) {
         ImGui.SetNextWindowPos(new imgui_js_2.ImVec2(0, 0));
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
@@ -73,31 +73,6 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(app, timeElapsed) {
-        ImGui_Impl.NewFrame(timeElapsed);
-        ImGui.NewFrame();
-        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);
-            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: 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);
-        }
-        */
-    }
     return {
         setters: [
             function (ImGui_Impl_1) {
@@ -110,9 +85,13 @@
             },
             function (PIXI_1) {
                 PIXI = PIXI_1;
+            },
+            function (U_1) {
+                U = U_1;
             }
         ],
         execute: function () {
+            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
                 constructor(r) {
                     super(r);
@@ -121,9 +100,24 @@
                     ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
                 }
             };
-            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
+            /*
+            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: 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);
+            }
+            */
             (function () {
                 if (document.readyState == "complete") {
                     main();
diff --git a/src/main.js.map b/src/main.js.map
index 5e63b60..181e5e1 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 92459c1..875c695 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,7 @@
 import { ImVec4 } from "imgui-js";
 import { ImVec2 } from "imgui-js";
 import * as PIXI from "pixi.js";
+import * as U from "./utils";
 
 async function main(): Promise<void>
 {
@@ -14,6 +15,7 @@
     window.requestAnimationFrame(init);
 }
 
+const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 function init(): void
 {
     console.log("init()");
@@ -29,7 +31,7 @@
     // Setup style
     ImGui.StyleColorsLight();
 
-    let settings = { width: 1, height: 1, antialias: true };
+    let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
 
     let app : PIXI.Application = new PIXI.Application(settings);
 
@@ -53,7 +55,7 @@
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
 
-            loop(app, dt);
+            update(app, dt);
 
             ImGui.EndFrame();
             ImGui.Render();
@@ -95,10 +97,9 @@
     }
 }
 
-const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 let windowOpen: boolean = true;
 let text: string = "text";
-function update(timeElapsed: number): void
+function update(app: PIXI.Application, timeElapsed: number): void
 {
     ImGui.SetNextWindowPos(new ImVec2(0, 0));
     ImGui.SetNextWindowSize(new ImVec2(600, 400), ImGui.ImGuiCond.Always);
@@ -112,38 +113,24 @@
 }
 
 
-function loop(app: PIXI.Application, timeElapsed: number): void
-{
-    ImGui_Impl.NewFrame(timeElapsed);
-    ImGui.NewFrame();
 
-    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);
-        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: 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);
-    }
-    */
+/*
+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: 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);
+}
+*/
+
 (function()
  {
      if (document.readyState == "complete")
diff --git a/src/utils.js b/src/utils.js
new file mode 100644
index 0000000..380d970
--- /dev/null
+++ b/src/utils.js
@@ -0,0 +1,16 @@
+System.register([], function (exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    function vec2col(v) {
+        return (((v.x * 255) & 0xFF) << 16) +
+            (((v.y * 255) & 0xFF) << 8) +
+            (((v.z * 255) & 0xFF) << 0);
+    }
+    exports_1("vec2col", vec2col);
+    return {
+        setters: [],
+        execute: function () {
+        }
+    };
+});
+//# sourceMappingURL=utils.js.map
\ No newline at end of file
diff --git a/src/utils.js.map b/src/utils.js.map
new file mode 100644
index 0000000..ea2a130
--- /dev/null
+++ b/src/utils.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":";;;IAEA,SAAgB,OAAO,CAAC,CAAS;QAE7B,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC;;;;;QACD,CAAC"}
\ No newline at end of file

diff --git a/indexdev.html b/indexdev.html
index 9151ef3..1887de2 100644
--- a/indexdev.html
+++ b/indexdev.html
@@ -2,15 +2,6 @@
     <head>
         <title>7GUI</title>
         <script src="node_modules/systemjs/dist/system.js"></script>
-        <!--
-        <script type="systemjs-importmap">
-            {
-                "imports": {
-                    "imgui-js/example/imgui_impl": "imgui-js/dist/imgui_impl.umd.js"
-                }
-            }
-        </script>
-        -->
         <script>
             System.config({
                 map: {
@@ -19,7 +10,8 @@
                 },
                 packages: {
                     "imgui-js": { main: "imgui.js" },
-                    "pixi.js": { main: "dist/pixi.js" }
+                    "pixi.js": { main: "dist/pixi.js" },
+                    "./": { map: { "src/utils": "./src/utils.js" } }
                 }
             });
             System.import("./src/main.js");
diff --git a/src/main.js b/src/main.js
index b6daa16..2366b5c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js"], function (exports_1, context_1) {
+System.register(["../imgui-js/example/imgui_impl", "imgui-js", "pixi.js", "./utils"], 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,7 +8,7 @@
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, ImGuiRenderer, clearColor, windowOpen, text;
+    var ImGui_Impl, ImGui, imgui_js_1, imgui_js_2, PIXI, U, clearColor, ImGuiRenderer, windowOpen, text;
     var __moduleName = context_1 && context_1.id;
     function main() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -28,7 +28,7 @@
         io.ConfigFlags |= ImGui.ConfigFlags.NavEnableKeyboard; // Enable Keyboard Controls
         // Setup style
         ImGui.StyleColorsLight();
-        let settings = { width: 1, height: 1, antialias: true };
+        let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
         let app = new PIXI.Application(settings);
         const output = document.getElementById("output") || document.body;
         output.appendChild(app.view);
@@ -45,7 +45,7 @@
             const dt = deltaTime * 1 / (1000 * PIXI.settings.TARGET_FPMS);
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
-            loop(app, dt);
+            update(app, dt);
             ImGui.EndFrame();
             ImGui.Render();
             app.render();
@@ -63,7 +63,7 @@
     function keyDown() {
         text += "B";
     }
-    function update(timeElapsed) {
+    function update(app, timeElapsed) {
         ImGui.SetNextWindowPos(new imgui_js_2.ImVec2(0, 0));
         ImGui.SetNextWindowSize(new imgui_js_2.ImVec2(600, 400), ImGui.ImGuiCond.Always);
         ImGui.Begin("Test Window", (_ = windowOpen) => windowOpen = _, 0);
@@ -73,31 +73,6 @@
         ImGui.Text(text);
         ImGui.End();
     }
-    function loop(app, timeElapsed) {
-        ImGui_Impl.NewFrame(timeElapsed);
-        ImGui.NewFrame();
-        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);
-            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: 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);
-        }
-        */
-    }
     return {
         setters: [
             function (ImGui_Impl_1) {
@@ -110,9 +85,13 @@
             },
             function (PIXI_1) {
                 PIXI = PIXI_1;
+            },
+            function (U_1) {
+                U = U_1;
             }
         ],
         execute: function () {
+            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             ImGuiRenderer = class ImGuiRenderer extends PIXI.ObjectRenderer {
                 constructor(r) {
                     super(r);
@@ -121,9 +100,24 @@
                     ImGui_Impl.RenderDrawData(ImGui.GetDrawData());
                 }
             };
-            clearColor = new imgui_js_1.ImVec4(0.7, 0.9, 1, 1);
             windowOpen = true;
             text = "text";
+            /*
+            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: 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);
+            }
+            */
             (function () {
                 if (document.readyState == "complete") {
                     main();
diff --git a/src/main.js.map b/src/main.js.map
index 5e63b60..181e5e1 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 92459c1..875c695 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,7 @@
 import { ImVec4 } from "imgui-js";
 import { ImVec2 } from "imgui-js";
 import * as PIXI from "pixi.js";
+import * as U from "./utils";
 
 async function main(): Promise<void>
 {
@@ -14,6 +15,7 @@
     window.requestAnimationFrame(init);
 }
 
+const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 function init(): void
 {
     console.log("init()");
@@ -29,7 +31,7 @@
     // Setup style
     ImGui.StyleColorsLight();
 
-    let settings = { width: 1, height: 1, antialias: true };
+    let settings = { width: 1, height: 1, antialias: true, backgroundColor: U.vec2col(clearColor) };
 
     let app : PIXI.Application = new PIXI.Application(settings);
 
@@ -53,7 +55,7 @@
             ImGui_Impl.NewFrame(dt);
             ImGui.NewFrame();
 
-            loop(app, dt);
+            update(app, dt);
 
             ImGui.EndFrame();
             ImGui.Render();
@@ -95,10 +97,9 @@
     }
 }
 
-const clearColor:ImVec4 = new ImVec4(0.7, 0.9, 1, 1);
 let windowOpen: boolean = true;
 let text: string = "text";
-function update(timeElapsed: number): void
+function update(app: PIXI.Application, timeElapsed: number): void
 {
     ImGui.SetNextWindowPos(new ImVec2(0, 0));
     ImGui.SetNextWindowSize(new ImVec2(600, 400), ImGui.ImGuiCond.Always);
@@ -112,38 +113,24 @@
 }
 
 
-function loop(app: PIXI.Application, timeElapsed: number): void
-{
-    ImGui_Impl.NewFrame(timeElapsed);
-    ImGui.NewFrame();
 
-    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);
-        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: 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);
-    }
-    */
+/*
+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: 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);
+}
+*/
+
 (function()
  {
      if (document.readyState == "complete")
diff --git a/src/utils.js b/src/utils.js
new file mode 100644
index 0000000..380d970
--- /dev/null
+++ b/src/utils.js
@@ -0,0 +1,16 @@
+System.register([], function (exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    function vec2col(v) {
+        return (((v.x * 255) & 0xFF) << 16) +
+            (((v.y * 255) & 0xFF) << 8) +
+            (((v.z * 255) & 0xFF) << 0);
+    }
+    exports_1("vec2col", vec2col);
+    return {
+        setters: [],
+        execute: function () {
+        }
+    };
+});
+//# sourceMappingURL=utils.js.map
\ No newline at end of file
diff --git a/src/utils.js.map b/src/utils.js.map
new file mode 100644
index 0000000..ea2a130
--- /dev/null
+++ b/src/utils.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":";;;IAEA,SAAgB,OAAO,CAAC,CAAS;QAE7B,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC;;;;;QACD,CAAC"}
\ No newline at end of file
diff --git a/src/utils.ts b/src/utils.ts
new file mode 100644
index 0000000..c4e1b8a
--- /dev/null
+++ b/src/utils.ts
@@ -0,0 +1,8 @@
+import { ImVec4 } from "imgui-js";
+
+export function vec2col(v: ImVec4): number
+{
+    return (((v.x * 255) & 0xFF) << 16) +
+           (((v.y * 255) & 0xFF) << 8) +
+           (((v.z * 255) & 0xFF) << 0);
+}
