port js to ts

.gitignore

@@ -0,0 +1 @@
+dist/*

dist/index.d.ts

@@ -0,0 +1 @@
+export * from './joy';

dist/index.js

@@ -0,0 +1 @@
+export * from './joy';

dist/joy.d.ts

@@ -0,0 +1,121 @@
+export interface StickStatus {
+ xPosition: number;
+ yPosition: number;
+ x: number;
+ y: number;
+ cardinalDirection: CardinalDirection;
+}
+export type CardinalDirection = "C" | "N" | "NE" | "E" | "SE" | "S" | "SW" | "W" | "NW";
+interface JoyStickMembers {
+ title: string;
+ width: number;
+ height: number;
+ internalFillColor: string;
+ internalLineWidth: number;
+ internalStrokeColor: string;
+ externalLineWidth: number;
+ externalStrokeColor: string;
+ autoReturnToCenter: boolean;
+ context: CanvasRenderingContext2D;
+ canvas: HTMLCanvasElement;
+ circumference: number;
+ internalRadius: number;
+ maxMoveStick: number;
+ xCenter: number;
+ yCenter: number;
+ movedX: number;
+ movedY: number;
+ pressed: boolean;
+ callback: JoyStickCallback;
+ stickStatus: StickStatus;
+}
+export interface JoyStickParameters extends Partial<JoyStickMembers> {
+}
+export type JoyStickCallback = (stickStatus: StickStatus) => void;
+export declare class JoyStick {
+ private title;
+ private width;
+ private height;
+ private internalFillColor;
+ private internalLineWidth;
+ private internalStrokeColor;
+ private externalLineWidth;
+ private externalStrokeColor;
+ private autoReturnToCenter;
+ private callback;
+ private objContainer;
+ private context;
+ private canvas;
+ private circumference;
+ private internalRadius;
+ private externalRadius;
+ private maxMoveStick;
+ private centerX;
+ private centerY;
+ private directionVerticalLimitPos;
+ private directionVerticalLimitNeg;
+ private directionHorizontalLimitPos;
+ private directionHorizontalLimitNeg;
+ private pressed;
+ private movedX;
+ private movedY;
+ private stickStatus;
+ constructor(containerId: string, parameters?: JoyStickParameters, callback?: JoyStickCallback);
+ /**
+ * @desc Draw the external circle used as reference position
+ */
+ private drawExternal;
+ /**
+ * @desc Draw the internal stick in the current position the user have moved it
+ */
+ private drawInternal;
+ /**
+ * @desc Events for manage touch
+ */
+ private onTouchStart;
+ private onTouchMove;
+ private onTouchEnd;
+ /**
+ * @desc Events for manage mouse
+ */
+ private onMouseDown;
+ private onMouseMove;
+ private onMouseUp;
+ getCardinalDirection(): CardinalDirection;
+ /**
+ * @desc The width of canvas
+ * @return Number of pixel width
+ */
+ getWidth(): number;
+ /**
+ * @desc The height of canvas
+ * @return Number of pixel height
+ */
+ getHeigh(): number;
+ /**
+ * @desc The X position of the cursor relative to the canvas that contains it and to its dimensions
+ * @return Number that indicate relative position
+ */
+ getPosX(): number;
+ /**
+ * @desc The Y position of the cursor relative to the canvas that contains it and to its dimensions
+ * @return Number that indicate relative position
+ */
+ getPosY(): number;
+ /**
+ * @desc Normalizzed value of X move of stick
+ * @return Integer from -100 to +100
+ */
+ getX(): number;
+ /**
+ * @desc Normalizzed value of Y move of stick
+ * @return Integer from -100 to +100
+ */
+ getY(): number;
+ /**
+ * @desc Get the direction of the cursor as a string that indicates the cardinal points where this is oriented
+ * @return String of cardinal point N, NE, E, SE, S, SW, W, NW and C when it is placed in the center
+ */
+ getDir(): CardinalDirection;
+}
+export default JoyStick;