View source for Clientside JS Snippets

= Client-side Javascript - Helpful Code Snippets/Examples =
=== These should not be limited to one existing function. If they are, simply propose the edit on the function as an example ===


'''Rotate Recentangle'''
The rotate rectangle allows you to get the Vehicle size and rotate it to get the correct X and Y from the Game.

<pre>
rotateRect(angle, ox, oy, x, y, w, h) {
        const xAx = Math.cos(angle);  // x axis x
        const xAy = Math.sin(angle);  // x axis y
        x -= ox;  // move rectangle onto origin
        y -= oy;
        return [[ // return array holding the resulting points
            x * xAx - y * xAy + ox,   // Get the top left rotated position
            x * xAy + y * xAx + oy,   // and move it back to the origin
        ], [
            (x + w) * xAx - y * xAy + ox,   // Get the top right rotated position
            (x + w) * xAy + y * xAx + oy,
        ], [
            (x + w) * xAx - (y + h) * xAy + ox,   // Get the bottom right rotated position
            (x + w) * xAy + (y + h) * xAx + oy,
        ], [
            x * xAx - (y + h) * xAy + ox,   // Get the bottom left rotated position
            x * xAy + (y + h) * xAx + oy,
        ]
        ];
    }</pre>

'''Get Vehicle Layout (Sizings and Location in Game)'''
This function allows you to get the full layout of the vehicle such as front, rear, roof. 
<pre>vehicleLayout(Vehicle) {
        const sizeofVehicle = mp.game.gameplay.getModelDimensions(Vehicle.model);
        const vehicleRotation = Vehicle.getRotation(2);
        const Xwidth = (0 - sizeofVehicle.min.x) + (sizeofVehicle.max.x);
        const Ywidth = (0 - sizeofVehicle.min.y) + (sizeofVehicle.max.y);
        const degree = (vehicleRotation.z + 180) * Math.PI / 180;
        const newDegrees = this.rotateRect(degree, Vehicle.position.x, Vehicle.position.y, Vehicle.position.x - sizeofVehicle.max.x, Vehicle.position.y - sizeofVehicle.max.y, Xwidth, Ywidth);
        const frontX = newDegrees[0][0] + ((newDegrees[1][0] - newDegrees[0][0]) / 2);
        const frontY = newDegrees[0][1] + ((newDegrees[1][1] - newDegrees[0][1]) / 2);
        const bottomX = newDegrees[2][0] + ((newDegrees[3][0] - newDegrees[2][0]) / 2);
        const bottomY = newDegrees[2][1] + ((newDegrees[3][1] - newDegrees[2][1]) / 2);
        return {
            front: {x: frontX, y: frontY},
            back: {x: bottomX, y: bottomY},
            center: {x: Vehicle.position.x, y: Vehicle.position.y},
            size: {
                lengthX: Xwidth,
                lengthY: Ywidth,
                min: {x: sizeofVehicle.min.x, y: sizeofVehicle.min.y},
                max: {x: sizeofVehicle.max.x, y: sizeofVehicle.max.y},
                z: sizeofVehicle.min.z
            }
        };
    }
</pre>