wakariyasuku

This commit is contained in:
mattyatea 2024-01-20 17:30:29 +09:00
parent 62c17f0a15
commit 4f93ddaf62
3 changed files with 259 additions and 503 deletions

268
locales/index.d.ts vendored
View File

@ -60,11 +60,29 @@ export interface Locale extends ILocale {
* OK * OK
*/ */
"ok": string; "ok": string;
/**
*
*/
"setDefaultProfileConfirm": string; "setDefaultProfileConfirm": string;
/**
*
*/
"emojiPickerProfile": string; "emojiPickerProfile": string;
/**
*
*/
"notificationIndicator": string; "notificationIndicator": string;
/**
*
*/
"hanntenn": string; "hanntenn": string;
/**
*
*/
"hanntennInfo": string; "hanntennInfo": string;
/**
*
*/
"ruby": string; "ruby": string;
/** /**
* *
@ -83,9 +101,12 @@ export interface Locale extends ILocale {
*/ */
"enterUsername": string; "enterUsername": string;
/** /**
* {user} *
*/ */
"showGlobalTimeline": string; "showGlobalTimeline": string;
/**
* {user}
*/
"renotedBy": ParameterizedString<"user">; "renotedBy": ParameterizedString<"user">;
/** /**
* *
@ -327,13 +348,25 @@ export interface Locale extends ILocale {
* {name}使 * {name}使
*/ */
"driveFileDeleteConfirm": ParameterizedString<"name">; "driveFileDeleteConfirm": ParameterizedString<"name">;
/**
* {name}使
*/
"driveFilesDeleteConfirm": ParameterizedString<"name">;
/**
* {name}
*/
"driveFilesSensitiveonConfirm": ParameterizedString<"name">;
/**
* {name}
*/
"driveFilesSensitiveoffConfirm": ParameterizedString<"name">;
/**
* {name}使
*/
"driveFolderDeleteConfirm": ParameterizedString<"name">;
/** /**
* {name} * {name}
*/ */
"driveFilesDeleteConfirm": string;
"driveFilesSensitiveonConfirm": string;
"driveFilesSensitiveoffConfirm": string;
"driveFolderDeleteConfirm": string;
"unfollowConfirm": ParameterizedString<"name">; "unfollowConfirm": ParameterizedString<"name">;
/** /**
* *
@ -700,20 +733,32 @@ export interface Locale extends ILocale {
*/ */
"flagAsCat": string; "flagAsCat": string;
/** /**
* *
*/ */
"flagAsGorilla": string; "flagAsGorilla": string;
/**
*
*/
"flagAsCatDescription": string; "flagAsCatDescription": string;
/**
*
*/
"flagAsGorillaDescription": string;
/** /**
* *
*/ */
"flagAsGorillaDescription": string;
"flagShowTimelineReplies": string; "flagShowTimelineReplies": string;
/**
*
*/
"showMediaTimeline": string;
/**
*
*/
"showMediaTimelineInfo": string;
/** /**
* *
*/ */
"showMediaTimeline": string;
"showMediaTimelineInfo": string;
"flagShowTimelineRepliesDescription": string; "flagShowTimelineRepliesDescription": string;
/** /**
* *
@ -1083,10 +1128,10 @@ export interface Locale extends ILocale {
* *
*/ */
"removed": string; "removed": string;
"requestApprovalAreYouSure": string; /**
"removeAreYouSure": string; * {x}
"deleteAreYouSure": string; */
"undraftAreYouSure": string; "requestApprovalAreYouSure": ParameterizedString<"x">;
/** /**
* {x} * {x}
*/ */
@ -1095,6 +1140,10 @@ export interface Locale extends ILocale {
* {x} * {x}
*/ */
"deleteAreYouSure": ParameterizedString<"x">; "deleteAreYouSure": ParameterizedString<"x">;
/**
* {x}
*/
"undraftAreYouSure": ParameterizedString<"x">;
/** /**
* *
*/ */
@ -1119,6 +1168,9 @@ export interface Locale extends ILocale {
* *
*/ */
"keepOriginalUploading": string; "keepOriginalUploading": string;
/**
* 稿
*/
"isNotifyIsHome": string; "isNotifyIsHome": string;
/** /**
* Web公開用画像を生成します * Web公開用画像を生成します
@ -1240,7 +1292,13 @@ export interface Locale extends ILocale {
* 使 * 使
*/ */
"themeForDarkMode": string; "themeForDarkMode": string;
/**
*
*/
"gamingMode": string; "gamingMode": string;
/**
*
*/
"gamingModeInfo": string; "gamingModeInfo": string;
/** /**
* *
@ -1254,6 +1312,9 @@ export interface Locale extends ILocale {
* *
*/ */
"lightThemes": string; "lightThemes": string;
/**
*
*/
"remoteUserInfoUpdate": string; "remoteUserInfoUpdate": string;
/** /**
* *
@ -1307,6 +1368,9 @@ export interface Locale extends ILocale {
* *
*/ */
"deleteFolder": string; "deleteFolder": string;
/**
*
*/
"Folder": string; "Folder": string;
/** /**
* *
@ -2221,10 +2285,16 @@ export interface Locale extends ILocale {
*/ */
"showFixedPostFormInChannel": string; "showFixedPostFormInChannel": string;
/** /**
* TLに含むようにす *
*/ */
"FeaturedOrNote": string; "FeaturedOrNote": string;
/**
*
*/
"FeaturedOrNoteInfo": string; "FeaturedOrNoteInfo": string;
/**
* TLに含むようにする
*/
"withRepliesByDefaultForNewlyFollowed": string; "withRepliesByDefaultForNewlyFollowed": string;
/** /**
* *
@ -2470,6 +2540,9 @@ export interface Locale extends ILocale {
* *
*/ */
"poll": string; "poll": string;
/**
* 稿
*/
"schedulePost": string; "schedulePost": string;
/** /**
* *
@ -2563,6 +2636,9 @@ export interface Locale extends ILocale {
* *
*/ */
"generateAccessToken": string; "generateAccessToken": string;
/**
*
*/
"accessToken": string; "accessToken": string;
/** /**
* *
@ -2700,6 +2776,9 @@ export interface Locale extends ILocale {
* *
*/ */
"logs": string; "logs": string;
/**
* mfm
*/
"mfm": string; "mfm": string;
/** /**
* *
@ -2753,7 +2832,13 @@ export interface Locale extends ILocale {
* *
*/ */
"setMultipleBySeparatingWithSpace": string; "setMultipleBySeparatingWithSpace": string;
/**
* _が利用できます
*/
"emojiNameValidation": string; "emojiNameValidation": string;
/**
*
*/
"isSensitive": string; "isSensitive": string;
/** /**
* IDまたはURL * IDまたはURL
@ -2815,6 +2900,9 @@ export interface Locale extends ILocale {
* *
*/ */
"send": string; "send": string;
/**
*
*/
"fileAttachedOnly": string; "fileAttachedOnly": string;
/** /**
* *
@ -2944,7 +3032,13 @@ export interface Locale extends ILocale {
* *
*/ */
"pollVotesCount": string; "pollVotesCount": string;
/**
*
*/
"onlyAndWithSave": string; "onlyAndWithSave": string;
/**
*
*/
"onlyAndWithSaveInfo": string; "onlyAndWithSaveInfo": string;
/** /**
* *
@ -3430,8 +3524,17 @@ export interface Locale extends ILocale {
* *
*/ */
"low": string; "low": string;
/**
*
*/
"list": string; "list": string;
/**
* 調
*/
"GamingSpeedChange": string; "GamingSpeedChange": string;
/**
*
*/
"GamingSpeedChangeInfo": string; "GamingSpeedChangeInfo": string;
/** /**
* *
@ -3441,8 +3544,17 @@ export interface Locale extends ILocale {
* *
*/ */
"ratio": string; "ratio": string;
/**
*
*/
"showVisibilityColor": string; "showVisibilityColor": string;
/**
*
*/
"newEmojis": string; "newEmojis": string;
/**
*
*/
"draftEmojis": string; "draftEmojis": string;
/** /**
* *
@ -4053,9 +4165,12 @@ export interface Locale extends ILocale {
*/ */
"manageCustomEmojis": string; "manageCustomEmojis": string;
/** /**
* *
*/ */
"requestCustomEmojis": string; "requestCustomEmojis": string;
/**
*
*/
"manageAvatarDecorations": string; "manageAvatarDecorations": string;
/** /**
* *
@ -4233,10 +4348,25 @@ export interface Locale extends ILocale {
* *
*/ */
"license": string; "license": string;
/**
*
*/
"requestPending": string; "requestPending": string;
/**
*
*/
"approval": string; "approval": string;
/**
*
*/
"requestingEmojis": string; "requestingEmojis": string;
/**
*
*/
"draft": string; "draft": string;
/**
*
*/
"undrafted": string; "undrafted": string;
/** /**
* *
@ -4306,8 +4436,17 @@ export interface Locale extends ILocale {
* *
*/ */
"dataSaver": string; "dataSaver": string;
/**
*
*/
"cellularWithDataSaver": string; "cellularWithDataSaver": string;
/**
*
*/
"UltimateDataSaver": string; "UltimateDataSaver": string;
/**
*
*/
"cellularWithUltimateDataSaver": string; "cellularWithUltimateDataSaver": string;
/** /**
* *
@ -4685,10 +4824,6 @@ export interface Locale extends ILocale {
* *
*/ */
"mutualFollow": string; "mutualFollow": string;
/**
*
*/
"fileAttachedOnly": string;
/** /**
* TLに他の人への返信を含める * TLに他の人への返信を含める
*/ */
@ -6365,6 +6500,9 @@ export interface Locale extends ILocale {
* *
*/ */
"gtlAvailable": string; "gtlAvailable": string;
/**
* (5)
*/
"emojiPickerProfileLimit": string; "emojiPickerProfileLimit": string;
/** /**
* *
@ -6375,10 +6513,16 @@ export interface Locale extends ILocale {
*/ */
"canPublicNote": string; "canPublicNote": string;
/** /**
* *
*/ */
"canEditNote": string; "canEditNote": string;
/**
* 稿
*/
"canScheduleNote": string; "canScheduleNote": string;
/**
*
*/
"canInvite": string; "canInvite": string;
/** /**
* *
@ -6396,6 +6540,9 @@ export interface Locale extends ILocale {
* *
*/ */
"canManageCustomEmojis": string; "canManageCustomEmojis": string;
/**
*
*/
"canRequestCustomEmojis": string; "canRequestCustomEmojis": string;
/** /**
* *
@ -6838,6 +6985,9 @@ export interface Locale extends ILocale {
* *
*/ */
"source": string; "source": string;
/**
*
*/
"forksource": string; "forksource": string;
/** /**
* Misskeyを翻訳 * Misskeyを翻訳
@ -6983,6 +7133,9 @@ export interface Locale extends ILocale {
* *
*/ */
"muteWordsDescription2": string; "muteWordsDescription2": string;
/**
*
*/
"hideMutedNotes": string; "hideMutedNotes": string;
}; };
"_instanceMute": { "_instanceMute": {
@ -7426,15 +7579,45 @@ export interface Locale extends ILocale {
"day": string; "day": string;
}; };
"_timelineTutorial": { "_timelineTutorial": {
/**
* Misskeyの使い方
*/
"title": string; "title": string;
"step1_1": string; /**
"step1_2": string; * {name}稿
"step1_3": string; */
"step1_1": ParameterizedString<"name">;
/**
* {name}
*/
"step1_2": ParameterizedString<"name">;
/**
* 2 TL + TL {name}稿
*/
"step1_3": ParameterizedString<"name">;
/**
* 稿
*/
"step2_1": string; "step2_1": string;
"step2_2": string; /**
* {name}
*/
"step2_2": ParameterizedString<"name">;
/**
* 稿
*/
"step3_1": string; "step3_1": string;
/**
*
*/
"step3_2": string; "step3_2": string;
/**
*
*/
"step4_1": string; "step4_1": string;
/**
* +
*/
"step4_2": string; "step4_2": string;
}; };
"_2fa": { "_2fa": {
@ -8000,7 +8183,13 @@ export interface Locale extends ILocale {
* *
*/ */
"notifications": string; "notifications": string;
/**
*
*/
"gamingMode": string; "gamingMode": string;
/**
*
*/
"gyakubariMode": string; "gyakubariMode": string;
/** /**
* *
@ -8497,9 +8686,12 @@ export interface Locale extends ILocale {
*/ */
"local": string; "local": string;
/** /**
* *
*/ */
"media": string; "media": string;
/**
*
*/
"social": string; "social": string;
/** /**
* *
@ -9437,13 +9629,37 @@ export interface Locale extends ILocale {
}; };
}; };
"_schedulePost": { "_schedulePost": {
/**
* 稿
*/
"list": string; "list": string;
/**
*
*/
"postDate": string; "postDate": string;
/**
*
*/
"postTime": string; "postTime": string;
/**
* 稿
*/
"localTime": string; "localTime": string;
/**
*
*/
"addSchedule": string; "addSchedule": string;
"willBePostedAtX": string; /**
* {date}稿
*/
"willBePostedAtX": ParameterizedString<"date">;
/**
* 稿
*/
"deleteAreYouSure": string; "deleteAreYouSure": string;
/**
* 稿
*/
"deleteAndEditConfirm": string; "deleteAndEditConfirm": string;
}; };
"_dataSaver": { "_dataSaver": {

View File

@ -6,7 +6,7 @@
import { EventEmitter } from 'eventemitter3'; import { EventEmitter } from 'eventemitter3';
import * as Matter from 'matter-js'; import * as Matter from 'matter-js';
import seedrandom from 'seedrandom'; import seedrandom from 'seedrandom';
import { NORAML_MONOS, SQUARE_MONOS, SWEETS_MONOS, YEN_MONOS } from './monos.js'; import { NORAML_MONOS, PRISMISSKEY_MONOS, SQUARE_MONOS, SWEETS_MONOS, YEN_MONOS } from './monos.js';
export type Mono = { export type Mono = {
id: string; id: string;
@ -58,7 +58,7 @@ export class DropAndFusionGame extends EventEmitter<{
private tickCallbackQueue: { frame: number; callback: () => void; }[] = []; private tickCallbackQueue: { frame: number; callback: () => void; }[] = [];
private overflowCollider: Matter.Body; private overflowCollider: Matter.Body;
private isGameOver = false; private isGameOver = false;
private gameMode: 'normal' | 'yen' | 'square' | 'sweets' | 'space'; private gameMode: 'normal' | 'yen' | 'square' | 'sweets' | 'space' | 'prismisskey';
private rng: () => number; private rng: () => number;
private logs: Log[] = []; private logs: Log[] = [];
@ -87,6 +87,7 @@ export class DropAndFusionGame extends EventEmitter<{
case 'square': return SQUARE_MONOS; case 'square': return SQUARE_MONOS;
case 'sweets': return SWEETS_MONOS; case 'sweets': return SWEETS_MONOS;
case 'space': return NORAML_MONOS; case 'space': return NORAML_MONOS;
case 'prismisskey' : return PRISMISSKEY_MONOS;
} }
} }

View File

@ -950,13 +950,14 @@ export const SWEETS_MONOS: Mono[] = [{
score: 30, score: 30,
dropCandidate: true, dropCandidate: true,
}]; }];
const PRISMISSKEY_BASE_SIZE = 28; const PRISMISSKEY_BASE_SIZE = 28;
const PRISMISSKEY_MONOS: Mono[] = [{ export const PRISMISSKEY_MONOS: Mono[] = [{
id: 'f75fd0ba-d3d4-40a4-9712-b470e45b0525', id: 'f75fd0ba-d3d4-40a4-9712-b470e45b0525',
level: 10, level: 10,
sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25, sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25,
sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25, sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25,
shape: 'custom', shape: 'custom',
vertices: [[ vertices: [[
{ 'x': 1680, 'y': 270 }, { 'x': 1680, 'y': 270 },
@ -979,7 +980,7 @@ const PRISMISSKEY_MONOS: Mono[] = [{
{ 'x': 1400, 'y': 670 }, { 'x': 1400, 'y': 670 },
]], ]],
verticesSize: 1800, verticesSize: 1800,
score: 10000, score: 512,
dropCandidate: false, dropCandidate: false,
}, { }, {
id: '7b70f4af-1c01-45fd-af72-61b1f01e03d1', id: '7b70f4af-1c01-45fd-af72-61b1f01e03d1',
@ -1012,13 +1013,13 @@ const PRISMISSKEY_MONOS: Mono[] = [{
], ],
], ],
verticesSize: 1300, verticesSize: 1300,
score: 1000, score: 256,
dropCandidate: false, dropCandidate: false,
}, { }, {
id: '41607ef3-b6d6-4829-95b6-3737bf8bb956', id: '41607ef3-b6d6-4829-95b6-3737bf8bb956',
level: 8, level: 8,
sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25, sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25,
sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25, sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25,
shape: 'custom', shape: 'custom',
vertices: [ vertices: [
[ [
@ -1046,7 +1047,7 @@ const PRISMISSKEY_MONOS: Mono[] = [{
], ],
], ],
verticesSize: 1300, verticesSize: 1300,
score: 800, score: 128,
dropCandidate: false, dropCandidate: false,
}, { }, {
id: '8a8310d2-0374-460f-bb50-ca9cd3ee3416', id: '8a8310d2-0374-460f-bb50-ca9cd3ee3416',
@ -1062,7 +1063,7 @@ const PRISMISSKEY_MONOS: Mono[] = [{
sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25, sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25,
sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25, sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25 * 1.25 * 1.25,
shape: 'circle', shape: 'circle',
score: 500, score: 32,
dropCandidate: false, dropCandidate: false,
}, { }, {
id: '2294734d-7bb8-4781-bb7b-ef3820abf3d0', id: '2294734d-7bb8-4781-bb7b-ef3820abf3d0',
@ -1129,7 +1130,7 @@ const PRISMISSKEY_MONOS: Mono[] = [{
sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25, sizeX: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25,
sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25, sizeY: PRISMISSKEY_BASE_SIZE * 1.25 * 1.25 * 1.25,
shape: 'rectangle', shape: 'rectangle',
score: 200, score: 8,
dropCandidate: true, dropCandidate: true,
}, { }, {
id: 'd0c74815-fc1c-4fbe-9953-c92e4b20f919', id: 'd0c74815-fc1c-4fbe-9953-c92e4b20f919',
@ -1167,7 +1168,7 @@ const PRISMISSKEY_MONOS: Mono[] = [{
], ],
], ],
verticesSize: 128, verticesSize: 128,
score: 100, score: 4,
dropCandidate: true, dropCandidate: true,
}, { }, {
id: 'd8fbd70e-611d-402d-87da-1a7fd8cd2c8d', id: 'd8fbd70e-611d-402d-87da-1a7fd8cd2c8d',
@ -1205,7 +1206,7 @@ const PRISMISSKEY_MONOS: Mono[] = [{
], ],
], ],
verticesSize: 1536, verticesSize: 1536,
score: 50, score: 2,
dropCandidate: true, dropCandidate: true,
}, { }, {
id: '35e476ee-44bd-4711-ad42-87be245d3efd', id: '35e476ee-44bd-4711-ad42-87be245d3efd',
@ -1242,468 +1243,6 @@ const PRISMISSKEY_MONOS: Mono[] = [{
], ],
], ],
verticesSize: 128, verticesSize: 128,
score: 10, score: 1,
dropCandidate: true, dropCandidate: true,
}]; }];
export class DropAndFusionGame extends EventEmitter<{
changeScore: (newScore: number) => void;
changeCombo: (newCombo: number) => void;
changeStock: (newStock: { id: string; mono: Mono }[]) => void;
changeHolding: (newHolding: { id: string; mono: Mono } | null) => void;
dropped: (x: number) => void;
fusioned: (x: number, y: number, nextMono: Mono | null, scoreDelta: number) => void;
collision: (energy: number, bodyA: Matter.Body, bodyB: Matter.Body) => void;
monoAdded: (mono: Mono) => void;
gameOver: () => void;
}> {
private PHYSICS_QUALITY_FACTOR = 16; // 低いほどパフォーマンスが高いがガタガタして安定しなくなる、逆に高すぎても何故か不安定になる
private COMBO_INTERVAL = 60; // frame
public readonly GAME_VERSION = 3;
public readonly GAME_WIDTH = 450;
public readonly GAME_HEIGHT = 600;
public readonly DROP_COOLTIME = 30; // frame
public readonly PLAYAREA_MARGIN = 25;
private STOCK_MAX = 4;
private TICK_DELTA = 1000 / 60; // 60fps
public frame = 0;
public engine: Matter.Engine;
private tickCallbackQueue: { frame: number; callback: () => void; }[] = [];
private overflowCollider: Matter.Body;
private isGameOver = false;
private gameMode: 'normal' | 'yen' | 'square' | 'sweets' | 'space' | 'prismisskey';
private rng: () => number;
private logs: Log[] = [];
/**
*
*/
private fusionReadyBodyIds: Matter.Body['id'][] = [];
private gameOverReadyBodyIds: Matter.Body['id'][] = [];
/**
* fusion予約アイテムのペア
* TODO: これらのモノは光らせるなどの演出をすると視覚的に楽しそう
*/
private fusionReservedPairs: { bodyA: Matter.Body; bodyB: Matter.Body }[] = [];
private latestDroppedAt = 0; // frame
private latestFusionedAt = 0; // frame
private stock: { id: string; mono: Mono }[] = [];
private holding: { id: string; mono: Mono } | null = null;
public get monoDefinitions() {
switch (this.gameMode) {
case 'normal': return NORAML_MONOS;
case 'yen': return YEN_MONOS;
case 'square': return SQUARE_MONOS;
case 'sweets': return SWEETS_MONOS;
case 'prismisskey': return PRISMISSKEY_MONOS;
case 'space': return NORAML_MONOS;
}
}
private _combo = 0;
private get combo() {
return this._combo;
}
private set combo(value: number) {
this._combo = value;
this.emit('changeCombo', value);
}
private _score = 0;
private get score() {
return this._score;
}
private set score(value: number) {
this._score = value;
this.emit('changeScore', value);
}
private getMonoRenderOptions: null | ((mono: Mono) => Partial<Matter.IBodyRenderOptions>) = null;
public replayPlaybackRate = 1;
constructor(env: {
seed: string;
gameMode: DropAndFusionGame['gameMode'];
getMonoRenderOptions?: (mono: Mono) => Partial<Matter.IBodyRenderOptions>;
}) {
super();
//#region BIND
this.tick = this.tick.bind(this);
//#endregion
this.gameMode = env.gameMode;
this.getMonoRenderOptions = env.getMonoRenderOptions ?? null;
this.rng = seedrandom(env.seed);
// sweetsモードは重いため
const physicsQualityFactor = this.gameMode === 'sweets' ? 4 : this.PHYSICS_QUALITY_FACTOR;
this.engine = Matter.Engine.create({
constraintIterations: 2 * physicsQualityFactor,
positionIterations: 6 * physicsQualityFactor,
velocityIterations: 4 * physicsQualityFactor,
gravity: {
x: 0,
y: this.gameMode === 'space' ? 0.0125 : 1,
},
timing: {
timeScale: 2,
},
enableSleeping: false,
});
this.engine.world.bodies = [];
//#region walls
const WALL_OPTIONS: Matter.IChamferableBodyDefinition = {
label: '_wall_',
isStatic: true,
friction: 0.7,
slop: this.gameMode === 'space' ? 0.01 : 0.7,
render: {
strokeStyle: 'transparent',
fillStyle: 'transparent',
},
};
const thickness = 100;
Matter.Composite.add(this.engine.world, [
Matter.Bodies.rectangle(this.GAME_WIDTH / 2, this.GAME_HEIGHT + (thickness / 2) - this.PLAYAREA_MARGIN, this.GAME_WIDTH, thickness, WALL_OPTIONS),
Matter.Bodies.rectangle(this.GAME_WIDTH + (thickness / 2) - this.PLAYAREA_MARGIN, this.GAME_HEIGHT / 2, thickness, this.GAME_HEIGHT, WALL_OPTIONS),
Matter.Bodies.rectangle(-((thickness / 2) - this.PLAYAREA_MARGIN), this.GAME_HEIGHT / 2, thickness, this.GAME_HEIGHT, WALL_OPTIONS),
]);
//#endregion
this.overflowCollider = Matter.Bodies.rectangle(this.GAME_WIDTH / 2, 0, this.GAME_WIDTH, 200, {
label: '_overflow_',
isStatic: true,
isSensor: true,
render: {
strokeStyle: 'transparent',
fillStyle: 'transparent',
},
});
Matter.Composite.add(this.engine.world, this.overflowCollider);
}
public msToFrame(ms: number) {
return Math.round(ms / this.TICK_DELTA);
}
public frameToMs(frame: number) {
return frame * this.TICK_DELTA;
}
private createBody(mono: Mono, x: number, y: number) {
const options: Matter.IBodyDefinition = {
label: mono.id,
density: this.gameMode === 'space' ? 0.01 : ((mono.sizeX * mono.sizeY) / 10000),
restitution: this.gameMode === 'space' ? 0.5 : 0.2,
frictionAir: this.gameMode === 'space' ? 0 : 0.01,
friction: this.gameMode === 'space' ? 0.5 : 0.7,
frictionStatic: this.gameMode === 'space' ? 0 : 5,
slop: this.gameMode === 'space' ? 0.01 : 0.7,
//mass: 0,
render: this.getMonoRenderOptions ? this.getMonoRenderOptions(mono) : undefined,
};
if (mono.shape === 'circle') {
return Matter.Bodies.circle(x, y, mono.sizeX / 2, options);
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
} else if (mono.shape === 'rectangle') {
return Matter.Bodies.rectangle(x, y, mono.sizeX, mono.sizeY, options);
} else if (mono.shape === 'custom') {
return Matter.Bodies.fromVertices(x, y, mono.vertices!.map(i => i.map(j => ({
x: (j.x / mono.verticesSize!) * mono.sizeX,
y: (j.y / mono.verticesSize!) * mono.sizeY,
}))), options);
} else {
throw new Error('unrecognized shape');
}
}
private fusion(bodyA: Matter.Body, bodyB: Matter.Body) {
if (this.latestFusionedAt > this.frame - this.COMBO_INTERVAL) {
this.combo++;
} else {
this.combo = 1;
}
this.latestFusionedAt = this.frame;
const newX = (bodyA.position.x + bodyB.position.x) / 2;
const newY = (bodyA.position.y + bodyB.position.y) / 2;
this.fusionReadyBodyIds = this.fusionReadyBodyIds.filter(x => x !== bodyA.id && x !== bodyB.id);
this.gameOverReadyBodyIds = this.gameOverReadyBodyIds.filter(x => x !== bodyA.id && x !== bodyB.id);
Matter.Composite.remove(this.engine.world, [bodyA, bodyB]);
const currentMono = this.monoDefinitions.find(y => y.id === bodyA.label)!;
const nextMono = this.monoDefinitions.find(x => x.level === currentMono.level + 1) ?? null;
if (nextMono) {
const body = this.createBody(nextMono, newX, newY);
Matter.Composite.add(this.engine.world, body);
// 連鎖してfusionした場合の分かりやすさのため少し間を置いてからfusion対象になるようにする
this.tickCallbackQueue.push({
frame: this.frame + this.msToFrame(100),
callback: () => {
this.fusionReadyBodyIds.push(body.id);
},
});
this.emit('monoAdded', nextMono);
}
const hasComboBonus = this.gameMode !== 'yen' && this.gameMode !== 'sweets';
const comboBonus = hasComboBonus ? 1 + ((this.combo - 1) / 5) : 1;
const additionalScore = Math.round(currentMono.score * comboBonus);
this.score += additionalScore;
this.emit('fusioned', newX, newY, nextMono, additionalScore);
}
private onCollision(event: Matter.IEventCollision<Matter.Engine>) {
for (const pairs of event.pairs) {
const { bodyA, bodyB } = pairs;
const shouldFusion = (bodyA.label === bodyB.label) &&
!this.fusionReservedPairs.some(x =>
x.bodyA.id === bodyA.id ||
x.bodyA.id === bodyB.id ||
x.bodyB.id === bodyA.id ||
x.bodyB.id === bodyB.id);
if (shouldFusion) {
if (this.fusionReadyBodyIds.includes(bodyA.id) && this.fusionReadyBodyIds.includes(bodyB.id)) {
this.fusion(bodyA, bodyB);
} else {
this.fusionReservedPairs.push({ bodyA, bodyB });
this.tickCallbackQueue.push({
frame: this.frame + this.msToFrame(100),
callback: () => {
this.fusionReservedPairs = this.fusionReservedPairs.filter(x => x.bodyA.id !== bodyA.id && x.bodyB.id !== bodyB.id);
this.fusion(bodyA, bodyB);
},
});
}
} else {
const energy = pairs.collision.depth;
if (bodyA.label === '_overflow_' || bodyB.label === '_overflow_') continue;
if (bodyA.label !== '_wall_' && bodyB.label !== '_wall_') {
if (!this.gameOverReadyBodyIds.includes(bodyA.id)) this.gameOverReadyBodyIds.push(bodyA.id);
if (!this.gameOverReadyBodyIds.includes(bodyB.id)) this.gameOverReadyBodyIds.push(bodyB.id);
}
this.emit('collision', energy, bodyA, bodyB);
}
}
}
private onCollisionActive(event: Matter.IEventCollision<Matter.Engine>) {
for (const pairs of event.pairs) {
const { bodyA, bodyB } = pairs;
// ハコからあふれたかどうかの判定
if (bodyA.id === this.overflowCollider.id || bodyB.id === this.overflowCollider.id) {
if (this.gameOverReadyBodyIds.includes(bodyA.id) || this.gameOverReadyBodyIds.includes(bodyB.id)) {
this.gameOver();
break;
}
continue;
}
}
}
public surrender() {
this.logs.push({
frame: this.frame,
operation: 'surrender',
});
this.gameOver();
}
private gameOver() {
this.isGameOver = true;
this.emit('gameOver');
}
public start() {
for (let i = 0; i < this.STOCK_MAX; i++) {
this.stock.push({
id: this.rng().toString(),
mono: this.monoDefinitions.filter(x => x.dropCandidate)[Math.floor(this.rng() * this.monoDefinitions.filter(x => x.dropCandidate).length)],
});
}
this.emit('changeStock', this.stock);
Matter.Events.on(this.engine, 'collisionStart', this.onCollision.bind(this));
Matter.Events.on(this.engine, 'collisionActive', this.onCollisionActive.bind(this));
}
public getLogs() {
return this.logs;
}
public tick() {
this.frame++;
if (this.latestFusionedAt < this.frame - this.COMBO_INTERVAL) {
this.combo = 0;
}
this.tickCallbackQueue = this.tickCallbackQueue.filter(x => {
if (x.frame === this.frame) {
x.callback();
return false;
} else {
return true;
}
});
Matter.Engine.update(this.engine, this.TICK_DELTA);
const hasNextTick = !this.isGameOver;
return hasNextTick;
}
public getActiveMonos() {
return this.engine.world.bodies.map(x => this.monoDefinitions.find((mono) => mono.id === x.label)!).filter(x => x !== undefined);
}
public drop(_x: number) {
if (this.isGameOver) return;
if (this.frame - this.latestDroppedAt < this.DROP_COOLTIME) return;
const head = this.stock.shift()!;
this.stock.push({
id: this.rng().toString(),
mono: this.monoDefinitions.filter(x => x.dropCandidate)[Math.floor(this.rng() * this.monoDefinitions.filter(x => x.dropCandidate).length)],
});
this.emit('changeStock', this.stock);
const inputX = Math.round(_x);
const x = Math.min(this.GAME_WIDTH - this.PLAYAREA_MARGIN - (head.mono.sizeX / 2), Math.max(this.PLAYAREA_MARGIN + (head.mono.sizeX / 2), inputX));
const body = this.createBody(head.mono, x, 50 + head.mono.sizeY / 2);
this.logs.push({
frame: this.frame,
operation: 'drop',
x: inputX,
});
// add force
if (this.gameMode === 'space') {
Matter.Body.applyForce(body, body.position, {
x: 0,
y: (Math.PI * head.mono.sizeX * head.mono.sizeY) / 65536,
});
}
Matter.Composite.add(this.engine.world, body);
this.fusionReadyBodyIds.push(body.id);
this.latestDroppedAt = this.frame;
this.emit('dropped', x);
this.emit('monoAdded', head.mono);
}
public hold() {
if (this.isGameOver) return;
this.logs.push({
frame: this.frame,
operation: 'hold',
});
if (this.holding) {
const head = this.stock.shift()!;
this.stock.unshift(this.holding);
this.holding = head;
this.emit('changeHolding', this.holding);
this.emit('changeStock', this.stock);
} else {
const head = this.stock.shift()!;
this.holding = head;
this.stock.push({
id: this.rng().toString(),
mono: this.monoDefinitions.filter(x => x.dropCandidate)[Math.floor(this.rng() * this.monoDefinitions.filter(x => x.dropCandidate).length)],
});
this.emit('changeHolding', this.holding);
this.emit('changeStock', this.stock);
}
}
public static serializeLogs(logs: Log[]) {
const _logs: number[][] = [];
for (let i = 0; i < logs.length; i++) {
const log = logs[i];
const frameDelta = i === 0 ? log.frame : log.frame - logs[i - 1].frame;
switch (log.operation) {
case 'drop':
_logs.push([frameDelta, 0, log.x]);
break;
case 'hold':
_logs.push([frameDelta, 1]);
break;
case 'surrender':
_logs.push([frameDelta, 2]);
break;
}
}
return _logs;
}
public static deserializeLogs(logs: number[][]) {
const _logs: Log[] = [];
let frame = 0;
for (const log of logs) {
const frameDelta = log[0];
frame += frameDelta;
const operation = log[1];
switch (operation) {
case 0:
_logs.push({
frame,
operation: 'drop',
x: log[2],
});
break;
case 1:
_logs.push({
frame,
operation: 'hold',
});
break;
case 2:
_logs.push({
frame,
operation: 'surrender',
});
break;
}
}
return _logs;
}
public dispose() {
Matter.World.clear(this.engine.world, false);
Matter.Engine.clear(this.engine);
}
}