mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-01-31 23:29:27 +08:00
688 lines
22 KiB
TypeScript
688 lines
22 KiB
TypeScript
import type { RenderAdapter } from '@/core/render/adapter';
|
||
import type { LayerGroupAnimate } from '@/core/render/preset/animate';
|
||
import type {
|
||
LayerDoorAnimate,
|
||
LayerFloorBinder
|
||
} from '@/core/render/preset/floor';
|
||
import type { HeroRenderer } from '@/core/render/preset/hero';
|
||
import type { Layer, LayerGroup } from '@/core/render/preset/layer';
|
||
import type { TimingFn } from 'mutate-animate';
|
||
import {
|
||
BlockMover,
|
||
heroMoveCollection,
|
||
IMoveController,
|
||
MoveStep
|
||
} from '@/game/state/move';
|
||
import type { FloorViewport } from '@/core/render/preset/viewport';
|
||
|
||
// 向后兼容用，会充当两个版本间过渡的作用
|
||
|
||
interface Adapters {
|
||
'hero-adapter'?: RenderAdapter<HeroRenderer>;
|
||
'door-animate'?: RenderAdapter<LayerDoorAnimate>;
|
||
animate?: RenderAdapter<LayerGroupAnimate>;
|
||
layer?: RenderAdapter<Layer>;
|
||
viewport?: RenderAdapter<FloorViewport>;
|
||
}
|
||
|
||
const adapters: Adapters = {};
|
||
|
||
export function init() {
|
||
const hook = Mota.require('var', 'hook');
|
||
const loading = Mota.require('var', 'loading');
|
||
let fallbackIds: number = 1e8;
|
||
|
||
if (!main.replayChecking && main.mode === 'play') {
|
||
const Adapter = Mota.require('module', 'Render').RenderAdapter;
|
||
const hero = Adapter.get<HeroRenderer>('hero-adapter');
|
||
const doorAnimate = Adapter.get<LayerDoorAnimate>('door-animate');
|
||
const animate = Adapter.get<LayerGroupAnimate>('animate');
|
||
const layer = Adapter.get<Layer>('layer');
|
||
const viewport = Adapter.get<FloorViewport>('viewport');
|
||
|
||
adapters['hero-adapter'] = hero;
|
||
adapters['door-animate'] = doorAnimate;
|
||
adapters['animate'] = animate;
|
||
adapters['layer'] = layer;
|
||
adapters['viewport'] = viewport;
|
||
}
|
||
|
||
const { mover: heroMover } = heroMoveCollection;
|
||
|
||
// ----- 工具函数
|
||
|
||
/**
|
||
* 根据事件中给出的移动数组解析出全部的移动步骤
|
||
*/
|
||
function getMoveSteps(steps: string[]) {
|
||
const moveSteps: string[] = [];
|
||
steps.forEach(v => {
|
||
const [type, number] = v.split(':');
|
||
if (!number) moveSteps.push(type);
|
||
else {
|
||
if (type === 'speed') moveSteps.push(v);
|
||
else {
|
||
moveSteps.push(...Array(Number(number)).fill(type));
|
||
}
|
||
}
|
||
});
|
||
|
||
return moveSteps;
|
||
}
|
||
|
||
function setHeroDirection(dir: Dir) {
|
||
heroMover.setFaceDir(dir);
|
||
heroMover.setMoveDir(dir);
|
||
}
|
||
|
||
/**
|
||
* 生成跳跃函数
|
||
*/
|
||
function generateJumpFn(dx: number, dy: number): TimingFn<3> {
|
||
const distance = Math.hypot(dx, dy);
|
||
const peak = 3 + distance;
|
||
|
||
return (progress: number) => {
|
||
const x = dx * progress;
|
||
const y = progress * dy + (progress ** 2 - progress) * peak;
|
||
|
||
return [x, y, Math.ceil(y)];
|
||
};
|
||
}
|
||
|
||
Mota.r(() => {
|
||
// ----- 引入
|
||
const Camera = Mota.require('module', 'Render').Camera;
|
||
const Renderer = Mota.require('module', 'Render').MotaRenderer;
|
||
const Animation = Mota.require('module', 'Animation');
|
||
|
||
// ----- 勇士移动相关
|
||
control.prototype.moveAction = async function (callback?: () => void) {
|
||
heroMover.clearMoveQueue();
|
||
heroMover.oneStep('forward');
|
||
const lock = core.status.lockControl;
|
||
const controller = heroMover.startMove(false, true, lock);
|
||
controller?.onEnd.then(() => {
|
||
callback?.();
|
||
});
|
||
heroMover.once('stepEnd', () => {
|
||
controller?.stop();
|
||
});
|
||
};
|
||
|
||
control.prototype._moveAction_moving = function (
|
||
callback?: () => void
|
||
) {};
|
||
|
||
events.prototype._action_moveAction = function (
|
||
data: any,
|
||
x: number,
|
||
y: number,
|
||
prefix: any
|
||
) {
|
||
if (core.canMoveHero()) {
|
||
var nx = core.nextX(),
|
||
ny = core.nextY();
|
||
// 检查noPass决定是撞击还是移动
|
||
if (core.noPass(nx, ny)) {
|
||
core.insertAction([{ type: 'trigger', loc: [nx, ny] }]);
|
||
} else {
|
||
// 先移动一格，然后尝试触发事件
|
||
core.insertAction([
|
||
{
|
||
type: 'function',
|
||
function:
|
||
'function() { core.moveAction(core.doAction); }',
|
||
async: true
|
||
},
|
||
{ type: '_label' }
|
||
]);
|
||
}
|
||
}
|
||
core.doAction();
|
||
};
|
||
|
||
events.prototype.eventMoveHero = async function (
|
||
steps: string[],
|
||
time: number = 500,
|
||
callback?: () => void
|
||
) {
|
||
if (heroMover.moving) return;
|
||
const moveSteps = getMoveSteps(steps);
|
||
|
||
const resolved = moveSteps.map<MoveStep>(v => {
|
||
if (v.startsWith('speed')) {
|
||
return { type: 'speed', value: Number(v.slice(6)) };
|
||
} else {
|
||
return { type: 'dir', value: v as Move2 };
|
||
}
|
||
});
|
||
const start: MoveStep = { type: 'speed', value: time };
|
||
|
||
heroMover.insertMove(...[start, ...resolved]);
|
||
const controller = heroMover.startMove(true, true, true, false);
|
||
if (!controller) {
|
||
callback?.();
|
||
return;
|
||
}
|
||
controller.onEnd.then(() => {
|
||
callback?.();
|
||
});
|
||
|
||
const animate = fallbackIds++;
|
||
|
||
core.animateFrame.lastAsyncId = animate;
|
||
core.animateFrame.asyncId[animate] = controller.stop;
|
||
};
|
||
|
||
control.prototype.setHeroLoc = function (
|
||
name: 'x' | 'y' | 'direction',
|
||
value: number | Dir,
|
||
noGather?: boolean
|
||
) {
|
||
if (!core.status.hero) return;
|
||
// @ts-ignore
|
||
core.status.hero.loc[name] = value;
|
||
if ((name === 'x' || name === 'y') && !noGather) {
|
||
this.gatherFollowers();
|
||
}
|
||
if (name === 'direction') {
|
||
adapters['hero-adapter']?.sync('turn', value);
|
||
adapters['hero-adapter']?.sync('setAnimateDir', value);
|
||
setHeroDirection(value as Dir);
|
||
} else if (name === 'x') {
|
||
// 为了防止逆天样板出问题
|
||
core.bigmap.posX = value as number;
|
||
adapters['hero-adapter']?.sync('setHeroLoc', value);
|
||
} else {
|
||
// 为了防止逆天样板出问题
|
||
core.bigmap.posY = value as number;
|
||
adapters['hero-adapter']?.sync('setHeroLoc', void 0, value);
|
||
}
|
||
};
|
||
|
||
////// 停止勇士的一切行动，等待勇士行动结束后，再执行callback //////
|
||
control.prototype.waitHeroToStop = function (callback?: () => void) {
|
||
core.stopAutomaticRoute();
|
||
core.clearContinueAutomaticRoute();
|
||
heroMover.controller?.stop();
|
||
if (callback) {
|
||
core.status.replay.animate = true;
|
||
core.lockControl();
|
||
core.status.automaticRoute.moveDirectly = false;
|
||
setTimeout(
|
||
function () {
|
||
core.status.replay.animate = false;
|
||
callback();
|
||
},
|
||
core.status.replay.speed === 24 ? 1 : 30
|
||
);
|
||
}
|
||
};
|
||
|
||
control.prototype.moveHero = async function (
|
||
direction?: Dir,
|
||
callback?: () => void,
|
||
noRoute: boolean = false
|
||
) {
|
||
if (heroMover.moving) return;
|
||
heroMover.clearMoveQueue();
|
||
heroMover.oneStep(direction ?? 'forward');
|
||
const lock = core.status.lockControl;
|
||
const controller = heroMover.startMove(false, noRoute, lock);
|
||
controller?.onEnd.then(() => {
|
||
callback?.();
|
||
});
|
||
heroMover.once('stepEnd', () => {
|
||
controller?.stop();
|
||
});
|
||
};
|
||
|
||
events.prototype.setHeroIcon = function (name: ImageIds) {
|
||
const img = core.material.images.images[name];
|
||
if (!img) return;
|
||
core.status.hero.image = name;
|
||
adapters['hero-adapter']?.sync('setImage', img);
|
||
};
|
||
|
||
control.prototype.isMoving = function () {
|
||
return heroMover.moving;
|
||
};
|
||
|
||
////// 设置自动寻路路线 //////
|
||
control.prototype.setAutomaticRoute = function (
|
||
destX: number,
|
||
destY: number,
|
||
stepPostfix: DiredLoc[]
|
||
) {
|
||
if (!core.status.played || core.status.lockControl) return;
|
||
if (this._setAutomaticRoute_isMoving(destX, destY)) return;
|
||
if (this._setAutomaticRoute_isTurning(destX, destY, stepPostfix))
|
||
return;
|
||
if (
|
||
this._setAutomaticRoute_clickMoveDirectly(
|
||
destX,
|
||
destY,
|
||
stepPostfix
|
||
)
|
||
)
|
||
return;
|
||
// 找寻自动寻路路线
|
||
const moveStep = core.automaticRoute(destX, destY);
|
||
if (
|
||
moveStep.length == 0 &&
|
||
(destX != core.status.hero.loc.x ||
|
||
destY != core.status.hero.loc.y ||
|
||
stepPostfix.length == 0)
|
||
)
|
||
return;
|
||
moveStep.push(...stepPostfix);
|
||
core.status.automaticRoute.destX = destX;
|
||
core.status.automaticRoute.destY = destY;
|
||
this._setAutomaticRoute_drawRoute(moveStep);
|
||
this._setAutomaticRoute_setAutoSteps(moveStep);
|
||
|
||
// ???
|
||
core.setAutoHeroMove();
|
||
|
||
// 执行移动
|
||
const steps: MoveStep[] = moveStep.map(v => {
|
||
return { type: 'dir', value: v.direction };
|
||
});
|
||
heroMover.clearMoveQueue();
|
||
heroMover.insertMove(...steps);
|
||
heroMover.startMove();
|
||
};
|
||
|
||
// ----- 开关门
|
||
events.prototype.openDoor = function (
|
||
x: number,
|
||
y: number,
|
||
needKey: boolean,
|
||
callback?: () => void
|
||
) {
|
||
var block = core.getBlock(x, y);
|
||
core.saveAndStopAutomaticRoute();
|
||
if (!this._openDoor_check(block, x, y, needKey)) {
|
||
var locked = core.status.lockControl;
|
||
core.waitHeroToStop(function () {
|
||
if (!locked) core.unlockControl();
|
||
if (callback) callback();
|
||
});
|
||
return;
|
||
}
|
||
if (core.status.replay.speed === 24) {
|
||
core.status.replay.animate = true;
|
||
core.removeBlock(x, y);
|
||
setTimeout(function () {
|
||
core.status.replay.animate = false;
|
||
Mota.require('var', 'hook').emit(
|
||
'afterOpenDoor',
|
||
block.event.id as AllIdsOf<'animates'>,
|
||
x,
|
||
y
|
||
);
|
||
if (callback) callback();
|
||
}, 1); // +1是为了录像检测系统
|
||
} else {
|
||
const locked = core.status.lockControl;
|
||
core.lockControl();
|
||
core.status.replay.animate = true;
|
||
core.removeBlock(x, y);
|
||
|
||
const cb = () => {
|
||
core.maps._removeBlockFromMap(core.status.floorId, block);
|
||
if (!locked) core.unlockControl();
|
||
core.status.replay.animate = false;
|
||
hook.emit(
|
||
'afterOpenDoor',
|
||
block.event.id as AllIdsOf<'animates'>,
|
||
x,
|
||
y
|
||
);
|
||
callback?.();
|
||
};
|
||
|
||
adapters['door-animate']?.all('openDoor', block).then(cb);
|
||
|
||
const animate = fallbackIds++;
|
||
core.animateFrame.lastAsyncId = animate;
|
||
core.animateFrame.asyncId[animate] = cb;
|
||
// this._openDoor_animate(block, x, y, callback);
|
||
}
|
||
};
|
||
|
||
events.prototype.closeDoor = function (
|
||
x: number,
|
||
y: number,
|
||
id: AllIds,
|
||
callback?: () => void
|
||
) {
|
||
id = id || '';
|
||
if (
|
||
// @ts-ignore
|
||
(core.material.icons.animates[id] == null &&
|
||
// @ts-ignore
|
||
core.material.icons.npc48[id] == null) ||
|
||
core.getBlock(x, y) != null
|
||
) {
|
||
if (callback) callback();
|
||
return;
|
||
}
|
||
var block = core.getBlockById(id);
|
||
var doorInfo = (block.event || {}).doorInfo;
|
||
if (!doorInfo) {
|
||
if (callback) callback();
|
||
return;
|
||
}
|
||
|
||
core.playSound(doorInfo.closeSound);
|
||
|
||
const locked = core.status.lockControl;
|
||
core.lockControl();
|
||
core.status.replay.animate = true;
|
||
const cb = function () {
|
||
if (!locked) core.unlockControl();
|
||
core.status.replay.animate = false;
|
||
core.setBlock(id, x, y);
|
||
core.showBlock(x, y);
|
||
callback?.();
|
||
};
|
||
|
||
if (core.status.replay.speed === 24) {
|
||
cb();
|
||
} else {
|
||
adapters['door-animate']?.all('closeDoor', block).then(() => {
|
||
cb();
|
||
});
|
||
|
||
const animate = fallbackIds++;
|
||
core.animateFrame.lastAsyncId = animate;
|
||
core.animateFrame.asyncId[animate] = cb;
|
||
this._openDoor_animate(block, x, y, callback);
|
||
}
|
||
};
|
||
|
||
// ----- animate & hero animate
|
||
////// 绘制动画 //////
|
||
maps.prototype.drawAnimate = function (
|
||
name: AnimationIds,
|
||
x: number,
|
||
y: number,
|
||
alignWindow?: boolean,
|
||
callback?: () => void
|
||
) {
|
||
// @ts-ignore
|
||
name = core.getMappedName(name);
|
||
|
||
// 正在播放录像：不显示动画
|
||
if (
|
||
core.isReplaying() ||
|
||
!core.material.animates[name] ||
|
||
x == null ||
|
||
y == null
|
||
) {
|
||
if (callback) callback();
|
||
return -1;
|
||
}
|
||
|
||
adapters.animate
|
||
?.all(
|
||
'drawAnimate',
|
||
name,
|
||
x * 32 + 16,
|
||
y * 32 + 16,
|
||
alignWindow ?? false
|
||
)
|
||
.then(() => {
|
||
callback?.();
|
||
});
|
||
};
|
||
|
||
maps.prototype.drawHeroAnimate = function (
|
||
name: AnimationIds,
|
||
callback?: () => void
|
||
) {
|
||
// @ts-ignore
|
||
name = core.getMappedName(name);
|
||
|
||
// 正在播放录像或动画不存在：不显示动画
|
||
if (core.isReplaying() || !core.material.animates[name]) {
|
||
if (callback) callback();
|
||
return -1;
|
||
}
|
||
|
||
adapters.animate?.global('drawHeroAnimate', name).then(() => {
|
||
callback?.();
|
||
});
|
||
};
|
||
|
||
// 移动跳跃图块 & 跳跃勇士
|
||
maps.prototype.moveBlock = async function (
|
||
x: number,
|
||
y: number,
|
||
steps: string[],
|
||
time: number = 500,
|
||
keep: boolean = false,
|
||
callback?: () => void
|
||
) {
|
||
if (!steps || steps.length === 0) {
|
||
callback?.();
|
||
return;
|
||
}
|
||
const block = core.getBlock(x, y);
|
||
if (!block) {
|
||
callback?.();
|
||
return;
|
||
}
|
||
const mover = new BlockMover(x, y, core.status.floorId, 'event');
|
||
const moveSteps = getMoveSteps(steps);
|
||
const resolved = moveSteps.map<MoveStep>(v => {
|
||
if (v.startsWith('speed')) {
|
||
return { type: 'speed', value: Number(v.slice(6)) };
|
||
} else {
|
||
return { type: 'dir', value: v as Move2 };
|
||
}
|
||
});
|
||
const start: MoveStep = { type: 'speed', value: time };
|
||
mover.insertMove(...[start, ...resolved]);
|
||
const controller = mover.startMove();
|
||
|
||
if (controller) {
|
||
await controller.onEnd;
|
||
}
|
||
|
||
if (!keep) {
|
||
core.removeBlock(mover.x, mover.y);
|
||
}
|
||
callback?.();
|
||
};
|
||
|
||
////// 显示跳跃某块的动画，达到{"type":"jump"}的效果 //////
|
||
maps.prototype.jumpBlock = async function (
|
||
sx: number,
|
||
sy: number,
|
||
ex: number,
|
||
ey: number,
|
||
time: number = 500,
|
||
keep: boolean = false,
|
||
callback?: () => void
|
||
) {
|
||
const block = core.getBlock(sx, sy);
|
||
if (!block) {
|
||
callback?.();
|
||
return;
|
||
}
|
||
time /= core.status.replay.speed;
|
||
if (core.status.replay.speed === 24) time = 1;
|
||
const dx = ex - sx;
|
||
const dy = ey - sy;
|
||
|
||
const fn = generateJumpFn(dx, dy);
|
||
|
||
const list = adapters.layer?.items ?? [];
|
||
const items = [...list].filter(v => {
|
||
if (v.layer !== 'event') return false;
|
||
const ex = v.getExtends('floor-binder') as LayerFloorBinder;
|
||
if (!ex) return false;
|
||
return ex.getFloor() === core.status.floorId;
|
||
});
|
||
const width = core.status.thisMap.width;
|
||
const index = sx + sy * width;
|
||
|
||
const promise = Promise.all(
|
||
items.map(v => {
|
||
return v.moveAs(index, ex, ey, fn, time, keep);
|
||
})
|
||
);
|
||
|
||
core.updateStatusBar();
|
||
core.removeBlock(sx, sy);
|
||
await promise;
|
||
if (keep) {
|
||
core.setBlock(block.id, ex, ey);
|
||
}
|
||
core.updateStatusBar();
|
||
|
||
callback?.();
|
||
};
|
||
|
||
events.prototype.jumpHero = async function (
|
||
ex: number,
|
||
ey: number,
|
||
time: number = 500,
|
||
callback?: () => void
|
||
) {
|
||
if (heroMover.moving) return;
|
||
|
||
const sx = core.getHeroLoc('x');
|
||
const sy = core.getHeroLoc('y');
|
||
adapters.viewport?.all('mutateTo', ex, ey, time);
|
||
|
||
const locked = core.status.lockControl;
|
||
core.lockControl();
|
||
const list = adapters['hero-adapter']?.items ?? [];
|
||
const items = [...list];
|
||
|
||
time /= core.status.replay.speed;
|
||
if (core.status.replay.speed === 24) time = 1;
|
||
const fn = generateJumpFn(ex - sx, ey - sy);
|
||
await Promise.all(
|
||
items.map(v => {
|
||
if (!v.renderable) return Promise.reject();
|
||
return v.layer.moveRenderable(
|
||
v.renderable,
|
||
sx,
|
||
sy,
|
||
fn,
|
||
time
|
||
);
|
||
})
|
||
);
|
||
|
||
if (!locked) core.unlockControl();
|
||
core.setHeroLoc('x', ex);
|
||
core.setHeroLoc('y', ey);
|
||
callback?.();
|
||
};
|
||
|
||
// ----- 视角处理
|
||
|
||
////// 瞬间移动 //////
|
||
control.prototype.moveDirectly = function (
|
||
destX: number,
|
||
destY: number,
|
||
ignoreSteps: number
|
||
) {
|
||
const data = this.controldata;
|
||
const success = data.moveDirectly(destX, destY, ignoreSteps);
|
||
if (success) adapters.viewport?.all('mutateTo', destX, destY);
|
||
return success;
|
||
};
|
||
|
||
control.prototype.moveViewport = function (
|
||
x: number,
|
||
y: number,
|
||
_moveMode: EaseMode,
|
||
time: number = 1,
|
||
callback?: () => void
|
||
) {
|
||
const main = Renderer.get('render-main');
|
||
const layer = main?.getElementById('layer-main') as LayerGroup;
|
||
if (!layer) return;
|
||
const camera = Camera.for(layer);
|
||
camera.clearOperation();
|
||
const translate = camera.addTranslate();
|
||
|
||
const animateTime = time / Math.max(core.status.replay.speed, 1);
|
||
const animate = new Animation.Animation();
|
||
animate
|
||
.absolute()
|
||
.time(1)
|
||
.mode(Animation.linear())
|
||
.move(core.bigmap.offsetX, core.bigmap.offsetY);
|
||
animate.time(animateTime).move(x * 32, y * 32);
|
||
|
||
camera.applyTranslateAnimation(
|
||
translate,
|
||
animate,
|
||
animateTime + 50
|
||
);
|
||
camera.transform = layer.camera;
|
||
|
||
const end = () => {
|
||
core.bigmap.offsetX = x * 32;
|
||
core.bigmap.offsetY = y * 32;
|
||
camera.destroy();
|
||
callback?.();
|
||
};
|
||
|
||
const timeout = window.setTimeout(end, animateTime + 50);
|
||
|
||
const id = fallbackIds++;
|
||
core.animateFrame.lastAsyncId = id;
|
||
core.animateFrame.asyncId[id] = () => {
|
||
end();
|
||
clearTimeout(timeout);
|
||
};
|
||
};
|
||
});
|
||
|
||
loading.once('loaded', () => {
|
||
for (const animate of Object.values(core.material.animates)) {
|
||
animate.se ??= {};
|
||
if (typeof animate.se === 'string') {
|
||
animate.se = { 1: animate.se };
|
||
}
|
||
animate.pitch ??= {};
|
||
}
|
||
});
|
||
|
||
const moveAction = new Set<string>(['up', 'down', 'left', 'right']);
|
||
// 复写录像的移动
|
||
core.registerReplayAction('move', action => {
|
||
if (moveAction.has(action)) {
|
||
if (!heroMover.moving) {
|
||
heroMover.startMove();
|
||
}
|
||
if (!heroMover.controller) {
|
||
return false;
|
||
}
|
||
heroMover.controller.push({
|
||
type: 'dir',
|
||
value: action as Dir
|
||
});
|
||
|
||
heroMover.controller.onEnd.then(() => {
|
||
core.replay();
|
||
});
|
||
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
// return { readyMove, endMove, move };
|
||
}
|