compo player is visualizer app of combo script, supports standard button names and stick operation(Playstaion, Xbox), and plugin feature is also supported.
See DEMO.
npm i combo-playerimport { ComboPlayer } from 'combo-player';
const player = new ComboPlayer();
player.play("rotateL(90, 0), triangle"); // Hadou-ken!(波動拳)up, up, down, down, left, right, left, right, A, B
By cross key.
right, down, (right, down), punch
By stick key.
set(0), move(0, 90), rotate(90, 45), punch
down, (action-up, action-right)
In PS4,
down, (triangle, circle)
In Xbox,
down, (Y, B)
L1 { square }
It means "while holding down L1, push square".
All buttons are case insensitive.
So you can write both UP and up.
uprightdownleft
Generally, main action buttons are places at right side of game-pad.
In Playstation, it's triangle, circle, cross, square.
In Xbox, it's y, b, a, x.
action-up(ortriangle,y)action-right(orcircle,b)action-down(orcross,a)action-left(orsquare,x)
L1L2L3(left stick push)R1R2R3(right stick push)
You can show some helper message at log area by enclosing text with "~".
"Input quickly!" L1 { circle, cross }
Or you can use info, warn, error function.
info("this is info"), warn("this is warning"), error("this is error")
About these functions, see combo-script.
rotate,rotateL,rotateRset,setL,setRunset,unsetL,unsetRmove,moveL,moveRtouch,touchL,touchR
You can add plugin function.
import { ComboPlayer, PluginContext } from 'combo-player';
const player = new ComboPlayer();
// In this example, we just join arguments and display it.
player.addPlugin("join", {
// called from normal sequence
// [example] a, b, join("this", "is", "it!")
onAction: (ctx: PluginContext): Promise<any> => {
return ctx.player.visitText(ctx.args.join(" "), "info", ctx.actionContext);
},
// called when plugin function is called as holding start action.
// [example] a, b, join("this", "is", "holding", "action!"){ x, y }
onHoldStart: (ctx: PluginContext): Promise<any> => {
return ctx.player.visitText(ctx.args.join(" "), "info", ctx.actionContext);
},
// called when holding action is finished.
// [example] join("foo"){ a, b }, "after holding"
onHoldEnd: (ctx: PluginContext): Promise<any> => {
return Promise.resolve();
}
}MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent