@rpgjs/client 5.0.0-alpha.10 → 5.0.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/Game/EffectManager.d.ts +5 -0
- package/dist/RpgClient.d.ts +68 -99
- package/dist/RpgClientEngine.d.ts +4 -86
- package/dist/components/effects/index.d.ts +4 -0
- package/dist/components/index.d.ts +1 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/index10.js +1 -1
- package/dist/index11.js +4 -4
- package/dist/index11.js.map +1 -1
- package/dist/index12.js +2 -6
- package/dist/index12.js.map +1 -1
- package/dist/index13.js +2 -2
- package/dist/index13.js.map +1 -1
- package/dist/index14.js +35 -95
- package/dist/index14.js.map +1 -1
- package/dist/index15.js +186 -45
- package/dist/index15.js.map +1 -1
- package/dist/index16.js +5 -187
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +383 -5
- package/dist/index17.js.map +1 -1
- package/dist/index18.js +28 -384
- package/dist/index18.js.map +1 -1
- package/dist/index19.js +17 -24
- package/dist/index19.js.map +1 -1
- package/dist/index2.js +25 -147
- package/dist/index2.js.map +1 -1
- package/dist/index20.js +2413 -16
- package/dist/index20.js.map +1 -1
- package/dist/index21.js +88 -2395
- package/dist/index21.js.map +1 -1
- package/dist/index22.js +103 -108
- package/dist/index22.js.map +1 -1
- package/dist/index23.js +57 -95
- package/dist/index23.js.map +1 -1
- package/dist/index24.js +12 -62
- package/dist/index24.js.map +1 -1
- package/dist/index25.js +37 -18
- package/dist/index25.js.map +1 -1
- package/dist/index26.js +3 -25
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +314 -87
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +21 -37
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +9 -3
- package/dist/index29.js.map +1 -1
- package/dist/index3.js +2 -2
- package/dist/index30.js +6 -317
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +171 -24
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +497 -7
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +9 -8
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +4400 -9
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +85 -4397
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +55 -310
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +15 -169
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +15 -496
- package/dist/index38.js.map +1 -1
- package/dist/index4.js +5 -18
- package/dist/index4.js.map +1 -1
- package/dist/index5.js +1 -2
- package/dist/index5.js.map +1 -1
- package/dist/index6.js +1 -1
- package/dist/index7.js +2 -10
- package/dist/index7.js.map +1 -1
- package/dist/index8.js +6 -24
- package/dist/index8.js.map +1 -1
- package/dist/index9.js +2 -2
- package/dist/presets/index.d.ts +0 -102
- package/dist/services/loadMap.d.ts +2 -123
- package/dist/services/mmorpg.d.ts +3 -7
- package/package.json +12 -14
- package/src/Game/{AnimationManager.ts → EffectManager.ts} +2 -2
- package/src/Game/Object.ts +0 -69
- package/src/RpgClient.ts +67 -101
- package/src/RpgClientEngine.ts +24 -159
- package/src/components/character.ce +33 -74
- package/src/components/{animations → effects}/animation.ce +5 -3
- package/src/components/{animations → effects}/index.ts +1 -1
- package/src/components/index.ts +1 -2
- package/src/components/scenes/draw-map.ce +23 -6
- package/src/components/scenes/element-map.ce +23 -0
- package/src/components/scenes/event-layer.ce +3 -3
- package/src/core/setup.ts +0 -2
- package/src/index.ts +1 -1
- package/src/module.ts +5 -23
- package/src/presets/index.ts +1 -5
- package/src/services/loadMap.ts +2 -131
- package/src/services/mmorpg.ts +4 -20
- package/tsconfig.json +1 -1
- package/vite.config.ts +1 -1
- package/dist/Game/AnimationManager.d.ts +0 -8
- package/dist/components/animations/index.d.ts +0 -4
- package/dist/index39.js +0 -61
- package/dist/index39.js.map +0 -1
- package/dist/index40.js +0 -20
- package/dist/index40.js.map +0 -1
- package/dist/index41.js +0 -82
- package/dist/index41.js.map +0 -1
- package/dist/presets/animation.d.ts +0 -31
- package/dist/presets/lpc.d.ts +0 -89
- package/src/presets/animation.ts +0 -46
- package/src/presets/lpc.ts +0 -108
- /package/src/components/{animations → effects}/hit.ce +0 -0
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Creates an animation spritesheet preset with automatic frame generation
|
|
3
|
-
*
|
|
4
|
-
* This function generates animation frames based on the provided width and height dimensions.
|
|
5
|
-
* It creates a sequence of frames that progresses through the spritesheet from left to right,
|
|
6
|
-
* top to bottom, with each frame having a 10ms time increment.
|
|
7
|
-
*
|
|
8
|
-
* @param {number} framesWidth - The number of frames horizontally in the spritesheet
|
|
9
|
-
* @param {number} framesHeight - The number of frames vertically in the spritesheet
|
|
10
|
-
* @returns {Object} Animation preset configuration object
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```javascript
|
|
14
|
-
* // For a 4x4 spritesheet
|
|
15
|
-
* const preset = AnimationSpritesheetPreset(4, 4);
|
|
16
|
-
* // This will generate 16 frames with coordinates from (0,0) to (3,3)
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export declare const AnimationSpritesheetPreset: (framesWidth: number, framesHeight: number) => {
|
|
20
|
-
framesWidth: number;
|
|
21
|
-
framesHeight: number;
|
|
22
|
-
textures: {
|
|
23
|
-
default: {
|
|
24
|
-
animations: () => {
|
|
25
|
-
time: number;
|
|
26
|
-
frameX: number;
|
|
27
|
-
frameY: number;
|
|
28
|
-
}[][];
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
};
|
package/dist/presets/lpc.d.ts
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
export declare const LPCSpritesheetPreset: (options: {
|
|
2
|
-
id: string;
|
|
3
|
-
imageSource: string;
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
ratio?: number;
|
|
7
|
-
}) => {
|
|
8
|
-
id: string;
|
|
9
|
-
image: string;
|
|
10
|
-
width: number;
|
|
11
|
-
height: number;
|
|
12
|
-
opacity: number;
|
|
13
|
-
rectWidth: number;
|
|
14
|
-
rectHeight: number;
|
|
15
|
-
framesWidth: number;
|
|
16
|
-
framesHeight: number;
|
|
17
|
-
spriteRealSize: {
|
|
18
|
-
width: number;
|
|
19
|
-
height: number;
|
|
20
|
-
};
|
|
21
|
-
textures: {
|
|
22
|
-
attack3?: {
|
|
23
|
-
offset: {
|
|
24
|
-
x: number;
|
|
25
|
-
y: number;
|
|
26
|
-
};
|
|
27
|
-
rectWidth: number;
|
|
28
|
-
rectHeight: number;
|
|
29
|
-
framesWidth: number;
|
|
30
|
-
framesHeight: number;
|
|
31
|
-
animations: ({ direction }: {
|
|
32
|
-
direction: any;
|
|
33
|
-
}) => any[];
|
|
34
|
-
} | undefined;
|
|
35
|
-
stand: {
|
|
36
|
-
offset: {
|
|
37
|
-
x: number;
|
|
38
|
-
y: number;
|
|
39
|
-
};
|
|
40
|
-
animations: ({ direction }: {
|
|
41
|
-
direction: any;
|
|
42
|
-
}) => {
|
|
43
|
-
time: number;
|
|
44
|
-
frameX: number;
|
|
45
|
-
frameY: number;
|
|
46
|
-
}[][];
|
|
47
|
-
};
|
|
48
|
-
walk: {
|
|
49
|
-
offset: {
|
|
50
|
-
x: number;
|
|
51
|
-
y: number;
|
|
52
|
-
};
|
|
53
|
-
framesWidth: number;
|
|
54
|
-
framesHeight: number;
|
|
55
|
-
animations: ({ direction }: {
|
|
56
|
-
direction: any;
|
|
57
|
-
}) => any[];
|
|
58
|
-
};
|
|
59
|
-
attack: {
|
|
60
|
-
offset: {
|
|
61
|
-
x: number;
|
|
62
|
-
y: number;
|
|
63
|
-
};
|
|
64
|
-
framesWidth: number;
|
|
65
|
-
framesHeight: number;
|
|
66
|
-
animations: ({ direction }: {
|
|
67
|
-
direction: any;
|
|
68
|
-
}) => any[];
|
|
69
|
-
};
|
|
70
|
-
skill: {
|
|
71
|
-
framesWidth: number;
|
|
72
|
-
framesHeight: number;
|
|
73
|
-
animations: ({ direction }: {
|
|
74
|
-
direction: any;
|
|
75
|
-
}) => any[];
|
|
76
|
-
};
|
|
77
|
-
attack2: {
|
|
78
|
-
offset: {
|
|
79
|
-
x: number;
|
|
80
|
-
y: number;
|
|
81
|
-
};
|
|
82
|
-
framesWidth: number;
|
|
83
|
-
framesHeight: number;
|
|
84
|
-
animations: ({ direction }: {
|
|
85
|
-
direction: any;
|
|
86
|
-
}) => any[];
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
};
|
package/src/presets/animation.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Creates an animation spritesheet preset with automatic frame generation
|
|
3
|
-
*
|
|
4
|
-
* This function generates animation frames based on the provided width and height dimensions.
|
|
5
|
-
* It creates a sequence of frames that progresses through the spritesheet from left to right,
|
|
6
|
-
* top to bottom, with each frame having a 10ms time increment.
|
|
7
|
-
*
|
|
8
|
-
* @param {number} framesWidth - The number of frames horizontally in the spritesheet
|
|
9
|
-
* @param {number} framesHeight - The number of frames vertically in the spritesheet
|
|
10
|
-
* @returns {Object} Animation preset configuration object
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```javascript
|
|
14
|
-
* // For a 4x4 spritesheet
|
|
15
|
-
* const preset = AnimationSpritesheetPreset(4, 4);
|
|
16
|
-
* // This will generate 16 frames with coordinates from (0,0) to (3,3)
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export const AnimationSpritesheetPreset = (framesWidth: number, framesHeight: number) => {
|
|
20
|
-
|
|
21
|
-
const animations: Array<{ time: number; frameX: number; frameY: number }> = [];
|
|
22
|
-
|
|
23
|
-
for (let y = 0; y < framesHeight; y++) {
|
|
24
|
-
for (let x = 0; x < framesWidth; x++) {
|
|
25
|
-
const frameIndex = y * framesWidth + x;
|
|
26
|
-
animations.push({
|
|
27
|
-
time: frameIndex * 10,
|
|
28
|
-
frameX: x,
|
|
29
|
-
frameY: y
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return {
|
|
35
|
-
framesWidth,
|
|
36
|
-
framesHeight,
|
|
37
|
-
textures: {
|
|
38
|
-
default: {
|
|
39
|
-
animations: () => [
|
|
40
|
-
animations
|
|
41
|
-
],
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
|
package/src/presets/lpc.ts
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { Animation, Direction } from "@rpgjs/common";
|
|
2
|
-
|
|
3
|
-
export const LPCSpritesheetPreset = (options: {
|
|
4
|
-
id: string;
|
|
5
|
-
imageSource: string;
|
|
6
|
-
width: number;
|
|
7
|
-
height: number;
|
|
8
|
-
ratio?: number;
|
|
9
|
-
}) => {
|
|
10
|
-
const ratio = options.ratio ?? 1;
|
|
11
|
-
|
|
12
|
-
const frameY = (direction: Direction) => {
|
|
13
|
-
return {
|
|
14
|
-
[Direction.Down]: 2,
|
|
15
|
-
[Direction.Left]: 1,
|
|
16
|
-
[Direction.Right]: 3,
|
|
17
|
-
[Direction.Up]: 0,
|
|
18
|
-
}[direction];
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
const stand = (direction: Direction) => [
|
|
22
|
-
{ time: 0, frameX: 0, frameY: frameY(direction) },
|
|
23
|
-
];
|
|
24
|
-
const anim = (
|
|
25
|
-
direction: Direction,
|
|
26
|
-
framesWidth: number,
|
|
27
|
-
speed: number = 5
|
|
28
|
-
) => {
|
|
29
|
-
const array: any = [];
|
|
30
|
-
for (let i = 0; i < framesWidth; i++) {
|
|
31
|
-
array.push({ time: i * speed, frameX: i, frameY: frameY(direction) });
|
|
32
|
-
}
|
|
33
|
-
return array;
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return {
|
|
37
|
-
id: options.id,
|
|
38
|
-
image: options.imageSource,
|
|
39
|
-
width: options.width,
|
|
40
|
-
height: options.height,
|
|
41
|
-
opacity: 1,
|
|
42
|
-
rectWidth: 64 * ratio,
|
|
43
|
-
rectHeight: 64 * ratio,
|
|
44
|
-
framesWidth: 6,
|
|
45
|
-
framesHeight: 4,
|
|
46
|
-
spriteRealSize: {
|
|
47
|
-
width: 48 * ratio,
|
|
48
|
-
height: 52 * ratio,
|
|
49
|
-
},
|
|
50
|
-
textures: {
|
|
51
|
-
[Animation.Stand]: {
|
|
52
|
-
offset: {
|
|
53
|
-
x: 0,
|
|
54
|
-
y: 512 * ratio,
|
|
55
|
-
},
|
|
56
|
-
animations: ({ direction }) => [stand(direction)],
|
|
57
|
-
},
|
|
58
|
-
[Animation.Walk]: {
|
|
59
|
-
offset: {
|
|
60
|
-
x: 0,
|
|
61
|
-
y: 512 * ratio,
|
|
62
|
-
},
|
|
63
|
-
framesWidth: 9,
|
|
64
|
-
framesHeight: 4,
|
|
65
|
-
animations: ({ direction }) => [anim(direction, 9)],
|
|
66
|
-
},
|
|
67
|
-
[Animation.Attack]: {
|
|
68
|
-
offset: {
|
|
69
|
-
x: 0,
|
|
70
|
-
y: 768 * ratio,
|
|
71
|
-
},
|
|
72
|
-
framesWidth: 6,
|
|
73
|
-
framesHeight: 4,
|
|
74
|
-
animations: ({ direction }) => [anim(direction, 6, 3)],
|
|
75
|
-
},
|
|
76
|
-
[Animation.Skill]: {
|
|
77
|
-
framesWidth: 7,
|
|
78
|
-
framesHeight: 4,
|
|
79
|
-
animations: ({ direction }) => [anim(direction, 7, 3)],
|
|
80
|
-
},
|
|
81
|
-
attack2: {
|
|
82
|
-
offset: {
|
|
83
|
-
x: 0,
|
|
84
|
-
y: 256 * ratio,
|
|
85
|
-
},
|
|
86
|
-
framesWidth: 7,
|
|
87
|
-
framesHeight: 8,
|
|
88
|
-
animations: ({ direction }) => [anim(direction, 7, 3)],
|
|
89
|
-
},
|
|
90
|
-
...(options.height > 3000
|
|
91
|
-
? {
|
|
92
|
-
attack3: {
|
|
93
|
-
offset: {
|
|
94
|
-
x: 0,
|
|
95
|
-
y: 5568 - 288 * 4,
|
|
96
|
-
},
|
|
97
|
-
rectWidth: 288,
|
|
98
|
-
rectHeight: 288,
|
|
99
|
-
framesWidth: 6,
|
|
100
|
-
framesHeight: 4,
|
|
101
|
-
animations: ({ direction }) => [anim(direction, 6, 3)],
|
|
102
|
-
},
|
|
103
|
-
}
|
|
104
|
-
: {}),
|
|
105
|
-
},
|
|
106
|
-
};
|
|
107
|
-
};
|
|
108
|
-
|
|
File without changes
|