绘制帮助类

source/src/Debug/Debug.ts

@@ -0,0 +1,22 @@
+class Debug {
+    private static _debugDrawItems: DebugDrawItem[] = [];
+
+    public static drawHollowRect(rectanle: Rectangle, color: number, duration = 0){
+        this._debugDrawItems.push(new DebugDrawItem(rectanle, color, duration));
+    }
+
+    public static render(){
+        if (this._debugDrawItems.length > 0){
+            let debugShape = new egret.Shape();
+            if (SceneManager.scene){
+                SceneManager.scene.addChild(debugShape);
+            }
+
+            for (let i = this._debugDrawItems.length - 1; i >= 0; i --){
+                let item = this._debugDrawItems[i];
+                if (item.draw(debugShape))
+                    this._debugDrawItems.removeAt(i);
+            }
+        }
+    }
+}

source/src/Debug/DebugDrawItem.ts

@@ -0,0 +1,46 @@
+enum DebugDrawType {
+    line,
+    hollowRectangle,
+    pixel,
+    text
+}
+
+class DebugDrawItem {
+    public rectangle: Rectangle;
+    public color: number;
+    public duration: number;
+    public drawType: DebugDrawType;
+    public text: string;
+    public start: Vector2;
+    public end: Vector2;
+    public x: number;
+    public y: number;
+    public size: number;
+
+    constructor(rectangle: Rectangle, color: number, duration: number){
+        this.rectangle = rectangle;
+        this.color = color;
+        this.duration = duration;
+        this.drawType = DebugDrawType.hollowRectangle;
+    }
+
+    public draw(shape: egret.Shape): boolean{
+        switch (this.drawType){
+            case DebugDrawType.line:
+                DrawUtils.drawLine(shape, this.start, this.end, this.color);
+                break;
+            case DebugDrawType.hollowRectangle:
+                DrawUtils.drawHollowRect(shape, this.rectangle, this.color);
+                break;
+            case DebugDrawType.pixel:
+                DrawUtils.drawPixel(shape, new Vector2(this.x, this.y), this.color, this.size);
+                break;
+            case DebugDrawType.text:
+                break;
+        }
+
+        this.duration -= Time.deltaTime;
+        return this.duration < 0;
+    }
+}
+

source/src/ECS/SceneManager.ts

@@ -81,6 +81,9 @@ class SceneManager {
             }
         } else if (this._scene) {
             this._scene.render();
+
+            Debug.render();
+
             this._scene.postRender();
         }
     }

source/src/Math/MathHelper.ts

@@ -50,7 +50,15 @@ class MathHelper {
         return new Vector2(Math.cos(radians) * radians + circleCenter.x, Math.sin(radians) * radians + circleCenter.y);
     }
 
+    /**
+     * 如果值为偶数，返回true
+     * @param value 
+     */
     public static isEven(value: number){
         return value % 2 == 0;
     }
+
+    public static angleBetweenVectors(from: Vector2, to: Vector2){
+        return Math.atan2(to.y - from.y, to.x - from.x);
+    }
 }

source/src/Physics/Physics.ts

@@ -53,4 +53,12 @@ class Physics {
         this._spatialHash.remove(collider);
         this._spatialHash.register(collider);
     }
+
+    /**
+     * debug绘制空间散列的内容
+     * @param secondsToDisplay 
+     */
+    public static debugDraw(secondsToDisplay){
+        this._spatialHash.debugDraw(secondsToDisplay, 2);
+    }
 }

source/src/Physics/Verlet/SpatialHash.ts

@@ -179,6 +179,25 @@ class SpatialHash {
     private cellCoords(x: number, y: number): Vector2 {
         return new Vector2(Math.floor(x * this._inverseCellSize), Math.floor(y * this._inverseCellSize));
     }
+
+    /**
+     * debug绘制空间散列的内容
+     * @param secondsToDisplay 
+     * @param textScale 
+     */
+    public debugDraw(secondsToDisplay: number, textScale: number = 1){
+        for (let x = this.gridBounds.x; x <= this.gridBounds.right; x ++){
+            for (let y = this.gridBounds.y; y <= this.gridBounds.bottom; y ++){
+                let cell = this.cellAtPosition(x, y);
+                if (cell && cell.length > 0)
+                    this.debugDrawCellDetails(x, y, cell.length, secondsToDisplay, textScale);
+            }
+        }
+    }
+
+    private debugDrawCellDetails(x: number, y: number, cellCount: number, secondsToDisplay = 0.5, textScale = 1){
+        
+    }
 }
 
 class RaycastResultParser {

source/src/Utils/DrawUtils.ts

@@ -0,0 +1,46 @@
+/** 各种辅助方法来辅助绘图 */
+class DrawUtils {
+    public static drawLine(shape: egret.Shape, start: Vector2, end: Vector2, color: number, thickness: number = 1){
+        this.drawLineAngle(shape, start, MathHelper.angleBetweenVectors(start, end), Vector2.distance(start, end), color, thickness);
+    }
+
+    public static drawLineAngle(shape: egret.Shape, start: Vector2, radians: number, length: number, color: number, thickness = 1){
+        shape.graphics.beginFill(color);
+        shape.graphics.drawRect(start.x, start.y, 1, 1);
+        shape.graphics.endFill();
+
+        shape.scaleX = length;
+        shape.scaleY = thickness;
+        shape.$anchorOffsetX = 0;
+        shape.$anchorOffsetY = 0;
+        shape.rotation = radians;
+    }
+
+    public static drawHollowRect(shape: egret.Shape, rect: Rectangle, color: number, thickness = 1){
+        this.drawHollowRectR(shape, rect.x, rect.y, rect.width, rect.height, color, thickness);
+    }
+
+    public static drawHollowRectR(shape: egret.Shape, x: number, y: number, width: number, height: number, color: number, thickness = 1){
+        let tl = new Vector2(x, y).round();
+        let tr = new Vector2(x + width, y).round();
+        let br = new Vector2(x + width, y + height).round();
+        let bl = new Vector2(x, y + height).round();
+
+        this.drawLine(shape, tl, tr, color, thickness);
+        this.drawLine(shape, tr, br, color, thickness);
+        this.drawLine(shape, br, bl, color, thickness);
+        this.drawLine(shape, bl, tl, color, thickness);
+    }
+
+    public static drawPixel(shape: egret.Shape, position: Vector2, color: number, size: number = 1){
+        let destRect = new Rectangle(position.x, position.y, size, size);
+        if (size != 1){
+            destRect.x -= size * 0.5;
+            destRect.y -= size * 0.5;
+        }
+
+        shape.graphics.beginFill(color);
+        shape.graphics.drawRect(destRect.x, destRect.y, destRect.width, destRect.height);
+        shape.graphics.endFill();
+    }
+}