Test_Project_Cocos/ActionShadowDemo
1
0
Fork 0
mirror of https://github.com/szrpf/ActionShadowDemo.git synced 2025-05-23 10:44:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Signed-off-by: szrpf <27185709@qq.com>

Browse Source
This commit is contained in:
szrpf 2023-05-14 20:11:49 +08:00
parent b508b522ba
commit 064011ae31
1 changed files with 17 additions and 14 deletions

31
assets/Script/ActionShadow.ts

@ -57,14 +57,6 @@ export default class ActionShadow extends cc.Component {
this.updateShadowData(); this.updateShadowData();
} }
@property() @property()
private _shadowScale: number = 0.1;
@property({ min: 0, max: 1, step: 0.1, slide: true, displayName: CC_DEV && '尾部缩放系数' })
private get shadowScale(): number { return this._shadowScale; }
private set shadowScale(value: number) {
this._shadowScale = value;
this.updateShadowData();
}
@property()
private _shadowColor: cc.Color = cc.color(255, 255, 255); private _shadowColor: cc.Color = cc.color(255, 255, 255);
@property({ displayName: CC_DEV && '残影颜色' }) @property({ displayName: CC_DEV && '残影颜色' })
private get shadowColor(): cc.Color { return this._shadowColor; } private get shadowColor(): cc.Color { return this._shadowColor; }
@ -73,6 +65,14 @@ export default class ActionShadow extends cc.Component {
this.updateColor(); this.updateColor();
} }
@property() @property()
private _shadowScale: number = 0.1;
@property({ min: 0, max: 1, step: 0.1, slide: true, displayName: CC_DEV && '尾部缩放系数' })
private get shadowScale(): number { return this._shadowScale; }
private set shadowScale(value: number) {
this._shadowScale = value;
this.updateShadowData();
}
@property()
private _opacity: number = 50; private _opacity: number = 50;
@property({ type: cc.Integer, min: 0, max: 255, slide: true, displayName: CC_DEV && '透明度' }) @property({ type: cc.Integer, min: 0, max: 255, slide: true, displayName: CC_DEV && '透明度' })
private get opacity(): number { return this._opacity; } private get opacity(): number { return this._opacity; }
@ -133,8 +133,9 @@ export default class ActionShadow extends cc.Component {
cur.frameTime = prev.frameTime; cur.frameTime = prev.frameTime;
} }
let data = this.shadowData[0]; let data = this.shadowData[0];
data.x = this.node.x; let matrix = this.node['_worldMatrix'].m;
data.y = this.node.y; data.x = matrix[12];
data.y = matrix[13];
data.scaleX = this.node.scaleX; data.scaleX = this.node.scaleX;
data.scaleY = this.node.scaleY; data.scaleY = this.node.scaleY;
data.angle = this.node.angle; data.angle = this.node.angle;
@ -142,11 +143,12 @@ export default class ActionShadow extends cc.Component {
data.actionName = this.model.currentClip.name; data.actionName = this.model.currentClip.name;
data.frameTime = this.model.getAnimationState(data.actionName).time; data.frameTime = this.model.getAnimationState(data.actionName).time;
} }
matrix = this.shadowNode['_worldMatrix'].m;
for (let i = this.shadowNum - 1; i >= 0; --i) { for (let i = this.shadowNum - 1; i >= 0; --i) {
let node = this.shadowNode.children[i]; let node = this.shadowNode.children[i];
data = this.shadowData[this.deltTime * (i + 1)]; data = this.shadowData[this.deltTime * (i + 1)];
node.x = data.x; node.x = data.x - matrix[12];
node.y = data.y; node.y = data.y - matrix[13];
node.scaleX = data.scaleX * data.scale; node.scaleX = data.scaleX * data.scale;
node.scaleY = data.scaleY * data.scale; node.scaleY = data.scaleY * data.scale;
node.angle = data.angle; node.angle = data.angle;
@ -180,10 +182,11 @@ export default class ActionShadow extends cc.Component {
private updateShadowData() { private updateShadowData() {
let scaleDelt = (1 - this.shadowScale) / (this.shadowNum * this.deltTime); let scaleDelt = (1 - this.shadowScale) / (this.shadowNum * this.deltTime);
let matrix = this.node['_worldMatrix'].m;
for (let i = this.shadowNum * this.deltTime; i >= 0; --i) { for (let i = this.shadowNum * this.deltTime; i >= 0; --i) {
let data = this.shadowData[i]; let data = this.shadowData[i];
data.x = this.node.x; data.x = matrix[12];
data.y = this.node.y; data.y = matrix[13];
data.scaleX = this.node.scaleX; data.scaleX = this.node.scaleX;
data.scaleY = this.node.scaleY; data.scaleY = this.node.scaleY;
data.scale = 1 - i * scaleDelt; data.scale = 1 - i * scaleDelt;