新增renderableComponent 用于控制可渲染组件的基类 不要在transform当中直接更改目标属性

source/src/ECS/Component.ts

@@ -1,6 +1,5 @@
 abstract class Component {
     public entity: Entity;
-    public displayRender: egret.DisplayObject;
     private _enabled: boolean = true;
     public updateInterval: number = 1;
 
@@ -56,13 +55,6 @@ abstract class Component {
 
     }
 
-    /** 绑定显示对象 */
-    public bind(displayRender: egret.DisplayObject){
-        this.displayRender = displayRender;
-
-        return this;
-    }
-
     /** 内部使用 运行时不应该调用 */
     public registerComponent(){
         this.entity.componentBits.set(ComponentTypeManager.getIndexFor(this), false);

source/src/ECS/Components/Camera.ts

@@ -98,14 +98,7 @@ class Camera extends Component {
     }
 
     public update(){
-        SceneManager.getActiveScene().entities.buffer.forEach(entity => entity.components.buffer.forEach(component => {
-            if (component.displayRender){
-                let has = this.entity.scene.$children.indexOf(component.displayRender)
-                if (has == -1){
-                    this.entity.scene.stage.addChild(component.displayRender);
-                }
-            }
-        }));
+        
     }
 
     public setPosition(position: Vector2){

source/src/ECS/Components/RenderableComponent.ts

@@ -0,0 +1,6 @@
+/** 
+ * 所有可渲染组件的基类 
+ */
+abstract class RenderableComponent extends Component {
+    
+}

source/src/ECS/Components/SpriteRenderer.ts

@@ -0,0 +1,24 @@
+class SpriteRenderer extends RenderableComponent {
+    private _sprite: egret.DisplayObject;
+    private _origin: Vector2;
+
+    public get sprite(){
+        return this._sprite;
+    }
+
+    public set sprite(value: egret.DisplayObject){
+        this.setSprite(value);
+    }
+
+    public setSprite(sprite: egret.DisplayObject): SpriteRenderer{
+        this._sprite = sprite;
+        if (this._sprite)
+            this._origin = new Vector2(this._sprite.anchorOffsetX, this._sprite.anchorOffsetY);
+
+        return this;
+    }
+
+    public initialize() {
+
+    }
+}

source/src/ECS/Transform.ts

@@ -203,14 +203,6 @@ class Transform {
             this.localScale = scale;
         }
 
-        for (let i = 0; i < this.entity.components.buffer.length; i ++){
-            let component = this.entity.components.buffer[i];
-            if (component.displayRender){
-                component.displayRender.scaleX = this.scale.x;
-                component.displayRender.scaleY = this.scale.y;
-            }
-        }
-
         return this;
     }
 
@@ -234,13 +226,6 @@ class Transform {
             this.localRotation = radians;
         }
 
-        for (let i = 0; i < this.entity.components.buffer.length; i ++){
-            let component = this.entity.components.buffer[i];
-            if (component.displayRender){
-                component.displayRender.rotation = this.rotation;
-            }
-        }
-
         return this;
     }
 
@@ -270,14 +255,6 @@ class Transform {
             this.localPosition = position;
         }
 
-        for (let i = 0; i < this.entity.components.buffer.length; i ++){
-            let component = this.entity.components.buffer[i];
-            if (component.displayRender){
-                component.displayRender.x = this.entity.scene.camera.transformMatrix.m31 + this.position.x;
-                component.displayRender.y = this.entity.scene.camera.transformMatrix.m32 + this.position.y;
-            }
-        }
-
         return this;
     }
 

source/src/Utils/WebGLUtils.ts

@@ -1,6 +1,9 @@
 class WebGLUtils {
     public static getWebGL(): WebGLRenderingContext{
-        return document.querySelector("canvas").getContext("webgl");
+        if (egret.WebGLUtils.checkCanUseWebGL())
+            return document.querySelector("canvas").getContext("webgl");
+
+        throw new Error("cannot get webgl");
     }
 
     public static drawUserIndexPrimitives<T>(primitiveType: number, vertexData: T[], vertexOffset: number, numVertices: number, indexData: number[], indexOffset: number, primitiveCount: number){