Clientside JS Snippets - Revision history

Shr0x: /* These should not be limited to one existing function. If they are, simply propose the edit on the function as an example */

2021-09-14T19:33:05Z

These should not be limited to one existing function. If they are, simply propose the edit on the function as an example

← Older revision		Revision as of 19:33, 14 September 2021
Line 1:		Line 1:
	= Client-side Javascript - Helpful Code Snippets/Examples =		= 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 ===		=== These should not be limited to one existing function. If they are, simply propose the edit on the function as an example ===
			{{ClientsideJsFunction}}
			{{JSContainer\|
			==Syntax==
	'''Rotate Recentangle'''		'''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.		The rotate rectangle allows you to get the Vehicle size and rotate it to get the correct X and Y from the Game.
Line 163:		Line 164:
	mp.game.ui.hideHudComponentThisFrame(9); // street name		mp.game.ui.hideHudComponentThisFrame(9); // street name
	</pre>		</pre>
			}}

NoBrain at 19:43, 2 December 2020

2020-12-02T19:43:17Z

← Older revision		Revision as of 19:43, 2 December 2020
Line 157:		Line 157:
	'''Disable street names/car classname etc'''		'''Disable street names/car classname etc'''
	Must be called inside render		Must be called inside render
	~~usable in async function use with await~~
	<pre>		<pre>
	mp.game.ui.hideHudComponentThisFrame(6); // car name		mp.game.ui.hideHudComponentThisFrame(6); // car name

NoBrain at 19:42, 2 December 2020

2020-12-02T19:42:56Z

@@ Line 152: / Line 152: @@
      })
+}
 </pre>

NoBrain at 10:45, 1 December 2020

2020-12-01T10:45:42Z

@@ Line 131: / Line 131: @@
+{
      mp.players.local.resetMovementClipset(0.3);
+}
 </pre>

NoBrain at 10:43, 1 December 2020

2020-12-01T10:43:15Z

@@ Line 95: / Line 95: @@
      mp.game.invoke("0xF4F2C0D4EE209E20"); //Invalidate Camera 0xF4F2C0D4EE209E20
 })
 </pre>

NoBrain at 10:31, 1 December 2020

2020-12-01T10:31:03Z

@@ Line 87: / Line 87: @@
    doLoop();
+}
 </pre>

NoBrain at 10:27, 1 December 2020

2020-12-01T10:27:44Z

@@ Line 54: / Line 54: @@
          };
+     }
 </pre>

Wdoyle2: Created page with "= 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 a..."

2020-12-01T10:02:00Z

Created page with "= 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 a..."

New page

= 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>