add a grid system

src/api/grid.js

@@ -0,0 +1,22 @@
+(function(){
+  function Grid(n,w,h){
+    this.n=n;
+    this.w=w;
+    this.h=h;
+    this.vw=w/(2*n);
+    this.vh=h/(2*n);
+    this.xy=function(x,y){
+      return {
+        x:(this.vw*x)+this.w/2,
+        y:(this.vh*y)+this.h/2
+      };
+    };
+    this.x=function(x){return (this.vw*x)+this.w/2};
+    this.y=function(y){return (this.vh*y)+this.h/2};
+
+    this.c={
+      x:w/2,y:h/2
+    };
+  }
+  return Grid;
+})();

src/core.js

@@ -8,20 +8,20 @@ const kagura=function(){
         shape:{
           isNewTest:"",
         },
-        Group:{{!obj/group.js!}}
+
       },
       Boxer:{{!api/boxer.js!}},
       FullScreen:{{!api/fullscreen.js!}},
       pixi:PIXI,
     };
     kagura.exitFullscreen=Document.exitFullscreen;
-
+    kagura.Grid={{!api/grid.js!}}
     kagura.browser={{!browsercheck.js!}}(window.navigator.userAgent)
 
     kagura.obj.Object={{!obj/object.js!}}
 
     kagura.obj.Text={{!obj/text.js!}}
-
+    kagura.obj.Group={{!obj/group.js!}}
     kagura.obj.shape.GraphicsProto={{!obj/shape/graphicsproto.js!}};
     kagura.obj.shape.GraphicsFill={{!obj/shape/graphicsfill.js!}};
     kagura.obj.shape.Circle={{!obj/shape/circle.js!}}

src/kaguraapp.js

@@ -30,13 +30,14 @@ class{
         scaleToWindow(this.app.view);
       });
     }
-
+    this.view=this.app.view;
+    this.grid=new kagura.Grid(32,this.view.width,this.view.height);
     this.keyboard=new kagura.Keyboard(document);
     this.touchs=new kagura.Touches(this.view);
 
     if(options.autoFpsControl)this.fpsHistory=[];
     this.backgroundColor=options.backgroundColor;
-    this.view=this.app.view;
+
     this.backFlameTime=new Date();
 
 
@@ -61,7 +62,7 @@ class{
         deltaFlame:deltaTime/(1000/this.options.fps),
 
         keyboard:this.keyboard,
-        pointers:this.touchs.get
+        pointers:this.touchs.get,
       });
 
       // Chenge Scene
@@ -98,6 +99,7 @@ class{
       Class.prototype.width=this.app.renderer.width;
       Class.prototype.height=this.app.renderer.height;
       Class.prototype.backgroundColor=this.options.backgroundColor;
+      Class.prototype.grid=this.grid;
       return new Class();
     }
   mainroop(){