Graphics::drawText - Revision history

Demellion: More technical details on text editing.

2020-08-22T20:33:56Z

More technical details on text editing.

← Older revision		Revision as of 20:33, 22 August 2020
Line 5:		Line 5:

	=== Required Arguments ===		=== Required Arguments ===
	*'''text:''' String: text to show		*'''text:''' String: structured text to show (utilizes [[Fonts_and_Colors]] and [https://en.wikipedia.org/wiki/Control_character Control Characters])
	*'''x:''' Float: X position in the screen (0.0 to 1.0)		*'''x:''' Float: X position in the screen (0.0 to 1.0)
	*'''y:''' Float: Y position in the screen (0.0 to 1.0)		*'''y:''' Float: Y position in the screen (0.0 to 1.0)
Line 36:		Line 36:
	outline: true,		outline: true,
	centre: true		centre: true
			});

			// Draw to screen using red color on a next line.
			mp.game.graphics.drawText("Text at the top of the screen\n~r~Next line in red color", [0.5, 0.005], {
			font: 7,
			color: [255, 255, 255, 185],
			scale: [1.2, 1.2],
			outline: true
	});		});
	});		});

Rootcause: Replaced HTML with template

2018-10-26T13:31:18Z

Replaced HTML with template

← Older revision		Revision as of 13:31, 26 October 2018
Line 1:		Line 1:
			==Syntax==
			<pre>
			mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline, centre });
			</pre>

	~~==Syntax==~~
	~~<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline, centre });</syntaxhighlight>~~
	=== Required Arguments ===		=== Required Arguments ===
	*'''text:''' String: text to show		*'''text:''' String: text to show
Line 11:		Line 13:
	*'''scale:''' Array ([x, y]): scale of the text (1.0 is a good value)		*'''scale:''' Array ([x, y]): scale of the text (1.0 is a good value)
	*'''outline:''' Bool: Text has borders or not		*'''outline:''' Bool: Text has borders or not

	===Return value===		===Return value===
	Unknown		Unknown

	==Example==		==Example==
	~~<div class="header" style="background-color: #408DAE; color: #FFFFFF; border: 2px solid #408DAE;">~~		{{ClientsideCode\|
	~~<div style="margin: 10px 10px 10px 10px;"><b>Client-Side</b></div>~~		<pre>
	<~~syntaxhighlight lang="javascript"~~>
	mp.events.add('render', () => {		mp.events.add('render', () => {
	// Draw to screen.		// Draw to screen.
Line 35:		Line 38:
	});		});
	});		});
	</~~syntaxhighlight~~>		</pre>
	~~</div>~~		}}

	==Fonts==		==Fonts==

	<span style="font-size:130%; line-height: 1.31em;">'''ChaletLondon - ID: 0'''</span>		<span style="font-size:130%; line-height: 1.31em;">'''ChaletLondon - ID: 0'''</span>
	<gallery>		<gallery>

Ragempdev at 14:47, 26 August 2018

2018-08-26T14:47:11Z

← Older revision		Revision as of 14:47, 26 August 2018
Line 1:		Line 1:
	~~'''In RageMP 0.3.2 RC-1 due to a bug, message parameter needs to be at least 16 characters long.'''~~
	==Syntax==		==Syntax==
	<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline, centre });</syntaxhighlight>		<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline, centre });</syntaxhighlight>

Ragempdev at 17:35, 16 April 2018

2018-04-16T17:35:14Z

← Older revision		Revision as of 17:35, 16 April 2018
Line 32:		Line 32:
	scale: [1.2, 1.2],		scale: [1.2, 1.2],
	outline: true,		outline: true,
	centre: ~~trye~~		centre: true
	});		});
	});		});

Ragempdev at 17:35, 16 April 2018

2018-04-16T17:35:06Z

← Older revision		Revision as of 17:35, 16 April 2018
Line 31:		Line 31:
	color: [255, 255, 255, 185],		color: [255, 255, 255, 185],
	scale: [1.2, 1.2],		scale: [1.2, 1.2],
	outline: true		outline: true,
			centre: trye
	});		});
	});		});

Ragempdev at 17:34, 16 April 2018

2018-04-16T17:34:36Z

← Older revision		Revision as of 17:34, 16 April 2018
Line 1:		Line 1:
	'''In RageMP 0.3.2 RC-1 due to a bug, message parameter needs to be at least 16 characters long.'''		'''In RageMP 0.3.2 RC-1 due to a bug, message parameter needs to be at least 16 characters long.'''
	==Syntax==		==Syntax==
	<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline });</syntaxhighlight>		<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline, centre });</syntaxhighlight>
	=== Required Arguments ===		=== Required Arguments ===
	*'''text:''' String: text to show		*'''text:''' String: text to show

Soukyan at 00:30, 6 January 2018

2018-01-06T00:30:34Z

