MV插件开发杂谈之Mixin与继承 - Project1

class Window_Draggable extends Window_Base {
update() {...}
}

复制代码

const update = Window_Base.prototype.update;
Window_Base.prototype.update = function() {
update.call(this);
...
};

复制代码

const useDraggableWindow = WindowClass => {
return class extends WindowClass {
update() {...}
}
}

复制代码

const makeWindowDragable = WindowClass => {
const update = WindowClass.prototype.update;
WindowClass.prototype.update = function() {
update.call(this);
...
};
}

复制代码

const makeWindowDragable = WindowClass => {
const update = WindowClass.prototype.update;
WindowClass.prototype.update = function() {
update.call(this);
this.updateDrag();
};
WindowClass.prototype.updateDrag = function() {
const isInside = this.rect.contains(TouchInput.x, TouchInput.y);
if (TouchInput.isTriggered() && isInside) {
this._dragX = this.canvasToLocalX(TouchInput.x);
this._dragY = this.canvasToLocalY(TouchInput.y);
this._dragging = true;
const windowList = SceneManager._scene._windowLayer.children;
$gameTemp.draggingWin = this;
windowList.sort(x => x === this);
} else if (
TouchInput.isPressed() &&
this._dragging &&
$gameTemp.draggingWin == this
) {
this.x = TouchInput.x - this._dragX;
this.y = TouchInput.y - this._dragY;
} else if (TouchInput.isReleased()) {
this._dragging = false;
}
};
Object.defineProperty(WindowClass.prototype, "rect", {
get() {
if (
!this._rect ||
this._rect.x !== this.x ||
this._rect.y !== this.y ||
this._rect.width !== this.width ||
this._rect.height !== this.height
) {
this._rect = new Rectangle(this.x, this.y, this.width, this.height);
}
return this._rect;
}
});
};
const useDraggableWindow = WindowClass => {
const hoc = class extends WindowClass {};
makeWindowDragable(hoc);
return hoc;
};
//解决重叠时边角覆盖问题
const _maskWindow = WindowLayer.prototype._maskWindow;
WindowLayer.prototype._maskWindow = function(window, shift) {
_maskWindow.call(this, window, shift);
const rect = this._windowRect;
rect.x += 4;
rect.y += 4;
rect.width -= 8;
rect.height -= 8;
};
WindowLayer.prototype._canvasClearWindowRect = function(
renderSession,
window
) {
var rx = this.x + window.x;
var ry =
this.y + window.y + (window.height / 2) * (1 - window._openness / 255);
var rw = window.width;
var rh = (window.height * window._openness) / 255;
renderSession.context.clearRect(rx + 4, ry + 4, rw - 8, rh - 8);
};

复制代码

makeWindowDragable(Window_Base);
const Window_Draggable = useDraggableWindow(Window_Base);

复制代码