issue fix #349 (random ball throw), #375 ("throw ball with mouse" bug)

src/extension/extension.ts

@@ -335,6 +335,7 @@ export function activate(context: vscode.ExtensionContext) {
             updateExtensionPositionContext,
         ),
     );
+
     updateStatusBar();
 
     const spec = PetSpecification.fromConfiguration();
@@ -365,6 +366,15 @@ export function activate(context: vscode.ExtensionContext) {
         }),
     );
 
+    context.subscriptions.push(
+        vscode.commands.registerCommand('vscode-pets.throw-with-mouse', () => {
+            const panel = getPetPanel();
+            if (panel !== undefined) {
+                panel.setThrowWithMouse(true);
+            }
+        }),
+    );
+
     context.subscriptions.push(
         vscode.commands.registerCommand('vscode-pets.delete-pet', async () => {
             const panel = getPetPanel();

src/panel/main.ts

@@ -357,7 +357,8 @@ export function petPanelApp(
         if (canvas) {
             canvas.style.display = 'block';
         }
-        ballState = new BallState(100, 100, 4, 5);
+        /* spawn with randomize */
+        ballState = new BallState(0, 0, 0, 0, true);
     }
 
     function dynamicThrowOn() {
@@ -430,6 +431,7 @@ export function petPanelApp(
             canvas.style.display = 'none';
         }
     }
+
     function throwBall() {
         if (!ballState.paused) {
             requestAnimationFrame(throwBall);
@@ -461,7 +463,6 @@ export function petPanelApp(
         }
 
         ballState.vy += gravity;
-
         ballState.cx += ballState.vx;
         ballState.cy += ballState.vy;
         drawBall();

src/panel/states.ts

@@ -92,13 +92,47 @@ export class BallState {
     vy: number;
     paused: boolean;
 
-    constructor(cx: number, cy: number, vx: number, vy: number) {
-        this.cx = cx;
-        this.cy = cy;
-        this.vx = vx;
-        this.vy = vy;
+    constructor(
+        cx: number,
+        cy: number,
+        vx: number,
+        vy: number,
+        randomize?: boolean,
+    ) {
+        if (randomize !== undefined && randomize === true) {
+            const rVals = this.randomizeBallState();
+            this.cx = rVals[0];
+            this.cy = rVals[1];
+            this.vx = rVals[2];
+            this.vy = rVals[3];
+        } else {
+            this.cx = cx;
+            this.cy = cy;
+            this.vx = vx;
+            this.vy = vy;
+        }
         this.paused = false;
     }
+
+    private randomizeBallState(): Array<number> {
+        /* velocity */
+        const randVx: Array<number> = [
+            //avoids values close to 0
+            -1 * (Math.floor(Math.random() * 12) + 3), //left
+            Math.floor(Math.random() * 12) + 3, // right
+        ];
+        const randVy: number = Math.floor(Math.random() * 20 - 10);
+        /* position */
+        const randX: number = Math.floor(
+            Math.random() * (window.innerWidth * 0.8) + 10,
+        );
+        const randY: number =
+            Math.floor(Math.random() * (window.innerHeight * 0.6)) + 30;
+
+        /* flip a coin to throw left or right */
+        const coin: number = Math.floor(Math.random() * 2);
+        return [randX, randY, randVx[coin], randVy];
+    }
 }
 
 export function isStateAboveGround(state: States): boolean {