CocosPlugin/esengine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

debugRender 新增camera参数来修正渲染位置

Browse Source
This commit is contained in:
yhh
2020-08-28 18:04:50 +08:00
parent a3c53116e1
commit 7a308f76b6
27 changed files with 236 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/libs/framework/framework.d.ts
Vendored
+10 -9
View File
@@ -279,7 +279,7 @@ declare module es {
onAddedToEntity(): void; onAddedToEntity(): void;
onRemovedFromEntity(): void; onRemovedFromEntity(): void;
onEntityTransformChanged(comp: transform.Component): void; onEntityTransformChanged(comp: transform.Component): void;
debugRender(): void; debugRender(camera: Camera): void;
onEnabled(): void; onEnabled(): void;
onDisabled(): void; onDisabled(): void;
update(): void; update(): void;
@@ -336,7 +336,7 @@ declare module es {
onAddedToScene(): void; onAddedToScene(): void;
onRemovedFromScene(): void; onRemovedFromScene(): void;
update(): void; update(): void;
debugRender(): void; debugRender(camera: Camera): void;
addComponent<T extends Component>(component: T): T; addComponent<T extends Component>(component: T): T;
getComponent<T extends Component>(type: any): T; getComponent<T extends Component>(type: any): T;
hasComponent<T extends Component>(type: any): boolean; hasComponent<T extends Component>(type: any): boolean;
@@ -561,7 +561,7 @@ declare module es {
onAddedToEntity(): void; onAddedToEntity(): void;
onGraphicsDeviceReset(): void; onGraphicsDeviceReset(): void;
update(): void; update(): void;
debugRender(): void; debugRender(camera: Camera): void;
clampToMapSize(position: Vector2): Vector2; clampToMapSize(position: Vector2): Vector2;
follow(targetEntity: Entity, cameraStyle?: CameraStyle): void; follow(targetEntity: Entity, cameraStyle?: CameraStyle): void;
updateFollow(): void; updateFollow(): void;
@@ -598,12 +598,13 @@ declare module es {
isVisible: boolean; isVisible: boolean;
onEntityTransformChanged(comp: transform.Component): void; onEntityTransformChanged(comp: transform.Component): void;
abstract render(camera: Camera): any; abstract render(camera: Camera): any;
debugRender(): void; debugRender(camera: Camera): void;
isVisibleFromCamera(camera: Camera): boolean; isVisibleFromCamera(camera: Camera): boolean;
setRenderLayer(renderLayer: number): RenderableComponent; setRenderLayer(renderLayer: number): RenderableComponent;
setColor(color: number): RenderableComponent; setColor(color: number): RenderableComponent;
setLocalOffset(offset: Vector2): RenderableComponent; setLocalOffset(offset: Vector2): RenderableComponent;
sync(camera: Camera): void; sync(camera: Camera): void;
compareTo(other: RenderableComponent): number;
toString(): string; toString(): string;
protected onBecameVisible(): void; protected onBecameVisible(): void;
protected onBecameInvisible(): void; protected onBecameInvisible(): void;
@@ -847,7 +848,7 @@ declare module es {
setSize(width: number, height: number): this; setSize(width: number, height: number): this;
setWidth(width: number): BoxCollider; setWidth(width: number): BoxCollider;
setHeight(height: number): void; setHeight(height: number): void;
debugRender(): void; debugRender(camera: Camera): void;
toString(): string; toString(): string;
} }
} }
@@ -860,7 +861,7 @@ declare module es {
constructor(radius?: number); constructor(radius?: number);
radius: number; radius: number;
setRadius(radius: number): CircleCollider; setRadius(radius: number): CircleCollider;
debugRender(): void; debugRender(camera: Camera): void;
toString(): string; toString(): string;
} }
} }
@@ -956,7 +957,7 @@ declare module es {
onEntityTransformChanged(comp: transform.Component): void; onEntityTransformChanged(comp: transform.Component): void;
onEntityEnabled(): void; onEntityEnabled(): void;
onEntityDisabled(): void; onEntityDisabled(): void;
debugRender(): void; debugRender(camera: Camera): void;
} }
} }
declare module es { declare module es {
@@ -1042,7 +1043,7 @@ declare module es {
isVisible: boolean; isVisible: boolean;
isVisibleFromCamera(camera: Camera): any; isVisibleFromCamera(camera: Camera): any;
render(camera: Camera): any; render(camera: Camera): any;
debugRender(): any; debugRender(camera: Camera): any;
} }
class RenderableComparer { class RenderableComparer {
compare(self: IRenderable, other: IRenderable): number; compare(self: IRenderable, other: IRenderable): number;
@@ -2114,7 +2115,7 @@ declare module es {
static perpendicular(first: Vector2, second: Vector2): Vector2; static perpendicular(first: Vector2, second: Vector2): Vector2;
static normalize(vec: Vector2): void; static normalize(vec: Vector2): void;
static transformA(sourceArray: Vector2[], sourceIndex: number, matrix: Matrix2D, destinationArray: Vector2[], destinationIndex: number, length: number): void; static transformA(sourceArray: Vector2[], sourceIndex: number, matrix: Matrix2D, destinationArray: Vector2[], destinationIndex: number, length: number): void;
static transformR(position: Vector2, matrix: Matrix2D): Vector2; static transformR(position: Vector2, matrix: Matrix2D, result: Vector2): void;
static transform(sourceArray: Vector2[], matrix: Matrix2D, destinationArray: Vector2[]): void; static transform(sourceArray: Vector2[], matrix: Matrix2D, destinationArray: Vector2[]): void;
static round(vec: Vector2): Vector2; static round(vec: Vector2): Vector2;
} }
demo/libs/framework/framework.js
+65 -55
View File
@@ -1286,7 +1286,7 @@ var es;
}; };
Component.prototype.onEntityTransformChanged = function (comp) { Component.prototype.onEntityTransformChanged = function (comp) {
}; };
Component.prototype.debugRender = function () { Component.prototype.debugRender = function (camera) {
}; };
Component.prototype.onEnabled = function () { Component.prototype.onEnabled = function () {
}; };
@@ -1559,8 +1559,8 @@ var es;
Entity.prototype.update = function () { Entity.prototype.update = function () {
this.components.update(); this.components.update();
}; };
Entity.prototype.debugRender = function () { Entity.prototype.debugRender = function (camera) {
this.components.debugRender(); this.components.debugRender(camera);
}; };
Entity.prototype.addComponent = function (component) { Entity.prototype.addComponent = function (component) {
component.entity = this; component.entity = this;
@@ -1719,6 +1719,7 @@ var es;
return; return;
} }
for (var i = 0; i < this._renderers.length; i++) { for (var i = 0; i < this._renderers.length; i++) {
this.camera.forceMatrixUpdate();
this._renderers[i].render(this); this._renderers[i].render(this);
} }
}; };
@@ -1901,7 +1902,7 @@ var es;
_this._localScale = es.Vector2.one; _this._localScale = es.Vector2.one;
_this._localRotation = 0; _this._localRotation = 0;
_this.entity = entity; _this.entity = entity;
_this.scale = es.Vector2.one; _this.scale = _this._localScale = es.Vector2.one;
_this._children = []; _this._children = [];
return _this; return _this;
} }
@@ -1988,7 +1989,7 @@ var es;
} }
else { else {
this.parent.updateTransform(); this.parent.updateTransform();
this._position = es.Vector2Ext.transformR(this._localPosition, this.parent._worldTransform); es.Vector2Ext.transformR(this._localPosition, this.parent._worldTransform, this._position);
} }
this._positionDirty = false; this._positionDirty = false;
} }
@@ -2075,7 +2076,7 @@ var es;
return this; return this;
this._position = position; this._position = position;
if (this.parent) { if (this.parent) {
this.localPosition = es.Vector2Ext.transformR(this._position, this._worldToLocalTransform); this.localPosition = es.Vector2.transform(this._position, this._worldToLocalTransform);
} }
else { else {
this.localPosition = position; this.localPosition = position;
@@ -2439,12 +2440,12 @@ var es;
}; };
Camera.prototype.worldToScreenPoint = function (worldPosition) { Camera.prototype.worldToScreenPoint = function (worldPosition) {
this.updateMatrixes(); this.updateMatrixes();
worldPosition = es.Vector2Ext.transformR(worldPosition, this._transformMatrix); es.Vector2Ext.transformR(worldPosition, this._transformMatrix, worldPosition);
return worldPosition; return worldPosition;
}; };
Camera.prototype.screenToWorldPoint = function (screenPosition) { Camera.prototype.screenToWorldPoint = function (screenPosition) {
this.updateMatrixes(); this.updateMatrixes();
screenPosition = es.Vector2Ext.transformR(screenPosition, this._inverseTransformMatrix); es.Vector2Ext.transformR(screenPosition, this._inverseTransformMatrix, screenPosition);
return screenPosition; return screenPosition;
}; };
Camera.prototype.onSceneRenderTargetSizeChanged = function (newWidth, newHeight) { Camera.prototype.onSceneRenderTargetSizeChanged = function (newWidth, newHeight) {
@@ -2469,7 +2470,7 @@ var es;
tempMat = es.Matrix2D.create().rotate(this.entity.transform.rotation); tempMat = es.Matrix2D.create().rotate(this.entity.transform.rotation);
this._transformMatrix = this._transformMatrix.multiply(tempMat); this._transformMatrix = this._transformMatrix.multiply(tempMat);
} }
tempMat = es.Matrix2D.create().translate(this._origin.x, this._origin.y); tempMat = es.Matrix2D.create().translate(Math.floor(this._origin.x), Math.floor(this._origin.y));
this._transformMatrix = this._transformMatrix.multiply(tempMat); this._transformMatrix = this._transformMatrix.multiply(tempMat);
this._inverseTransformMatrix = this._transformMatrix.invert(); this._inverseTransformMatrix = this._transformMatrix.invert();
this._areBoundsDirty = true; this._areBoundsDirty = true;
@@ -2605,20 +2606,20 @@ var es;
this.entity.transform.roundPosition(); this.entity.transform.roundPosition();
} }
}; };
FollowCamera.prototype.debugRender = function () { FollowCamera.prototype.debugRender = function (camera) {
if (!this.rectShape) if (!this.rectShape)
this.debugDisplayObject.addChild(this.rectShape); this.debugDisplayObject.addChild(this.rectShape);
this.rectShape.graphics.clear(); this.rectShape.graphics.clear();
if (this._cameraStyle == CameraStyle.lockOn) { if (this._cameraStyle == CameraStyle.lockOn) {
this.rectShape.graphics.beginFill(0x8B0000, 0); this.rectShape.graphics.beginFill(0x8B0000, 0);
this.rectShape.graphics.lineStyle(1, 0x8B0000); this.rectShape.graphics.lineStyle(1, 0x8B0000);
this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - 5, this._worldSpaceDeadZone.y - 5, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height); this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - 5 - camera.bounds.x, this._worldSpaceDeadZone.y - 5 - camera.bounds.y, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
} }
else { else {
this.rectShape.graphics.beginFill(0x8B0000, 0); this.rectShape.graphics.beginFill(0x8B0000, 0);
this.rectShape.graphics.lineStyle(1, 0x8B0000); this.rectShape.graphics.lineStyle(1, 0x8B0000);
this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x, this._worldSpaceDeadZone.y, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height); this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - camera.bounds.x, this._worldSpaceDeadZone.y - camera.bounds.y, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
} }
}; };
@@ -2792,19 +2793,26 @@ var es;
RenderableComponent.prototype.onEntityTransformChanged = function (comp) { RenderableComponent.prototype.onEntityTransformChanged = function (comp) {
this._areBoundsDirty = true; this._areBoundsDirty = true;
}; };
RenderableComponent.prototype.debugRender = function () { RenderableComponent.prototype.debugRender = function (camera) {
if (!this.debugRenderEnabled) if (!this.debugRenderEnabled)
return; return;
if (!this.hollowShape.parent) if (!this.hollowShape.parent)
this.debugDisplayObject.addChild(this.hollowShape); this.debugDisplayObject.addChild(this.hollowShape);
if (!this.pixelShape.parent) if (!this.pixelShape.parent)
this.debugDisplayObject.addChild(this.pixelShape); this.debugDisplayObject.addChild(this.pixelShape);
var pixelPos = es.Vector2.add(this.entity.transform.position, this._localOffset); if (!this.entity.getComponent(es.Collider)) {
this.hollowShape.graphics.clear();
this.hollowShape.graphics.beginFill(es.Colors.renderableBounds, 0);
this.hollowShape.graphics.lineStyle(1, es.Colors.renderableBounds);
this.hollowShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.hollowShape.graphics.endFill();
}
var pixelPos = es.Vector2.add(this.entity.transform.position, this._localOffset).subtract(camera.bounds.location);
this.pixelShape.graphics.clear(); this.pixelShape.graphics.clear();
this.pixelShape.graphics.beginFill(es.Colors.renderableCenter, 0); this.pixelShape.graphics.beginFill(es.Colors.renderableCenter, 0);
this.pixelShape.graphics.lineStyle(4, es.Colors.renderableCenter); this.pixelShape.graphics.lineStyle(4, es.Colors.renderableCenter);
this.pixelShape.graphics.lineTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.moveTo(pixelPos.x, pixelPos.y); this.pixelShape.graphics.moveTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.lineTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.endFill(); this.pixelShape.graphics.endFill();
}; };
RenderableComponent.prototype.isVisibleFromCamera = function (camera) { RenderableComponent.prototype.isVisibleFromCamera = function (camera) {
@@ -2833,17 +2841,19 @@ var es;
return this; return this;
}; };
RenderableComponent.prototype.sync = function (camera) { RenderableComponent.prototype.sync = function (camera) {
var afterPos = new es.Vector2(this.entity.position.x + this.localOffset.x - camera.position.x + camera.origin.x, this.entity.position.y + this.localOffset.y - camera.position.y + camera.origin.y); if (this.displayObject.x != this.bounds.x - camera.bounds.y)
if (this.displayObject.x != afterPos.x) this.displayObject.x = this.bounds.x - camera.bounds.y;
this.displayObject.x = afterPos.x; if (this.displayObject.y != this.bounds.y - camera.bounds.y)
if (this.displayObject.y != afterPos.y) this.displayObject.y = this.bounds.y - camera.bounds.y;
this.displayObject.y = afterPos.y;
if (this.displayObject.scaleX != this.entity.scale.x) if (this.displayObject.scaleX != this.entity.scale.x)
this.displayObject.scaleX = this.entity.scale.x; this.displayObject.scaleX = this.entity.scale.x;
if (this.displayObject.scaleY != this.entity.scale.y) if (this.displayObject.scaleY != this.entity.scale.y)
this.displayObject.scaleY = this.entity.scale.y; this.displayObject.scaleY = this.entity.scale.y;
if (this.displayObject.rotation != this.entity.rotation) if (this.displayObject.rotation != this.entity.rotationDegrees)
this.displayObject.rotation = this.entity.rotation; this.displayObject.rotation = this.entity.rotationDegrees;
};
RenderableComponent.prototype.compareTo = function (other) {
return other.renderLayer - this.renderLayer;
}; };
RenderableComponent.prototype.toString = function () { RenderableComponent.prototype.toString = function () {
return "[RenderableComponent] renderLayer: " + this.renderLayer; return "[RenderableComponent] renderLayer: " + this.renderLayer;
@@ -2991,11 +3001,10 @@ var es;
}; };
SpriteRenderer.prototype.render = function (camera) { SpriteRenderer.prototype.render = function (camera) {
this.sync(camera); this.sync(camera);
var afterPos = new es.Vector2(this.entity.position.x + this.localOffset.x - this.origin.x - camera.position.x + camera.origin.x, this.entity.position.y + this.localOffset.y - this.origin.y - camera.position.y + camera.origin.y); if (this.displayObject.x != this.bounds.x - camera.bounds.x)
if (this.displayObject.x != afterPos.x) this.displayObject.x = this.bounds.x - camera.bounds.x;
this.displayObject.x = afterPos.x; if (this.displayObject.y != this.bounds.y - camera.bounds.y)
if (this.displayObject.y != afterPos.y) this.displayObject.y = this.bounds.y - camera.bounds.y;
this.displayObject.y = afterPos.y;
}; };
return SpriteRenderer; return SpriteRenderer;
}(es.RenderableComponent)); }(es.RenderableComponent));
@@ -3732,7 +3741,7 @@ var es;
this.localOffset = es.Vector2.subtract(renderableBounds.center, this.entity.transform.position); this.localOffset = es.Vector2.subtract(renderableBounds.center, this.entity.transform.position);
} }
else { else {
console.warn("Collider has no shape and no RenderableComponent. Can't figure out how to size it."); console.warn("碰撞器没有形状和RenderableComponent。不知道如何调整大小.");
} }
} }
this._isParentEntityAddedToScene = true; this._isParentEntityAddedToScene = true;
@@ -3869,7 +3878,7 @@ var es;
es.Physics.updateCollider(this); es.Physics.updateCollider(this);
} }
}; };
BoxCollider.prototype.debugRender = function () { BoxCollider.prototype.debugRender = function (camera) {
var poly = this.shape; var poly = this.shape;
if (!this.hollowShape.parent) if (!this.hollowShape.parent)
this.debugDisplayObject.addChild(this.hollowShape); this.debugDisplayObject.addChild(this.hollowShape);
@@ -3882,7 +3891,7 @@ var es;
this.hollowShape.graphics.clear(); this.hollowShape.graphics.clear();
this.hollowShape.graphics.beginFill(es.Colors.colliderBounds, 0); this.hollowShape.graphics.beginFill(es.Colors.colliderBounds, 0);
this.hollowShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds); this.hollowShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds);
this.hollowShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.hollowShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.hollowShape.graphics.endFill(); this.hollowShape.graphics.endFill();
this.polygonShape.graphics.clear(); this.polygonShape.graphics.clear();
if (poly.points.length >= 2) { if (poly.points.length >= 2) {
@@ -3890,26 +3899,26 @@ var es;
this.polygonShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge); this.polygonShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge);
for (var i = 0; i < poly.points.length; i++) { for (var i = 0; i < poly.points.length; i++) {
if (i == 0) { if (i == 0) {
this.polygonShape.graphics.moveTo(poly.position.x + poly.points[i].x, poly.position.y + poly.points[i].y); this.polygonShape.graphics.moveTo(poly.position.x + poly.points[i].x - camera.bounds.x, poly.position.y + poly.points[i].y - camera.bounds.y);
} }
else { else {
this.polygonShape.graphics.lineTo(poly.position.x + poly.points[i].x, poly.position.y + poly.points[i].y); this.polygonShape.graphics.lineTo(poly.position.x + poly.points[i].x - camera.bounds.x, poly.position.y + poly.points[i].y - camera.bounds.y);
} }
} }
this.polygonShape.graphics.lineTo(poly.position.x + poly.points[poly.points.length - 1].x, poly.position.y + poly.points[0].y); this.polygonShape.graphics.lineTo(poly.position.x + poly.points[poly.points.length - 1].x - camera.bounds.x, poly.position.y + poly.points[0].y - camera.bounds.y);
this.polygonShape.graphics.endFill(); this.polygonShape.graphics.endFill();
} }
this.pixelShape1.graphics.clear(); this.pixelShape1.graphics.clear();
this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0); this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0);
this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition); this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition);
this.pixelShape1.graphics.moveTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.moveTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.lineTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.lineTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.endFill(); this.pixelShape1.graphics.endFill();
this.pixelShape2.graphics.clear(); this.pixelShape2.graphics.clear();
this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0); this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0);
this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter); this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter);
this.pixelShape2.graphics.moveTo(this.entity.transform.position.x + this.shape.center.x, this.entity.transform.position.y + this.shape.center.y); this.pixelShape2.graphics.moveTo(this.entity.transform.position.x + this.shape.center.x - camera.bounds.x, this.entity.transform.position.y + this.shape.center.y - camera.bounds.y);
this.pixelShape2.graphics.lineTo(this.entity.transform.position.x + this.shape.center.x, this.entity.transform.position.y + this.shape.center.y); this.pixelShape2.graphics.lineTo(this.entity.transform.position.x + this.shape.center.x - camera.bounds.x, this.entity.transform.position.y + this.shape.center.y - camera.bounds.y);
this.pixelShape2.graphics.endFill(); this.pixelShape2.graphics.endFill();
}; };
BoxCollider.prototype.toString = function () { BoxCollider.prototype.toString = function () {
@@ -3959,7 +3968,7 @@ var es;
} }
return this; return this;
}; };
CircleCollider.prototype.debugRender = function () { CircleCollider.prototype.debugRender = function (camera) {
if (!this.rectShape.parent) if (!this.rectShape.parent)
this.debugDisplayObject.addChild(this.rectShape); this.debugDisplayObject.addChild(this.rectShape);
if (!this.circleShape.parent) if (!this.circleShape.parent)
@@ -3971,24 +3980,24 @@ var es;
this.rectShape.graphics.clear(); this.rectShape.graphics.clear();
this.rectShape.graphics.beginFill(es.Colors.colliderBounds, 0); this.rectShape.graphics.beginFill(es.Colors.colliderBounds, 0);
this.rectShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds); this.rectShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds);
this.rectShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.rectShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
this.circleShape.graphics.clear(); this.circleShape.graphics.clear();
this.circleShape.graphics.beginFill(es.Colors.colliderEdge, 0); this.circleShape.graphics.beginFill(es.Colors.colliderEdge, 0);
this.circleShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge); this.circleShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge);
this.circleShape.graphics.drawCircle(this.shape.position.x, this.shape.position.y, this.shape.radius); this.circleShape.graphics.drawCircle(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y, this.shape.radius);
this.circleShape.graphics.endFill(); this.circleShape.graphics.endFill();
this.pixelShape1.graphics.clear(); this.pixelShape1.graphics.clear();
this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0); this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0);
this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition); this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition);
this.pixelShape1.graphics.moveTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.moveTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.lineTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.lineTo(this.entity.transform.position.x - camera.bounds.y, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.endFill(); this.pixelShape1.graphics.endFill();
this.pixelShape2.graphics.clear(); this.pixelShape2.graphics.clear();
this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0); this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0);
this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter); this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter);
this.pixelShape2.graphics.moveTo(this.shape.position.x, this.shape.position.y); this.pixelShape2.graphics.moveTo(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y);
this.pixelShape2.graphics.lineTo(this.shape.position.x, this.shape.position.y); this.pixelShape2.graphics.lineTo(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y);
this.pixelShape2.graphics.endFill(); this.pixelShape2.graphics.endFill();
}; };
CircleCollider.prototype.toString = function () { CircleCollider.prototype.toString = function () {
@@ -4450,10 +4459,10 @@ var es;
for (var i = 0; i < this._components.length; i++) for (var i = 0; i < this._components.length; i++)
this._components[i].onDisabled(); this._components[i].onDisabled();
}; };
ComponentList.prototype.debugRender = function () { ComponentList.prototype.debugRender = function (camera) {
for (var i = 0; i < this._components.length; i++) { for (var i = 0; i < this._components.length; i++) {
if (this._components[i].enabled) if (this._components[i].enabled)
this._components[i].debugRender(); this._components[i].debugRender(camera);
} }
}; };
ComponentList.compareUpdatableOrder = new es.IUpdatableComparer(); ComponentList.compareUpdatableOrder = new es.IUpdatableComparer();
@@ -5699,7 +5708,7 @@ var es;
for (var i = 0; i < scene.entities.count; i++) { for (var i = 0; i < scene.entities.count; i++) {
var entity = scene.entities.buffer[i]; var entity = scene.entities.buffer[i];
if (entity.enabled) if (entity.enabled)
entity.debugRender(); entity.debugRender(cam);
} }
}; };
return Renderer; return Renderer;
@@ -5756,7 +5765,7 @@ var es;
var renderable = scene.renderableComponents.buffer[i]; var renderable = scene.renderableComponents.buffer[i];
if (!this.excludedRenderLayers.contains(renderable.renderLayer) && renderable.enabled && if (!this.excludedRenderLayers.contains(renderable.renderLayer) && renderable.enabled &&
renderable.isVisibleFromCamera(cam)) renderable.isVisibleFromCamera(cam))
renderable.debugRender(); renderable.debugRender(cam);
} }
_super.prototype.debugRender.call(this, scene, cam); _super.prototype.debugRender.call(this, scene, cam);
}; };
@@ -5798,7 +5807,7 @@ var es;
for (var j = 0; j < renderables.length; j++) { for (var j = 0; j < renderables.length; j++) {
var entity = renderables[j]; var entity = renderables[j];
if (entity.enabled) if (entity.enabled)
entity.debugRender(); entity.debugRender(cam);
} }
} }
}; };
@@ -6593,10 +6602,10 @@ var es;
var topRight = new es.Vector2(worldPosX + width, worldPosY); var topRight = new es.Vector2(worldPosX + width, worldPosY);
var bottomLeft = new es.Vector2(worldPosX, worldPosY + height); var bottomLeft = new es.Vector2(worldPosX, worldPosY + height);
var bottomRight = new es.Vector2(worldPosX + width, worldPosY + height); var bottomRight = new es.Vector2(worldPosX + width, worldPosY + height);
topLeft = es.Vector2Ext.transformR(topLeft, this._transformMat); es.Vector2Ext.transformR(topLeft, this._transformMat, topLeft);
topRight = es.Vector2Ext.transformR(topRight, this._transformMat); es.Vector2Ext.transformR(topRight, this._transformMat, topRight);
bottomLeft = es.Vector2Ext.transformR(bottomLeft, this._transformMat); es.Vector2Ext.transformR(bottomLeft, this._transformMat, bottomLeft);
bottomRight = es.Vector2Ext.transformR(bottomRight, this._transformMat); es.Vector2Ext.transformR(bottomRight, this._transformMat, bottomRight);
var minX = Math.min(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x); var minX = Math.min(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x);
var maxX = Math.max(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x); var maxX = Math.max(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x);
var minY = Math.min(topLeft.y, bottomRight.y, topRight.y, bottomLeft.y); var minY = Math.min(topLeft.y, bottomRight.y, topRight.y, bottomLeft.y);
@@ -10229,10 +10238,11 @@ var es;
destinationArray[destinationIndex + i] = destination; destinationArray[destinationIndex + i] = destination;
} }
}; };
Vector2Ext.transformR = function (position, matrix) { Vector2Ext.transformR = function (position, matrix, result) {
var x = (position.x * matrix.m11) + (position.y * matrix.m21) + matrix.m31; var x = (position.x * matrix.m11) + (position.y * matrix.m21) + matrix.m31;
var y = (position.x * matrix.m12) + (position.y * matrix.m22) + matrix.m32; var y = (position.x * matrix.m12) + (position.y * matrix.m22) + matrix.m32;
return new es.Vector2(x, y); result.x = x;
result.y = y;
}; };
Vector2Ext.transform = function (sourceArray, matrix, destinationArray) { Vector2Ext.transform = function (sourceArray, matrix, destinationArray) {
this.transformA(sourceArray, 0, matrix, destinationArray, 0, sourceArray.length); this.transformA(sourceArray, 0, matrix, destinationArray, 0, sourceArray.length);
demo/libs/framework/framework.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/src/Main.ts
+1
View File
@@ -33,6 +33,7 @@ class Main extends es.Core {
protected initialize() { protected initialize() {
try { try {
es.Core.debugRenderEndabled = true; es.Core.debugRenderEndabled = true;
es.TimeRuler.Instance.showLog = true;
this.runGame(); this.runGame();
} catch(err) { } catch(err) {
console.error(err); console.error(err);
demo/src/Scenes/Empty Scene/BasicScene.ts
+17
View File
@@ -3,6 +3,23 @@ module samples {
public async onStart() { public async onStart() {
super.onStart(); super.onStart();
manager.AlterManager.alter_tips("空白场景加载成功"); manager.AlterManager.alter_tips("空白场景加载成功");
this.content.loadRes("moon_png").then(moonTexture => {
let moonEntity = this.createEntity("moon");
moonEntity.position = new es.Vector2(0, 0);
moonEntity.addComponent(new es.SpriteRenderer(moonTexture));
this.camera.entity.addComponent(new es.FollowCamera(moonEntity));
});
}
public update(){
super.update();
let moonEntity = this.findEntity("moon");
if (!moonEntity)
return;
let spriteRenderer = moonEntity.getComponent<es.SpriteRenderer>(es.SpriteRenderer);
console.log(spriteRenderer.bounds, this.camera.bounds);
} }
} }
} }
demo/src/Scenes/Ninja Adventure/NinjaAdventureScene.ts
+2
View File
@@ -53,6 +53,8 @@ module samples {
moonEntity.addComponent(new ProjectileHitDetector()); moonEntity.addComponent(new ProjectileHitDetector());
moonEntity.addComponent(new CircleCollider()); moonEntity.addComponent(new CircleCollider());
}); });
manager.AlterManager.alter_tips("Ninja 场景加载成功");
} }
/** /**
source/bin/framework.d.ts
Vendored
+10 -9
View File
@@ -279,7 +279,7 @@ declare module es {
onAddedToEntity(): void; onAddedToEntity(): void;
onRemovedFromEntity(): void; onRemovedFromEntity(): void;
onEntityTransformChanged(comp: transform.Component): void; onEntityTransformChanged(comp: transform.Component): void;
debugRender(): void; debugRender(camera: Camera): void;
onEnabled(): void; onEnabled(): void;
onDisabled(): void; onDisabled(): void;
update(): void; update(): void;
@@ -336,7 +336,7 @@ declare module es {
onAddedToScene(): void; onAddedToScene(): void;
onRemovedFromScene(): void; onRemovedFromScene(): void;
update(): void; update(): void;
debugRender(): void; debugRender(camera: Camera): void;
addComponent<T extends Component>(component: T): T; addComponent<T extends Component>(component: T): T;
getComponent<T extends Component>(type: any): T; getComponent<T extends Component>(type: any): T;
hasComponent<T extends Component>(type: any): boolean; hasComponent<T extends Component>(type: any): boolean;
@@ -561,7 +561,7 @@ declare module es {
onAddedToEntity(): void; onAddedToEntity(): void;
onGraphicsDeviceReset(): void; onGraphicsDeviceReset(): void;
update(): void; update(): void;
debugRender(): void; debugRender(camera: Camera): void;
clampToMapSize(position: Vector2): Vector2; clampToMapSize(position: Vector2): Vector2;
follow(targetEntity: Entity, cameraStyle?: CameraStyle): void; follow(targetEntity: Entity, cameraStyle?: CameraStyle): void;
updateFollow(): void; updateFollow(): void;
@@ -598,12 +598,13 @@ declare module es {
isVisible: boolean; isVisible: boolean;
onEntityTransformChanged(comp: transform.Component): void; onEntityTransformChanged(comp: transform.Component): void;
abstract render(camera: Camera): any; abstract render(camera: Camera): any;
debugRender(): void; debugRender(camera: Camera): void;
isVisibleFromCamera(camera: Camera): boolean; isVisibleFromCamera(camera: Camera): boolean;
setRenderLayer(renderLayer: number): RenderableComponent; setRenderLayer(renderLayer: number): RenderableComponent;
setColor(color: number): RenderableComponent; setColor(color: number): RenderableComponent;
setLocalOffset(offset: Vector2): RenderableComponent; setLocalOffset(offset: Vector2): RenderableComponent;
sync(camera: Camera): void; sync(camera: Camera): void;
compareTo(other: RenderableComponent): number;
toString(): string; toString(): string;
protected onBecameVisible(): void; protected onBecameVisible(): void;
protected onBecameInvisible(): void; protected onBecameInvisible(): void;
@@ -847,7 +848,7 @@ declare module es {
setSize(width: number, height: number): this; setSize(width: number, height: number): this;
setWidth(width: number): BoxCollider; setWidth(width: number): BoxCollider;
setHeight(height: number): void; setHeight(height: number): void;
debugRender(): void; debugRender(camera: Camera): void;
toString(): string; toString(): string;
} }
} }
@@ -860,7 +861,7 @@ declare module es {
constructor(radius?: number); constructor(radius?: number);
radius: number; radius: number;
setRadius(radius: number): CircleCollider; setRadius(radius: number): CircleCollider;
debugRender(): void; debugRender(camera: Camera): void;
toString(): string; toString(): string;
} }
} }
@@ -956,7 +957,7 @@ declare module es {
onEntityTransformChanged(comp: transform.Component): void; onEntityTransformChanged(comp: transform.Component): void;
onEntityEnabled(): void; onEntityEnabled(): void;
onEntityDisabled(): void; onEntityDisabled(): void;
debugRender(): void; debugRender(camera: Camera): void;
} }
} }
declare module es { declare module es {
@@ -1042,7 +1043,7 @@ declare module es {
isVisible: boolean; isVisible: boolean;
isVisibleFromCamera(camera: Camera): any; isVisibleFromCamera(camera: Camera): any;
render(camera: Camera): any; render(camera: Camera): any;
debugRender(): any; debugRender(camera: Camera): any;
} }
class RenderableComparer { class RenderableComparer {
compare(self: IRenderable, other: IRenderable): number; compare(self: IRenderable, other: IRenderable): number;
@@ -2114,7 +2115,7 @@ declare module es {
static perpendicular(first: Vector2, second: Vector2): Vector2; static perpendicular(first: Vector2, second: Vector2): Vector2;
static normalize(vec: Vector2): void; static normalize(vec: Vector2): void;
static transformA(sourceArray: Vector2[], sourceIndex: number, matrix: Matrix2D, destinationArray: Vector2[], destinationIndex: number, length: number): void; static transformA(sourceArray: Vector2[], sourceIndex: number, matrix: Matrix2D, destinationArray: Vector2[], destinationIndex: number, length: number): void;
static transformR(position: Vector2, matrix: Matrix2D): Vector2; static transformR(position: Vector2, matrix: Matrix2D, result: Vector2): void;
static transform(sourceArray: Vector2[], matrix: Matrix2D, destinationArray: Vector2[]): void; static transform(sourceArray: Vector2[], matrix: Matrix2D, destinationArray: Vector2[]): void;
static round(vec: Vector2): Vector2; static round(vec: Vector2): Vector2;
} }
source/bin/framework.js
+65 -55
View File
@@ -1286,7 +1286,7 @@ var es;
}; };
Component.prototype.onEntityTransformChanged = function (comp) { Component.prototype.onEntityTransformChanged = function (comp) {
}; };
Component.prototype.debugRender = function () { Component.prototype.debugRender = function (camera) {
}; };
Component.prototype.onEnabled = function () { Component.prototype.onEnabled = function () {
}; };
@@ -1559,8 +1559,8 @@ var es;
Entity.prototype.update = function () { Entity.prototype.update = function () {
this.components.update(); this.components.update();
}; };
Entity.prototype.debugRender = function () { Entity.prototype.debugRender = function (camera) {
this.components.debugRender(); this.components.debugRender(camera);
}; };
Entity.prototype.addComponent = function (component) { Entity.prototype.addComponent = function (component) {
component.entity = this; component.entity = this;
@@ -1719,6 +1719,7 @@ var es;
return; return;
} }
for (var i = 0; i < this._renderers.length; i++) { for (var i = 0; i < this._renderers.length; i++) {
this.camera.forceMatrixUpdate();
this._renderers[i].render(this); this._renderers[i].render(this);
} }
}; };
@@ -1901,7 +1902,7 @@ var es;
_this._localScale = es.Vector2.one; _this._localScale = es.Vector2.one;
_this._localRotation = 0; _this._localRotation = 0;
_this.entity = entity; _this.entity = entity;
_this.scale = es.Vector2.one; _this.scale = _this._localScale = es.Vector2.one;
_this._children = []; _this._children = [];
return _this; return _this;
} }
@@ -1988,7 +1989,7 @@ var es;
} }
else { else {
this.parent.updateTransform(); this.parent.updateTransform();
this._position = es.Vector2Ext.transformR(this._localPosition, this.parent._worldTransform); es.Vector2Ext.transformR(this._localPosition, this.parent._worldTransform, this._position);
} }
this._positionDirty = false; this._positionDirty = false;
} }
@@ -2075,7 +2076,7 @@ var es;
return this; return this;
this._position = position; this._position = position;
if (this.parent) { if (this.parent) {
this.localPosition = es.Vector2Ext.transformR(this._position, this._worldToLocalTransform); this.localPosition = es.Vector2.transform(this._position, this._worldToLocalTransform);
} }
else { else {
this.localPosition = position; this.localPosition = position;
@@ -2439,12 +2440,12 @@ var es;
}; };
Camera.prototype.worldToScreenPoint = function (worldPosition) { Camera.prototype.worldToScreenPoint = function (worldPosition) {
this.updateMatrixes(); this.updateMatrixes();
worldPosition = es.Vector2Ext.transformR(worldPosition, this._transformMatrix); es.Vector2Ext.transformR(worldPosition, this._transformMatrix, worldPosition);
return worldPosition; return worldPosition;
}; };
Camera.prototype.screenToWorldPoint = function (screenPosition) { Camera.prototype.screenToWorldPoint = function (screenPosition) {
this.updateMatrixes(); this.updateMatrixes();
screenPosition = es.Vector2Ext.transformR(screenPosition, this._inverseTransformMatrix); es.Vector2Ext.transformR(screenPosition, this._inverseTransformMatrix, screenPosition);
return screenPosition; return screenPosition;
}; };
Camera.prototype.onSceneRenderTargetSizeChanged = function (newWidth, newHeight) { Camera.prototype.onSceneRenderTargetSizeChanged = function (newWidth, newHeight) {
@@ -2469,7 +2470,7 @@ var es;
tempMat = es.Matrix2D.create().rotate(this.entity.transform.rotation); tempMat = es.Matrix2D.create().rotate(this.entity.transform.rotation);
this._transformMatrix = this._transformMatrix.multiply(tempMat); this._transformMatrix = this._transformMatrix.multiply(tempMat);
} }
tempMat = es.Matrix2D.create().translate(this._origin.x, this._origin.y); tempMat = es.Matrix2D.create().translate(Math.floor(this._origin.x), Math.floor(this._origin.y));
this._transformMatrix = this._transformMatrix.multiply(tempMat); this._transformMatrix = this._transformMatrix.multiply(tempMat);
this._inverseTransformMatrix = this._transformMatrix.invert(); this._inverseTransformMatrix = this._transformMatrix.invert();
this._areBoundsDirty = true; this._areBoundsDirty = true;
@@ -2605,20 +2606,20 @@ var es;
this.entity.transform.roundPosition(); this.entity.transform.roundPosition();
} }
}; };
FollowCamera.prototype.debugRender = function () { FollowCamera.prototype.debugRender = function (camera) {
if (!this.rectShape) if (!this.rectShape)
this.debugDisplayObject.addChild(this.rectShape); this.debugDisplayObject.addChild(this.rectShape);
this.rectShape.graphics.clear(); this.rectShape.graphics.clear();
if (this._cameraStyle == CameraStyle.lockOn) { if (this._cameraStyle == CameraStyle.lockOn) {
this.rectShape.graphics.beginFill(0x8B0000, 0); this.rectShape.graphics.beginFill(0x8B0000, 0);
this.rectShape.graphics.lineStyle(1, 0x8B0000); this.rectShape.graphics.lineStyle(1, 0x8B0000);
this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - 5, this._worldSpaceDeadZone.y - 5, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height); this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - 5 - camera.bounds.x, this._worldSpaceDeadZone.y - 5 - camera.bounds.y, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
} }
else { else {
this.rectShape.graphics.beginFill(0x8B0000, 0); this.rectShape.graphics.beginFill(0x8B0000, 0);
this.rectShape.graphics.lineStyle(1, 0x8B0000); this.rectShape.graphics.lineStyle(1, 0x8B0000);
this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x, this._worldSpaceDeadZone.y, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height); this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - camera.bounds.x, this._worldSpaceDeadZone.y - camera.bounds.y, this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
} }
}; };
@@ -2792,19 +2793,26 @@ var es;
RenderableComponent.prototype.onEntityTransformChanged = function (comp) { RenderableComponent.prototype.onEntityTransformChanged = function (comp) {
this._areBoundsDirty = true; this._areBoundsDirty = true;
}; };
RenderableComponent.prototype.debugRender = function () { RenderableComponent.prototype.debugRender = function (camera) {
if (!this.debugRenderEnabled) if (!this.debugRenderEnabled)
return; return;
if (!this.hollowShape.parent) if (!this.hollowShape.parent)
this.debugDisplayObject.addChild(this.hollowShape); this.debugDisplayObject.addChild(this.hollowShape);
if (!this.pixelShape.parent) if (!this.pixelShape.parent)
this.debugDisplayObject.addChild(this.pixelShape); this.debugDisplayObject.addChild(this.pixelShape);
var pixelPos = es.Vector2.add(this.entity.transform.position, this._localOffset); if (!this.entity.getComponent(es.Collider)) {
this.hollowShape.graphics.clear();
this.hollowShape.graphics.beginFill(es.Colors.renderableBounds, 0);
this.hollowShape.graphics.lineStyle(1, es.Colors.renderableBounds);
this.hollowShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.hollowShape.graphics.endFill();
}
var pixelPos = es.Vector2.add(this.entity.transform.position, this._localOffset).subtract(camera.bounds.location);
this.pixelShape.graphics.clear(); this.pixelShape.graphics.clear();
this.pixelShape.graphics.beginFill(es.Colors.renderableCenter, 0); this.pixelShape.graphics.beginFill(es.Colors.renderableCenter, 0);
this.pixelShape.graphics.lineStyle(4, es.Colors.renderableCenter); this.pixelShape.graphics.lineStyle(4, es.Colors.renderableCenter);
this.pixelShape.graphics.lineTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.moveTo(pixelPos.x, pixelPos.y); this.pixelShape.graphics.moveTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.lineTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.endFill(); this.pixelShape.graphics.endFill();
}; };
RenderableComponent.prototype.isVisibleFromCamera = function (camera) { RenderableComponent.prototype.isVisibleFromCamera = function (camera) {
@@ -2833,17 +2841,19 @@ var es;
return this; return this;
}; };
RenderableComponent.prototype.sync = function (camera) { RenderableComponent.prototype.sync = function (camera) {
var afterPos = new es.Vector2(this.entity.position.x + this.localOffset.x - camera.position.x + camera.origin.x, this.entity.position.y + this.localOffset.y - camera.position.y + camera.origin.y); if (this.displayObject.x != this.bounds.x - camera.bounds.y)
if (this.displayObject.x != afterPos.x) this.displayObject.x = this.bounds.x - camera.bounds.y;
this.displayObject.x = afterPos.x; if (this.displayObject.y != this.bounds.y - camera.bounds.y)
if (this.displayObject.y != afterPos.y) this.displayObject.y = this.bounds.y - camera.bounds.y;
this.displayObject.y = afterPos.y;
if (this.displayObject.scaleX != this.entity.scale.x) if (this.displayObject.scaleX != this.entity.scale.x)
this.displayObject.scaleX = this.entity.scale.x; this.displayObject.scaleX = this.entity.scale.x;
if (this.displayObject.scaleY != this.entity.scale.y) if (this.displayObject.scaleY != this.entity.scale.y)
this.displayObject.scaleY = this.entity.scale.y; this.displayObject.scaleY = this.entity.scale.y;
if (this.displayObject.rotation != this.entity.rotation) if (this.displayObject.rotation != this.entity.rotationDegrees)
this.displayObject.rotation = this.entity.rotation; this.displayObject.rotation = this.entity.rotationDegrees;
};
RenderableComponent.prototype.compareTo = function (other) {
return other.renderLayer - this.renderLayer;
}; };
RenderableComponent.prototype.toString = function () { RenderableComponent.prototype.toString = function () {
return "[RenderableComponent] renderLayer: " + this.renderLayer; return "[RenderableComponent] renderLayer: " + this.renderLayer;
@@ -2991,11 +3001,10 @@ var es;
}; };
SpriteRenderer.prototype.render = function (camera) { SpriteRenderer.prototype.render = function (camera) {
this.sync(camera); this.sync(camera);
var afterPos = new es.Vector2(this.entity.position.x + this.localOffset.x - this.origin.x - camera.position.x + camera.origin.x, this.entity.position.y + this.localOffset.y - this.origin.y - camera.position.y + camera.origin.y); if (this.displayObject.x != this.bounds.x - camera.bounds.x)
if (this.displayObject.x != afterPos.x) this.displayObject.x = this.bounds.x - camera.bounds.x;
this.displayObject.x = afterPos.x; if (this.displayObject.y != this.bounds.y - camera.bounds.y)
if (this.displayObject.y != afterPos.y) this.displayObject.y = this.bounds.y - camera.bounds.y;
this.displayObject.y = afterPos.y;
}; };
return SpriteRenderer; return SpriteRenderer;
}(es.RenderableComponent)); }(es.RenderableComponent));
@@ -3732,7 +3741,7 @@ var es;
this.localOffset = es.Vector2.subtract(renderableBounds.center, this.entity.transform.position); this.localOffset = es.Vector2.subtract(renderableBounds.center, this.entity.transform.position);
} }
else { else {
console.warn("Collider has no shape and no RenderableComponent. Can't figure out how to size it."); console.warn("碰撞器没有形状和RenderableComponent。不知道如何调整大小.");
} }
} }
this._isParentEntityAddedToScene = true; this._isParentEntityAddedToScene = true;
@@ -3869,7 +3878,7 @@ var es;
es.Physics.updateCollider(this); es.Physics.updateCollider(this);
} }
}; };
BoxCollider.prototype.debugRender = function () { BoxCollider.prototype.debugRender = function (camera) {
var poly = this.shape; var poly = this.shape;
if (!this.hollowShape.parent) if (!this.hollowShape.parent)
this.debugDisplayObject.addChild(this.hollowShape); this.debugDisplayObject.addChild(this.hollowShape);
@@ -3882,7 +3891,7 @@ var es;
this.hollowShape.graphics.clear(); this.hollowShape.graphics.clear();
this.hollowShape.graphics.beginFill(es.Colors.colliderBounds, 0); this.hollowShape.graphics.beginFill(es.Colors.colliderBounds, 0);
this.hollowShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds); this.hollowShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds);
this.hollowShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.hollowShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.hollowShape.graphics.endFill(); this.hollowShape.graphics.endFill();
this.polygonShape.graphics.clear(); this.polygonShape.graphics.clear();
if (poly.points.length >= 2) { if (poly.points.length >= 2) {
@@ -3890,26 +3899,26 @@ var es;
this.polygonShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge); this.polygonShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge);
for (var i = 0; i < poly.points.length; i++) { for (var i = 0; i < poly.points.length; i++) {
if (i == 0) { if (i == 0) {
this.polygonShape.graphics.moveTo(poly.position.x + poly.points[i].x, poly.position.y + poly.points[i].y); this.polygonShape.graphics.moveTo(poly.position.x + poly.points[i].x - camera.bounds.x, poly.position.y + poly.points[i].y - camera.bounds.y);
} }
else { else {
this.polygonShape.graphics.lineTo(poly.position.x + poly.points[i].x, poly.position.y + poly.points[i].y); this.polygonShape.graphics.lineTo(poly.position.x + poly.points[i].x - camera.bounds.x, poly.position.y + poly.points[i].y - camera.bounds.y);
} }
} }
this.polygonShape.graphics.lineTo(poly.position.x + poly.points[poly.points.length - 1].x, poly.position.y + poly.points[0].y); this.polygonShape.graphics.lineTo(poly.position.x + poly.points[poly.points.length - 1].x - camera.bounds.x, poly.position.y + poly.points[0].y - camera.bounds.y);
this.polygonShape.graphics.endFill(); this.polygonShape.graphics.endFill();
} }
this.pixelShape1.graphics.clear(); this.pixelShape1.graphics.clear();
this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0); this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0);
this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition); this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition);
this.pixelShape1.graphics.moveTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.moveTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.lineTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.lineTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.endFill(); this.pixelShape1.graphics.endFill();
this.pixelShape2.graphics.clear(); this.pixelShape2.graphics.clear();
this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0); this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0);
this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter); this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter);
this.pixelShape2.graphics.moveTo(this.entity.transform.position.x + this.shape.center.x, this.entity.transform.position.y + this.shape.center.y); this.pixelShape2.graphics.moveTo(this.entity.transform.position.x + this.shape.center.x - camera.bounds.x, this.entity.transform.position.y + this.shape.center.y - camera.bounds.y);
this.pixelShape2.graphics.lineTo(this.entity.transform.position.x + this.shape.center.x, this.entity.transform.position.y + this.shape.center.y); this.pixelShape2.graphics.lineTo(this.entity.transform.position.x + this.shape.center.x - camera.bounds.x, this.entity.transform.position.y + this.shape.center.y - camera.bounds.y);
this.pixelShape2.graphics.endFill(); this.pixelShape2.graphics.endFill();
}; };
BoxCollider.prototype.toString = function () { BoxCollider.prototype.toString = function () {
@@ -3959,7 +3968,7 @@ var es;
} }
return this; return this;
}; };
CircleCollider.prototype.debugRender = function () { CircleCollider.prototype.debugRender = function (camera) {
if (!this.rectShape.parent) if (!this.rectShape.parent)
this.debugDisplayObject.addChild(this.rectShape); this.debugDisplayObject.addChild(this.rectShape);
if (!this.circleShape.parent) if (!this.circleShape.parent)
@@ -3971,24 +3980,24 @@ var es;
this.rectShape.graphics.clear(); this.rectShape.graphics.clear();
this.rectShape.graphics.beginFill(es.Colors.colliderBounds, 0); this.rectShape.graphics.beginFill(es.Colors.colliderBounds, 0);
this.rectShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds); this.rectShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderBounds);
this.rectShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.rectShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
this.circleShape.graphics.clear(); this.circleShape.graphics.clear();
this.circleShape.graphics.beginFill(es.Colors.colliderEdge, 0); this.circleShape.graphics.beginFill(es.Colors.colliderEdge, 0);
this.circleShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge); this.circleShape.graphics.lineStyle(es.Size.lineSizeMultiplier, es.Colors.colliderEdge);
this.circleShape.graphics.drawCircle(this.shape.position.x, this.shape.position.y, this.shape.radius); this.circleShape.graphics.drawCircle(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y, this.shape.radius);
this.circleShape.graphics.endFill(); this.circleShape.graphics.endFill();
this.pixelShape1.graphics.clear(); this.pixelShape1.graphics.clear();
this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0); this.pixelShape1.graphics.beginFill(es.Colors.colliderPosition, 0);
this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition); this.pixelShape1.graphics.lineStyle(4 * es.Size.lineSizeMultiplier, es.Colors.colliderPosition);
this.pixelShape1.graphics.moveTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.moveTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.lineTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.lineTo(this.entity.transform.position.x - camera.bounds.y, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.endFill(); this.pixelShape1.graphics.endFill();
this.pixelShape2.graphics.clear(); this.pixelShape2.graphics.clear();
this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0); this.pixelShape2.graphics.beginFill(es.Colors.colliderCenter, 0);
this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter); this.pixelShape2.graphics.lineStyle(2 * es.Size.lineSizeMultiplier, es.Colors.colliderCenter);
this.pixelShape2.graphics.moveTo(this.shape.position.x, this.shape.position.y); this.pixelShape2.graphics.moveTo(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y);
this.pixelShape2.graphics.lineTo(this.shape.position.x, this.shape.position.y); this.pixelShape2.graphics.lineTo(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y);
this.pixelShape2.graphics.endFill(); this.pixelShape2.graphics.endFill();
}; };
CircleCollider.prototype.toString = function () { CircleCollider.prototype.toString = function () {
@@ -4450,10 +4459,10 @@ var es;
for (var i = 0; i < this._components.length; i++) for (var i = 0; i < this._components.length; i++)
this._components[i].onDisabled(); this._components[i].onDisabled();
}; };
ComponentList.prototype.debugRender = function () { ComponentList.prototype.debugRender = function (camera) {
for (var i = 0; i < this._components.length; i++) { for (var i = 0; i < this._components.length; i++) {
if (this._components[i].enabled) if (this._components[i].enabled)
this._components[i].debugRender(); this._components[i].debugRender(camera);
} }
}; };
ComponentList.compareUpdatableOrder = new es.IUpdatableComparer(); ComponentList.compareUpdatableOrder = new es.IUpdatableComparer();
@@ -5699,7 +5708,7 @@ var es;
for (var i = 0; i < scene.entities.count; i++) { for (var i = 0; i < scene.entities.count; i++) {
var entity = scene.entities.buffer[i]; var entity = scene.entities.buffer[i];
if (entity.enabled) if (entity.enabled)
entity.debugRender(); entity.debugRender(cam);
} }
}; };
return Renderer; return Renderer;
@@ -5756,7 +5765,7 @@ var es;
var renderable = scene.renderableComponents.buffer[i]; var renderable = scene.renderableComponents.buffer[i];
if (!this.excludedRenderLayers.contains(renderable.renderLayer) && renderable.enabled && if (!this.excludedRenderLayers.contains(renderable.renderLayer) && renderable.enabled &&
renderable.isVisibleFromCamera(cam)) renderable.isVisibleFromCamera(cam))
renderable.debugRender(); renderable.debugRender(cam);
} }
_super.prototype.debugRender.call(this, scene, cam); _super.prototype.debugRender.call(this, scene, cam);
}; };
@@ -5798,7 +5807,7 @@ var es;
for (var j = 0; j < renderables.length; j++) { for (var j = 0; j < renderables.length; j++) {
var entity = renderables[j]; var entity = renderables[j];
if (entity.enabled) if (entity.enabled)
entity.debugRender(); entity.debugRender(cam);
} }
} }
}; };
@@ -6593,10 +6602,10 @@ var es;
var topRight = new es.Vector2(worldPosX + width, worldPosY); var topRight = new es.Vector2(worldPosX + width, worldPosY);
var bottomLeft = new es.Vector2(worldPosX, worldPosY + height); var bottomLeft = new es.Vector2(worldPosX, worldPosY + height);
var bottomRight = new es.Vector2(worldPosX + width, worldPosY + height); var bottomRight = new es.Vector2(worldPosX + width, worldPosY + height);
topLeft = es.Vector2Ext.transformR(topLeft, this._transformMat); es.Vector2Ext.transformR(topLeft, this._transformMat, topLeft);
topRight = es.Vector2Ext.transformR(topRight, this._transformMat); es.Vector2Ext.transformR(topRight, this._transformMat, topRight);
bottomLeft = es.Vector2Ext.transformR(bottomLeft, this._transformMat); es.Vector2Ext.transformR(bottomLeft, this._transformMat, bottomLeft);
bottomRight = es.Vector2Ext.transformR(bottomRight, this._transformMat); es.Vector2Ext.transformR(bottomRight, this._transformMat, bottomRight);
var minX = Math.min(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x); var minX = Math.min(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x);
var maxX = Math.max(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x); var maxX = Math.max(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x);
var minY = Math.min(topLeft.y, bottomRight.y, topRight.y, bottomLeft.y); var minY = Math.min(topLeft.y, bottomRight.y, topRight.y, bottomLeft.y);
@@ -10229,10 +10238,11 @@ var es;
destinationArray[destinationIndex + i] = destination; destinationArray[destinationIndex + i] = destination;
} }
}; };
Vector2Ext.transformR = function (position, matrix) { Vector2Ext.transformR = function (position, matrix, result) {
var x = (position.x * matrix.m11) + (position.y * matrix.m21) + matrix.m31; var x = (position.x * matrix.m11) + (position.y * matrix.m21) + matrix.m31;
var y = (position.x * matrix.m12) + (position.y * matrix.m22) + matrix.m32; var y = (position.x * matrix.m12) + (position.y * matrix.m22) + matrix.m32;
return new es.Vector2(x, y); result.x = x;
result.y = y;
}; };
Vector2Ext.transform = function (sourceArray, matrix, destinationArray) { Vector2Ext.transform = function (sourceArray, matrix, destinationArray) {
this.transformA(sourceArray, 0, matrix, destinationArray, 0, sourceArray.length); this.transformA(sourceArray, 0, matrix, destinationArray, 0, sourceArray.length);
source/bin/framework.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
source/src/ECS/Component.ts
+1 -1
View File
@@ -85,7 +85,7 @@ module es {
/** /**
* *
*/ */
public debugRender() { public debugRender(camera: Camera) {
} }
/** /**
source/src/ECS/Components/Camera.ts
+3 -3
View File
@@ -312,7 +312,7 @@ module es {
*/ */
public worldToScreenPoint(worldPosition: Vector2): Vector2 { public worldToScreenPoint(worldPosition: Vector2): Vector2 {
this.updateMatrixes(); this.updateMatrixes();
worldPosition = Vector2Ext.transformR(worldPosition, this._transformMatrix); Vector2Ext.transformR(worldPosition, this._transformMatrix, worldPosition);
return worldPosition; return worldPosition;
} }
@@ -322,7 +322,7 @@ module es {
*/ */
public screenToWorldPoint(screenPosition: Vector2): Vector2 { public screenToWorldPoint(screenPosition: Vector2): Vector2 {
this.updateMatrixes(); this.updateMatrixes();
screenPosition = Vector2Ext.transformR(screenPosition, this._inverseTransformMatrix); Vector2Ext.transformR(screenPosition, this._inverseTransformMatrix, screenPosition);
return screenPosition; return screenPosition;
} }
@@ -363,7 +363,7 @@ module es {
this._transformMatrix = this._transformMatrix.multiply(tempMat); this._transformMatrix = this._transformMatrix.multiply(tempMat);
} }
tempMat = Matrix2D.create().translate(this._origin.x, this._origin.y); tempMat = Matrix2D.create().translate(Math.floor(this._origin.x), Math.floor(this._origin.y));
this._transformMatrix = this._transformMatrix.multiply(tempMat); this._transformMatrix = this._transformMatrix.multiply(tempMat);
this._inverseTransformMatrix = this._transformMatrix.invert(); this._inverseTransformMatrix = this._transformMatrix.invert();
source/src/ECS/Components/FollowCamera.ts
+3 -3
View File
@@ -82,7 +82,7 @@ module es {
} }
} }
public debugRender() { public debugRender(camera: Camera) {
if (!this.rectShape) if (!this.rectShape)
this.debugDisplayObject.addChild(this.rectShape); this.debugDisplayObject.addChild(this.rectShape);
@@ -90,13 +90,13 @@ module es {
if (this._cameraStyle == CameraStyle.lockOn){ if (this._cameraStyle == CameraStyle.lockOn){
this.rectShape.graphics.beginFill(0x8B0000, 0); this.rectShape.graphics.beginFill(0x8B0000, 0);
this.rectShape.graphics.lineStyle(1, 0x8B0000); this.rectShape.graphics.lineStyle(1, 0x8B0000);
this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - 5, this._worldSpaceDeadZone.y - 5, this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - 5 - camera.bounds.x, this._worldSpaceDeadZone.y - 5 - camera.bounds.y,
this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height); this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
} else { } else {
this.rectShape.graphics.beginFill(0x8B0000, 0); this.rectShape.graphics.beginFill(0x8B0000, 0);
this.rectShape.graphics.lineStyle(1, 0x8B0000); this.rectShape.graphics.lineStyle(1, 0x8B0000);
this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x, this._worldSpaceDeadZone.y, this.rectShape.graphics.drawRect(this._worldSpaceDeadZone.x - camera.bounds.x, this._worldSpaceDeadZone.y - camera.bounds.y,
this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height); this._worldSpaceDeadZone.width, this._worldSpaceDeadZone.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
} }
source/src/ECS/Components/Physics/Colliders/BoxCollider.ts
+11 -11
View File
@@ -94,7 +94,7 @@ module es {
} }
} }
public debugRender() { public debugRender(camera: Camera) {
let poly = this.shape as Polygon; let poly = this.shape as Polygon;
if (!this.hollowShape.parent) if (!this.hollowShape.parent)
this.debugDisplayObject.addChild(this.hollowShape); this.debugDisplayObject.addChild(this.hollowShape);
@@ -111,7 +111,7 @@ module es {
this.hollowShape.graphics.clear(); this.hollowShape.graphics.clear();
this.hollowShape.graphics.beginFill(Colors.colliderBounds, 0); this.hollowShape.graphics.beginFill(Colors.colliderBounds, 0);
this.hollowShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderBounds); this.hollowShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderBounds);
this.hollowShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.hollowShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.hollowShape.graphics.endFill(); this.hollowShape.graphics.endFill();
this.polygonShape.graphics.clear(); this.polygonShape.graphics.clear();
@@ -120,30 +120,30 @@ module es {
this.polygonShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderEdge); this.polygonShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderEdge);
for (let i = 0; i < poly.points.length; i ++){ for (let i = 0; i < poly.points.length; i ++){
if (i == 0){ if (i == 0){
this.polygonShape.graphics.moveTo(poly.position.x + poly.points[i].x, poly.position.y + poly.points[i].y); this.polygonShape.graphics.moveTo(poly.position.x + poly.points[i].x - camera.bounds.x, poly.position.y + poly.points[i].y - camera.bounds.y);
}else{ }else{
this.polygonShape.graphics.lineTo(poly.position.x + poly.points[i].x, poly.position.y + poly.points[i].y); this.polygonShape.graphics.lineTo(poly.position.x + poly.points[i].x - camera.bounds.x, poly.position.y + poly.points[i].y - camera.bounds.y);
} }
} }
this.polygonShape.graphics.lineTo(poly.position.x + poly.points[poly.points.length - 1].x, poly.position.y + poly.points[0].y); this.polygonShape.graphics.lineTo(poly.position.x + poly.points[poly.points.length - 1].x - camera.bounds.x, poly.position.y + poly.points[0].y - camera.bounds.y);
this.polygonShape.graphics.endFill(); this.polygonShape.graphics.endFill();
} }
this.pixelShape1.graphics.clear(); this.pixelShape1.graphics.clear();
this.pixelShape1.graphics.beginFill(Colors.colliderPosition, 0); this.pixelShape1.graphics.beginFill(Colors.colliderPosition, 0);
this.pixelShape1.graphics.lineStyle(4 * Size.lineSizeMultiplier, Colors.colliderPosition); this.pixelShape1.graphics.lineStyle(4 * Size.lineSizeMultiplier, Colors.colliderPosition);
this.pixelShape1.graphics.moveTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.moveTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.lineTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.lineTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.endFill(); this.pixelShape1.graphics.endFill();
this.pixelShape2.graphics.clear(); this.pixelShape2.graphics.clear();
this.pixelShape2.graphics.beginFill(Colors.colliderCenter, 0); this.pixelShape2.graphics.beginFill(Colors.colliderCenter, 0);
this.pixelShape2.graphics.lineStyle(2 * Size.lineSizeMultiplier, Colors.colliderCenter); this.pixelShape2.graphics.lineStyle(2 * Size.lineSizeMultiplier, Colors.colliderCenter);
this.pixelShape2.graphics.moveTo(this.entity.transform.position.x + this.shape.center.x, this.pixelShape2.graphics.moveTo(this.entity.transform.position.x + this.shape.center.x - camera.bounds.x,
this.entity.transform.position.y + this.shape.center.y); this.entity.transform.position.y + this.shape.center.y - camera.bounds.y);
this.pixelShape2.graphics.lineTo(this.entity.transform.position.x + this.shape.center.x, this.pixelShape2.graphics.lineTo(this.entity.transform.position.x + this.shape.center.x - camera.bounds.x,
this.entity.transform.position.y + this.shape.center.y); this.entity.transform.position.y + this.shape.center.y - camera.bounds.y);
this.pixelShape2.graphics.endFill(); this.pixelShape2.graphics.endFill();
} }
source/src/ECS/Components/Physics/Colliders/CircleCollider.ts
+7 -7
View File
@@ -49,7 +49,7 @@ module es {
return this; return this;
} }
public debugRender() { public debugRender(camera: Camera) {
if (!this.rectShape.parent) if (!this.rectShape.parent)
this.debugDisplayObject.addChild(this.rectShape); this.debugDisplayObject.addChild(this.rectShape);
@@ -65,27 +65,27 @@ module es {
this.rectShape.graphics.clear(); this.rectShape.graphics.clear();
this.rectShape.graphics.beginFill(Colors.colliderBounds, 0); this.rectShape.graphics.beginFill(Colors.colliderBounds, 0);
this.rectShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderBounds); this.rectShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderBounds);
this.rectShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.rectShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
this.rectShape.graphics.endFill(); this.rectShape.graphics.endFill();
this.circleShape.graphics.clear(); this.circleShape.graphics.clear();
this.circleShape.graphics.beginFill(Colors.colliderEdge, 0); this.circleShape.graphics.beginFill(Colors.colliderEdge, 0);
this.circleShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderEdge); this.circleShape.graphics.lineStyle(Size.lineSizeMultiplier, Colors.colliderEdge);
this.circleShape.graphics.drawCircle(this.shape.position.x, this.shape.position.y, (this.shape as Circle).radius); this.circleShape.graphics.drawCircle(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y, (this.shape as Circle).radius);
this.circleShape.graphics.endFill(); this.circleShape.graphics.endFill();
this.pixelShape1.graphics.clear(); this.pixelShape1.graphics.clear();
this.pixelShape1.graphics.beginFill(Colors.colliderPosition, 0); this.pixelShape1.graphics.beginFill(Colors.colliderPosition, 0);
this.pixelShape1.graphics.lineStyle(4 * Size.lineSizeMultiplier, Colors.colliderPosition); this.pixelShape1.graphics.lineStyle(4 * Size.lineSizeMultiplier, Colors.colliderPosition);
this.pixelShape1.graphics.moveTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.moveTo(this.entity.transform.position.x - camera.bounds.x, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.lineTo(this.entity.transform.position.x, this.entity.transform.position.y); this.pixelShape1.graphics.lineTo(this.entity.transform.position.x - camera.bounds.y, this.entity.transform.position.y - camera.bounds.y);
this.pixelShape1.graphics.endFill(); this.pixelShape1.graphics.endFill();
this.pixelShape2.graphics.clear(); this.pixelShape2.graphics.clear();
this.pixelShape2.graphics.beginFill(Colors.colliderCenter, 0); this.pixelShape2.graphics.beginFill(Colors.colliderCenter, 0);
this.pixelShape2.graphics.lineStyle(2 * Size.lineSizeMultiplier, Colors.colliderCenter); this.pixelShape2.graphics.lineStyle(2 * Size.lineSizeMultiplier, Colors.colliderCenter);
this.pixelShape2.graphics.moveTo(this.shape.position.x, this.shape.position.y); this.pixelShape2.graphics.moveTo(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y);
this.pixelShape2.graphics.lineTo(this.shape.position.x, this.shape.position.y); this.pixelShape2.graphics.lineTo(this.shape.position.x - camera.bounds.x, this.shape.position.y - camera.bounds.y);
this.pixelShape2.graphics.endFill(); this.pixelShape2.graphics.endFill();
} }
source/src/ECS/Components/Physics/Colliders/Collider.ts
+1 -1
View File
@@ -136,7 +136,7 @@ module es {
// 获取渲染的中心，将其转移到本地坐标，并使用它作为碰撞器的localOffset // 获取渲染的中心，将其转移到本地坐标，并使用它作为碰撞器的localOffset
this.localOffset = Vector2.subtract(renderableBounds.center, this.entity.transform.position); this.localOffset = Vector2.subtract(renderableBounds.center, this.entity.transform.position);
} else { } else {
console.warn("Collider has no shape and no RenderableComponent. Can't figure out how to size it."); console.warn("碰撞器没有形状和RenderableComponent。不知道如何调整大小.");
} }
} }
source/src/ECS/Components/RenderableComponent.ts
+17 -15
View File
@@ -112,7 +112,7 @@ module es {
*/ */
public abstract render(camera: Camera); public abstract render(camera: Camera);
public debugRender() { public debugRender(camera: Camera) {
if (!this.debugRenderEnabled) if (!this.debugRenderEnabled)
return; return;
@@ -122,20 +122,20 @@ module es {
if (!this.pixelShape.parent) if (!this.pixelShape.parent)
this.debugDisplayObject.addChild(this.pixelShape); this.debugDisplayObject.addChild(this.pixelShape);
// if (!this.entity.getComponent(Collider)){ if (!this.entity.getComponent(Collider)){
// this.hollowShape.graphics.clear(); this.hollowShape.graphics.clear();
// this.hollowShape.graphics.beginFill(Colors.renderableBounds, 0); this.hollowShape.graphics.beginFill(Colors.renderableBounds, 0);
// this.hollowShape.graphics.lineStyle(1, Colors.renderableBounds); this.hollowShape.graphics.lineStyle(1, Colors.renderableBounds);
// this.hollowShape.graphics.drawRect(this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); this.hollowShape.graphics.drawRect(this.bounds.x - camera.bounds.x, this.bounds.y - camera.bounds.y, this.bounds.width, this.bounds.height);
// this.hollowShape.graphics.endFill(); this.hollowShape.graphics.endFill();
// } }
let pixelPos = Vector2.add(this.entity.transform.position, this._localOffset); let pixelPos = Vector2.add(this.entity.transform.position, this._localOffset).subtract(camera.bounds.location);
this.pixelShape.graphics.clear(); this.pixelShape.graphics.clear();
this.pixelShape.graphics.beginFill(Colors.renderableCenter, 0); this.pixelShape.graphics.beginFill(Colors.renderableCenter, 0);
this.pixelShape.graphics.lineStyle(4, Colors.renderableCenter); this.pixelShape.graphics.lineStyle(4, Colors.renderableCenter);
this.pixelShape.graphics.lineTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.moveTo(pixelPos.x, pixelPos.y); this.pixelShape.graphics.moveTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.lineTo(pixelPos.x, pixelPos.y);
this.pixelShape.graphics.endFill(); this.pixelShape.graphics.endFill();
} }
@@ -195,13 +195,15 @@ module es {
* 进行状态同步 * 进行状态同步
*/ */
public sync(camera: Camera) { public sync(camera: Camera) {
let afterPos = new Vector2(this.entity.position.x + this.localOffset.x - camera.position.x + camera.origin.x, if (this.displayObject.x != this.bounds.x - camera.bounds.y) this.displayObject.x = this.bounds.x - camera.bounds.y;
this.entity.position.y + this.localOffset.y - camera.position.y + camera.origin.y); if (this.displayObject.y != this.bounds.y - camera.bounds.y) this.displayObject.y = this.bounds.y - camera.bounds.y;
if (this.displayObject.x != afterPos.x) this.displayObject.x = afterPos.x;
if (this.displayObject.y != afterPos.y) this.displayObject.y = afterPos.y;
if (this.displayObject.scaleX != this.entity.scale.x) this.displayObject.scaleX = this.entity.scale.x; if (this.displayObject.scaleX != this.entity.scale.x) this.displayObject.scaleX = this.entity.scale.x;
if (this.displayObject.scaleY != this.entity.scale.y) this.displayObject.scaleY = this.entity.scale.y; if (this.displayObject.scaleY != this.entity.scale.y) this.displayObject.scaleY = this.entity.scale.y;
if (this.displayObject.rotation != this.entity.rotation) this.displayObject.rotation = this.entity.rotation; if (this.displayObject.rotation != this.entity.rotationDegrees) this.displayObject.rotation = this.entity.rotationDegrees;
}
public compareTo(other: RenderableComponent){
return other.renderLayer - this.renderLayer;
} }
public toString() { public toString() {
source/src/ECS/Components/SpriteRenderer.ts
+2 -4
View File
@@ -123,10 +123,8 @@ module es {
public render(camera: Camera) { public render(camera: Camera) {
this.sync(camera); this.sync(camera);
let afterPos = new Vector2(this.entity.position.x + this.localOffset.x - this.origin.x - camera.position.x + camera.origin.x, if (this.displayObject.x != this.bounds.x - camera.bounds.x) this.displayObject.x = this.bounds.x - camera.bounds.x;
this.entity.position.y + this.localOffset.y - this.origin.y - camera.position.y + camera.origin.y); if (this.displayObject.y != this.bounds.y - camera.bounds.y) this.displayObject.y = this.bounds.y - camera.bounds.y;
if (this.displayObject.x != afterPos.x) this.displayObject.x = afterPos.x;
if (this.displayObject.y != afterPos.y) this.displayObject.y = afterPos.y;
} }
} }
} }
source/src/ECS/Entity.ts
+2 -2
View File
@@ -305,8 +305,8 @@ module es {
/** /**
* 在默认渲染器中，如果Core.debugRenderEnabled为true，则调用。自定义渲染器可以选择是否调用它。 * 在默认渲染器中，如果Core.debugRenderEnabled为true，则调用。自定义渲染器可以选择是否调用它。
*/ */
public debugRender(){ public debugRender(camera: Camera){
this.components.debugRender(); this.components.debugRender(camera);
} }
/** /**
source/src/ECS/Scene.ts
+1
View File
@@ -184,6 +184,7 @@ module es {
} }
for (let i = 0; i < this._renderers.length; i++) { for (let i = 0; i < this._renderers.length; i++) {
this.camera.forceMatrixUpdate();
this._renderers[i].render(this); this._renderers[i].render(this);
} }
} }
source/src/ECS/Transform.ts
+3 -3
View File
@@ -43,7 +43,7 @@ module es {
constructor(entity: Entity) { constructor(entity: Entity) {
super(); super();
this.entity = entity; this.entity = entity;
this.scale = Vector2.one; this.scale = this._localScale = Vector2.one;
this._children = []; this._children = [];
} }
@@ -147,7 +147,7 @@ module es {
this._position = this._localPosition; this._position = this._localPosition;
} else { } else {
this.parent.updateTransform(); this.parent.updateTransform();
this._position = Vector2Ext.transformR(this._localPosition, this.parent._worldTransform); Vector2Ext.transformR(this._localPosition, this.parent._worldTransform, this._position);
} }
this._positionDirty = false; this._positionDirty = false;
@@ -293,7 +293,7 @@ module es {
this._position = position; this._position = position;
if (this.parent) { if (this.parent) {
this.localPosition = Vector2Ext.transformR(this._position, this._worldToLocalTransform); this.localPosition = Vector2.transform(this._position, this._worldToLocalTransform);
} else { } else {
this.localPosition = position; this.localPosition = position;
} }
source/src/ECS/Utils/ComponentList.ts
+2 -2
View File
@@ -274,10 +274,10 @@ module es {
this._components[i].onDisabled(); this._components[i].onDisabled();
} }
public debugRender(){ public debugRender(camera: Camera){
for (let i = 0; i < this._components.length; i ++){ for (let i = 0; i < this._components.length; i ++){
if (this._components[i].enabled) if (this._components[i].enabled)
this._components[i].debugRender(); this._components[i].debugRender(camera);
} }
} }
} }
source/src/Graphics/Renderers/IRenderable.ts
+1 -1
View File
@@ -38,7 +38,7 @@ module es {
/** /**
* 只有在没有碰撞器时才呈现边界。总是在原点上渲染一个正方形。 * 只有在没有碰撞器时才呈现边界。总是在原点上渲染一个正方形。
*/ */
debugRender(); debugRender(camera: Camera);
} }
/** /**
source/src/Graphics/Renderers/RenderLayerExcludeRenderer.ts
+1 -1
View File
@@ -31,7 +31,7 @@ module es {
let renderable = scene.renderableComponents.buffer[i]; let renderable = scene.renderableComponents.buffer[i];
if (!this.excludedRenderLayers.contains(renderable.renderLayer) && renderable.enabled && if (!this.excludedRenderLayers.contains(renderable.renderLayer) && renderable.enabled &&
renderable.isVisibleFromCamera(cam)) renderable.isVisibleFromCamera(cam))
renderable.debugRender(); renderable.debugRender(cam);
} }
super.debugRender(scene, cam); super.debugRender(scene, cam);
source/src/Graphics/Renderers/Renderer.ts
+1 -1
View File
@@ -89,7 +89,7 @@ module es {
for (let i = 0; i < scene.entities.count; i ++){ for (let i = 0; i < scene.entities.count; i ++){
let entity = scene.entities.buffer[i]; let entity = scene.entities.buffer[i];
if (entity.enabled) if (entity.enabled)
entity.debugRender(); entity.debugRender(cam);
} }
} }
} }
source/src/Graphics/Renderers/ScreenSpaceRenderer.ts
+1 -1
View File
@@ -34,7 +34,7 @@ module es {
for (let j = 0; j < renderables.length; j ++){ for (let j = 0; j < renderables.length; j ++){
let entity = renderables[j]; let entity = renderables[j];
if (entity.enabled) if (entity.enabled)
entity.debugRender(); entity.debugRender(cam);
} }
} }
} }
source/src/Math/Rectangle.ts
+4 -4
View File
@@ -243,10 +243,10 @@ module es {
let bottomLeft = new Vector2(worldPosX, worldPosY + height); let bottomLeft = new Vector2(worldPosX, worldPosY + height);
let bottomRight = new Vector2(worldPosX + width, worldPosY + height); let bottomRight = new Vector2(worldPosX + width, worldPosY + height);
topLeft = Vector2Ext.transformR(topLeft, this._transformMat); Vector2Ext.transformR(topLeft, this._transformMat, topLeft);
topRight = Vector2Ext.transformR(topRight, this._transformMat); Vector2Ext.transformR(topRight, this._transformMat, topRight);
bottomLeft = Vector2Ext.transformR(bottomLeft, this._transformMat); Vector2Ext.transformR(bottomLeft, this._transformMat, bottomLeft);
bottomRight = Vector2Ext.transformR(bottomRight, this._transformMat); Vector2Ext.transformR(bottomRight, this._transformMat, bottomRight);
let minX = Math.min(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x); let minX = Math.min(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x);
let maxX = Math.max(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x); let maxX = Math.max(topLeft.x, bottomRight.x, topRight.x, bottomLeft.x);
source/src/Utils/Vector2Ext.ts
+3 -2
View File
@@ -62,10 +62,11 @@ module es {
} }
} }
public static transformR(position: Vector2, matrix: Matrix2D) { public static transformR(position: Vector2, matrix: Matrix2D, result: Vector2) {
let x = (position.x * matrix.m11) + (position.y * matrix.m21) + matrix.m31; let x = (position.x * matrix.m11) + (position.y * matrix.m21) + matrix.m31;
let y = (position.x * matrix.m12) + (position.y * matrix.m22) + matrix.m32; let y = (position.x * matrix.m12) + (position.y * matrix.m22) + matrix.m32;
return new Vector2(x, y); result.x = x;
result.y = y;
} }
/** /**