← Older revision		Revision as of 00:30, 6 January 2018
Line 1:		Line 1:
			'''In RageMP 0.3.2 RC-1 due to a bug, message parameter needs to be at least 16 characters long.'''
	==Syntax==		==Syntax==
	<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline });</syntaxhighlight>		<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline });</syntaxhighlight>
Line 13:		Line 14:
	Unknown		Unknown
	==Example==		==Example==
	<div class="header" style="background-color: #~~AE4040~~; color: #FFFFFF; border: 2px solid #~~AE4040~~;">		<div class="header" style="background-color: #408DAE; color: #FFFFFF; border: 2px solid #408DAE;">
	<div style="margin: 10px 10px 10px 10px;"><b>Client-Side</b></div>		<div style="margin: 10px 10px 10px 10px;"><b>Client-Side</b></div>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

Andrew at 14:25, 23 December 2017

2017-12-23T14:25:40Z

← Older revision		Revision as of 14:25, 23 December 2017
Line 6:		Line 6:
	*'''y:''' Float: Y position in the screen (0.0 to 1.0)		*'''y:''' Float: Y position in the screen (0.0 to 1.0)
	*'''z:''' Float: Include Z parameter when rendering to a 3D space (change X and Y to world co-ordinates)		*'''z:''' Float: Include Z parameter when rendering to a 3D space (change X and Y to world co-ordinates)
	*'''~~fontId~~:''' Int: font id		*'''font:''' Int: font id
	*'''~~colourRGBA~~:''' Array: Color of the text plus alpha		*'''color:''' Array: Color of the text plus alpha
	*'''~~scaleX~~:''' ~~Float~~: X scale of the text ~~(1.0 is a good value)~~		*'''scale:''' Array ([x, y]): scale of the text (1.0 is a good value)
	*'''scaleY:''' Float: Y scale (1.0 is a good value)
	*'''outline:''' Bool: Text has borders or not		*'''outline:''' Bool: Text has borders or not
	===Return value===		===Return value===

Voxel: Updated drawText With The Proper Parameters

2017-12-12T02:48:19Z

Updated drawText With The Proper Parameters

← Older revision		Revision as of 02:48, 12 December 2017
Line 1:		Line 1:
	==Syntax==		==Syntax==
	<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, ~~fontId, colourRGBA, scaleX, scaleY, outline,~~ x, y[, z]);</syntaxhighlight>		<syntaxhighlight lang="javascript">mp.game.graphics.drawText(text, [x, y [, z]], { font, color, scale, outline });</syntaxhighlight>
	=== Required Arguments ===		=== Required Arguments ===
	*'''text:''' String: text to show		*'''text:''' String: text to show
			*'''x:''' Float: X position in the screen (0.0 to 1.0)
			*'''y:''' Float: Y position in the screen (0.0 to 1.0)
			*'''z:''' Float: Include Z parameter when rendering to a 3D space (change X and Y to world co-ordinates)
	*'''fontId:''' Int: font id		*'''fontId:''' Int: font id
	*'''colourRGBA:''' Array: Color of the text plus alpha		*'''colourRGBA:''' Array: Color of the text plus alpha
Line 8:		Line 11:
	*'''scaleY:''' Float: Y scale (1.0 is a good value)		*'''scaleY:''' Float: Y scale (1.0 is a good value)
	*'''outline:''' Bool: Text has borders or not		*'''outline:''' Bool: Text has borders or not
	*'''x:''' Float: X position in the screen (0.0 to 1.0)
	*'''y:''' Float: Y position in the screen (0.0 to 1.0)
	*'''z:''' Float: Include Z parameter when rendering to a 3D space (change X and Y to world co-ordinates)
	===Return value===		===Return value===
	Unknown		Unknown
Line 19:		Line 19:
	mp.events.add('render', () => {		mp.events.add('render', () => {
	// Draw to screen.		// Draw to screen.
	mp.game.graphics.drawText("Text at the top of the screen", 7, [255, 255, 255, 185], 1.2, 1.2, true~~, 0.5, 0.005~~);		mp.game.graphics.drawText("Text at the top of the screen", [0.5, 0.005], {
			font: 7,
			color: [255, 255, 255, 185],
			scale: [1.2, 1.2],
			outline: true
			});

	// Draw to world.		// Draw to world.
	mp.game.graphics.drawText("Text in the world", 7, [255, 255, 255, 185], 1.2, 1.2, true~~, -1234, 1337, 15~~);		mp.game.graphics.drawText("Text in the world", [-1234, 1337, 15], {
			font: 7,
			color: [255, 255, 255, 185],
			scale: [1.2, 1.2],
			outline: true
			});
	});		});
	</syntaxhighlight>		</syntaxhighlight>

Unknown: /* Fonts */

2017-11-30T11:57:40Z

Fonts

@@ Line 28: / Line 28: @@
 ==Fonts==
-[[File:Fonts.jpg]]
 ==See also==
 {{Graphics_s_function_c}}
 [[Category:Clientside API]]