Chars in C (PI5) - Versionsgeschichte

Satyria: /* Der ANSI-Zeichencode */

2025-02-22T10:27:43Z

Der ANSI-Zeichencode

← Nächstältere Version		Version vom 22. Februar 2025, 11:27 Uhr
Zeile 11:		Zeile 11:
	! !! !! !! !! !! !! !! !! !! !! !! !! !! !! !! !!		! !! !! !! !! !! !! !! !! !! !! !! !! !! !! !! !!
	\|-		\|-
	! !! 00 !! 01 !! 02 !! 03 !! 04 !! 05 !! 06 !! 07 !! 08 !! 09 !! 0A !! 0B !! 0C !! 0D !! 0E !! 0F		! !! 0x0 !! 0x1 !! 0x2 !! 0x3 !! 0x4 !! 0x5 !! 0x6 !! 0x7 !! 0x8 !! 0x9 !! 0xA !! 0xB !! 0xC !! 0xD !! 0xE !! 0xF
	\|-		\|-
	! 0x0		! 0x0
Zeile 61:		Zeile 61:
	\| ≡ \|\| ± \|\| ≥ \|\| ≤ \|\| ⌠ \|\| ⌡ \|\| ÷ \|\| ≈ \|\| ° \|\| • \|\| · \|\| √ \|\| ⁿ \|\| ² \|\| ■ \|\|		\| ≡ \|\| ± \|\| ≥ \|\| ≤ \|\| ⌠ \|\| ⌡ \|\| ÷ \|\| ≈ \|\| ° \|\| • \|\| · \|\| √ \|\| ⁿ \|\| ² \|\| ■ \|\|
	\|}		\|}

	== Erstellen einer Schriftart (Font) ==		== Erstellen einer Schriftart (Font) ==
	Um den Computer in die Lage zu versetzen, Zeichen darzustellen, müssen wir ihm zeigen, wie jedes Zeichen aussieht. Dazu erstellen wir eine Art Datenbank, in der jedes Zeichen als ein 8x8-Pixel-Muster beschrieben wird.		Um den Computer in die Lage zu versetzen, Zeichen darzustellen, müssen wir ihm zeigen, wie jedes Zeichen aussieht. Dazu erstellen wir eine Art Datenbank, in der jedes Zeichen als ein 8x8-Pixel-Muster beschrieben wird.

Satyria: /* Zusammenfassung */

2024-08-23T09:55:04Z

Zusammenfassung

← Nächstältere Version		Version vom 23. August 2024, 10:55 Uhr
Zeile 208:		Zeile 208:

	Du kannst den Source-Code als ZIP-Datei mit folgenden Link downloaden: https://www.satyria.de/arm/sources/C/chars.zip		Du kannst den Source-Code als ZIP-Datei mit folgenden Link downloaden: https://www.satyria.de/arm/sources/C/chars.zip

			-----

			{\| style="width: 100%;
			\| style="width: 33%;" \| [[Grafik in C (PI5)\|< Zurück (Grafik in C (PI5))]]
			\| style="width: 33%; text-align:center;" \| [[Hauptseite\|< Hauptseite >]]
			\| style="width: 33%; text-align:right;" \| [[Das Terminal in C (PI5)\|Weiter (Das Terminal in C (PI5)) >]]
			\|}

Satyria: /* Zusammenfassung */

2024-08-20T18:42:18Z

Zusammenfassung

← Nächstältere Version		Version vom 20. August 2024, 19:42 Uhr
Zeile 206:		Zeile 206:
	== Zusammenfassung ==		== Zusammenfassung ==
	Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.		Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.

			Du kannst den Source-Code als ZIP-Datei mit folgenden Link downloaden: https://www.satyria.de/arm/sources/C/chars.zip

Satyria am 19. August 2024 um 07:07 Uhr

2024-08-19T07:07:33Z

← Nächstältere Version		Version vom 19. August 2024, 08:07 Uhr
Zeile 206:		Zeile 206:
	== Zusammenfassung ==		== Zusammenfassung ==
	Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.		Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.












	~~<syntaxhighlight lang="C">~~
	~~void DrawChar(char c, u32 x0, u32 y0)~~
	{
	~~unsigned char *sym = font[(unsigned char)c];~~
	~~</syntaxhighlight>~~

	~~Nun erstellen wir eine Schleife für jede Zeile (i) und für jedes Bit (j) im Wert.~~

	~~<syntaxhighlight lang="C">~~
	~~for (u32 i = 0; i < FONT_HEIGHT; i++)~~
	{
	~~for (u32 j = 0; j < FONT_WIDTH; j++)~~
	{
	~~</syntaxhighlight>~~

	Nun werten wir jedes Bit aus und prüfen, ob dieses gesetzt ist. Dazu laden wir das Byte, da wir von Links nach rechts auswerten müssen, subtrahieren wir j von 7 ab. Unser Byte wird anschliesen um den berechneten Wert nach rechts verschoben. Mit "AND 1" werden alle höheren Bits gelöscht, so dass wir immer 1 (für gesetzt) oder 0 (wenn nicht gesetzt) als Ergebnis bekommen, dass wir dann Auswerten können.

	~~<syntaxhighlight lang="C">~~
	~~u32 check = (sym[i] >> (7 - j)) & 1;~~
	~~</syntaxhighlight>~~

	~~Mit einer einfachen if-Abfrage prüfen wir nun, ob das Bit gesetzt war, oder nicht. Dementsprechend setzen wir die Zeichenfarbe (DrawColor) auf die Vordergrundfarbe oder Hintergrundfarbe.~~

	~~<syntaxhighlight lang="C">~~
	~~if (check == 1)~~
	{
	~~DrawColor = FrontColor;~~
	}
	~~else~~
	{
	~~DrawColor = BackColor;~~
	}
	~~</syntaxhighlight>~~

	Da wir in x0 und y0 die jeweilige Position haben, an der das Zeichen gezeichnet werden soll und über die Schleife in j und i die Position des Zeichens haben, verwenden wir diese Daten und rufen die DrawPixel-Funktion auf.

	~~<syntaxhighlight lang="C">~~
	~~DrawPixel(x0 + j, y0 + i);~~
	}
	}
	}
	~~</syntaxhighlight>~~

	~~== Testen der Funktion ==~~
	~~<syntaxhighlight lang="C">~~
	//
	~~// main.c~~
	//

	~~#include "led.h"~~
	~~#include "screen.h"~~
	~~#include "types.h"~~

	~~int main (void)~~
	{
	~~LED_off();~~
	~~Init_Screen();~~

	~~u32 x = 30;~~
	~~u32 y = 40;~~
	~~for (char c = 65; i < 100; i++)~~
	{
	~~DrawChar(c,x,y);~~
	~~y=y+10;~~
	}
	~~LED_Error(2);~~
	}
	~~</syntaxhighlight>~~

	~~Mit diesem Einfachen BEispiel erzeugen wir eine Reihe von Zeichen, die auf dem Bildschirm gezeichnet werden.~~

Satyria: /* Erklärung der Funktion */

2024-08-19T07:06:32Z

Erklärung der Funktion

← Nächstältere Version		Version vom 19. August 2024, 08:06 Uhr
Zeile 150:		Zeile 150:
	void DrawChar(char c, u32 x0, u32 y0)		void DrawChar(char c, u32 x0, u32 y0)
	</syntaxhighlight>		</syntaxhighlight>
			* <syntaxhighlight lang="C" inline>void</syntaxhighlight> bedeutet, dass die Funktion keinen Wert zurückgibt.
	<syntaxhighlight lang="C" inline>void</syntaxhighlight> bedeutet, dass die Funktion keinen Wert zurückgibt.		* <syntaxhighlight lang="C" inline>char c</syntaxhighlight> ist das Zeichen, das gezeichnet werden soll.
			* <syntaxhighlight lang="C" inline>u32 x0</syntaxhighlight> und <syntaxhighlight lang="C" inline>u32 y0</syntaxhighlight> sind die x- und y-Koordinaten auf dem Bildschirm, an denen das Zeichen beginnen soll.
	<syntaxhighlight lang="C" inline>char c</syntaxhighlight> ist das Zeichen, das gezeichnet werden soll.

	<syntaxhighlight lang="C" inline>u32 x0</syntaxhighlight> und <syntaxhighlight lang="C" inline>u32 y0</syntaxhighlight> sind die x- und y-Koordinaten auf dem Bildschirm, an denen das Zeichen beginnen soll.

	'''Zeiger auf das Zeichen im Font-Array''':		'''Zeiger auf das Zeichen im Font-Array''':
Zeile 161:		Zeile 158:
	unsigned char *sym = font[(unsigned char)c];		unsigned char *sym = font[(unsigned char)c];
	</syntaxhighlight>		</syntaxhighlight>
			* <syntaxhighlight lang="C" inline>unsigned char *sym</syntaxhighlight> ist ein Zeiger auf das 8x8-Pixel-Muster des Zeichens.
	<syntaxhighlight lang="C" inline>unsigned char *sym</syntaxhighlight> ist ein Zeiger auf das 8x8-Pixel-Muster des Zeichens.		* <syntaxhighlight lang="C" inline>font[(unsigned char)c]</syntaxhighlight> greift auf das entsprechende Zeichenmuster im font-Array zu. Jedes Zeichen wird durch ein 8x8-Pixel-Muster dargestellt.

	<syntaxhighlight lang="C" inline>font[(unsigned char)c]</syntaxhighlight> greift auf das entsprechende Zeichenmuster im font-Array zu. Jedes Zeichen wird durch ein 8x8-Pixel-Muster dargestellt.

	'''Äußere Schleife: Zeilen durchlaufen''':		'''Äußere Schleife: Zeilen durchlaufen''':
Zeile 170:		Zeile 165:
	for (u32 i = 0; i < FONT_HEIGHT; i++)		for (u32 i = 0; i < FONT_HEIGHT; i++)
	</syntaxhighlight>		</syntaxhighlight>
	Diese Schleife durchläuft jede Zeile des 8x8-Pixel-Musters.		* Diese Schleife durchläuft jede Zeile des 8x8-Pixel-Musters.
			* <syntaxhighlight lang="C" inline>u32 i</syntaxhighlight> ist die aktuelle Zeile im Pixel-Muster (von 0 bis 7).
	<syntaxhighlight lang="C" inline>u32 i</syntaxhighlight> ist die aktuelle Zeile im Pixel-Muster (von 0 bis 7).

	'''Innere Schleife: Spalten durchlaufen''':		'''Innere Schleife: Spalten durchlaufen''':
Zeile 178:		Zeile 172:
	for (u32 j = 0; j < FONT_WIDTH; j++)		for (u32 j = 0; j < FONT_WIDTH; j++)
	</syntaxhighlight>		</syntaxhighlight>
	Diese Schleife durchläuft jede Spalte der aktuellen Zeile.		* Diese Schleife durchläuft jede Spalte der aktuellen Zeile.
			* <syntaxhighlight lang="C" inline>u32 j</syntaxhighlight> ist die aktuelle Spalte im Pixel-Muster (von 0 bis 7).
	<syntaxhighlight lang="C" inline>u32 j</syntaxhighlight> ist die aktuelle Spalte im Pixel-Muster (von 0 bis 7).

	'''Prüfen, ob das Bit gesetzt ist''':		'''Prüfen, ob das Bit gesetzt ist''':
Zeile 186:		Zeile 179:
	u32 check = (sym[i] >> (7 - j)) & 1;		u32 check = (sym[i] >> (7 - j)) & 1;
	</syntaxhighlight>		</syntaxhighlight>
			* <syntaxhighlight lang="C" inline>sym[i]</syntaxhighlight> lädt das Byte der aktuellen Zeile.
	<syntaxhighlight lang="C" inline>sym[i]</syntaxhighlight> lädt das Byte der aktuellen Zeile.		* <syntaxhighlight lang="C" inline>>> (7 - j)</syntaxhighlight> verschiebt die Bits nach rechts, sodass das Bit, das wir prüfen wollen, an der niedrigsten Stelle steht.
			* <syntaxhighlight lang="C" inline>& 1</syntaxhighlight> maskiert alle anderen Bits außer dem niedrigsten Bit. Das Ergebnis ist entweder 1 (Bit gesetzt) oder 0 (Bit nicht gesetzt).
	<syntaxhighlight lang="C" inline>>> (7 - j)</syntaxhighlight> verschiebt die Bits nach rechts, sodass das Bit, das wir prüfen wollen, an der niedrigsten Stelle steht.

	<syntaxhighlight lang="C" inline>& 1</syntaxhighlight> maskiert alle anderen Bits außer dem niedrigsten Bit. Das Ergebnis ist entweder 1 (Bit gesetzt) oder 0 (Bit nicht gesetzt).

	'''Setzen der Zeichenfarbe''':		'''Setzen der Zeichenfarbe''':
Zeile 204:		Zeile 194:
	}		}
	</syntaxhighlight>		</syntaxhighlight>
	Wenn <syntaxhighlight lang="C" inline>check</syntaxhighlight> 1 ist, bedeutet das, dass das Bit gesetzt ist, und wir setzen die Zeichenfarbe (<syntaxhighlight lang="C" inline>DrawColor</syntaxhighlight>) auf die Vordergrundfarbe (<syntaxhighlight lang="C" inline>FrontColor</syntaxhighlight>).		* Wenn <syntaxhighlight lang="C" inline>check</syntaxhighlight> 1 ist, bedeutet das, dass das Bit gesetzt ist, und wir setzen die Zeichenfarbe (<syntaxhighlight lang="C" inline>DrawColor</syntaxhighlight>) auf die Vordergrundfarbe (<syntaxhighlight lang="C" inline>FrontColor</syntaxhighlight>).
			* Wenn <syntaxhighlight lang="C" inline>check</syntaxhighlight> 0 ist, setzen wir die Zeichenfarbe auf die Hintergrundfarbe (<syntaxhighlight lang="C" inline>BackColor</syntaxhighlight>).
	Wenn <syntaxhighlight lang="C" inline>check</syntaxhighlight> 0 ist, setzen wir die Zeichenfarbe auf die Hintergrundfarbe (<syntaxhighlight lang="C" inline>BackColor</syntaxhighlight>).

	'''Zeichnen des Pixels''':		'''Zeichnen des Pixels''':
Zeile 212:		Zeile 201:
	DrawPixel(x0 + j, y0 + i);		DrawPixel(x0 + j, y0 + i);
	</syntaxhighlight>		</syntaxhighlight>
	<syntaxhighlight lang="C" inline>DrawPixel</syntaxhighlight> zeichnet den Pixel an der Position <syntaxhighlight lang="C" inline>(x0 + j, y0 + i)</syntaxhighlight>.		* <syntaxhighlight lang="C" inline>DrawPixel</syntaxhighlight> zeichnet den Pixel an der Position <syntaxhighlight lang="C" inline>(x0 + j, y0 + i)</syntaxhighlight>.
	<syntaxhighlight lang="C" inline>x0 + j</syntaxhighlight> gibt die x-Koordinate des aktuellen Pixels an.		* <syntaxhighlight lang="C" inline>x0 + j</syntaxhighlight> gibt die x-Koordinate des aktuellen Pixels an.
	<syntaxhighlight lang="C" inline>y0 + i</syntaxhighlight> gibt die y-Koordinate des aktuellen Pixels an.		* <syntaxhighlight lang="C" inline>y0 + i</syntaxhighlight> gibt die y-Koordinate des aktuellen Pixels an.
	Zusammenfassung		== Zusammenfassung ==
	Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.		Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.

Satyria: /* Erklärung der Funktion */

2024-08-19T06:59:48Z

Erklärung der Funktion

← Nächstältere Version		Version vom 19. August 2024, 07:59 Uhr
Zeile 157:		Zeile 157:
	<syntaxhighlight lang="C" inline>u32 x0</syntaxhighlight> und <syntaxhighlight lang="C" inline>u32 y0</syntaxhighlight> sind die x- und y-Koordinaten auf dem Bildschirm, an denen das Zeichen beginnen soll.		<syntaxhighlight lang="C" inline>u32 x0</syntaxhighlight> und <syntaxhighlight lang="C" inline>u32 y0</syntaxhighlight> sind die x- und y-Koordinaten auf dem Bildschirm, an denen das Zeichen beginnen soll.

	Zeiger auf das Zeichen im Font-Array:		'''Zeiger auf das Zeichen im Font-Array''':
			<syntaxhighlight lang="C">
			unsigned char *sym = font[(unsigned char)c];
			</syntaxhighlight>

	~~Copy~~		<syntaxhighlight lang="C" inline>unsigned char *sym</syntaxhighlight> ist ein Zeiger auf das 8x8-Pixel-Muster des Zeichens.
	~~unsigned char *sym~~ = ~~font[(unsigned char)c];~~
	unsigned char *sym ist ein Zeiger auf das 8x8-Pixel-Muster des Zeichens.		<syntaxhighlight lang="C" inline>font[(unsigned char)c]</syntaxhighlight> greift auf das entsprechende Zeichenmuster im font-Array zu. Jedes Zeichen wird durch ein 8x8-Pixel-Muster dargestellt.
	font[(unsigned char)c] greift auf das entsprechende Zeichenmuster im font-Array zu. Jedes Zeichen wird durch ein 8x8-Pixel-Muster dargestellt.
	~~Äußere Schleife: Zeilen durchlaufen:~~

	~~Copy~~		'''Äußere Schleife: Zeilen durchlaufen''':
			<syntaxhighlight lang="C">
	for (u32 i = 0; i < FONT_HEIGHT; i++)		for (u32 i = 0; i < FONT_HEIGHT; i++)
			</syntaxhighlight>
	Diese Schleife durchläuft jede Zeile des 8x8-Pixel-Musters.		Diese Schleife durchläuft jede Zeile des 8x8-Pixel-Musters.
	~~u32 i ist die aktuelle Zeile im Pixel-Muster (von 0 bis 7).~~
	~~Innere Schleife: Spalten durchlaufen:~~

	~~Copy~~		<syntaxhighlight lang="C" inline>u32 i</syntaxhighlight> ist die aktuelle Zeile im Pixel-Muster (von 0 bis 7).

			'''Innere Schleife: Spalten durchlaufen''':
			<syntaxhighlight lang="C">
	for (u32 j = 0; j < FONT_WIDTH; j++)		for (u32 j = 0; j < FONT_WIDTH; j++)
			</syntaxhighlight>
	Diese Schleife durchläuft jede Spalte der aktuellen Zeile.		Diese Schleife durchläuft jede Spalte der aktuellen Zeile.
	~~u32 j ist die aktuelle Spalte im Pixel-Muster (von 0 bis 7).~~
	~~Prüfen, ob das Bit gesetzt ist:~~

	~~Copy~~		<syntaxhighlight lang="C" inline>u32 j</syntaxhighlight> ist die aktuelle Spalte im Pixel-Muster (von 0 bis 7).

			'''Prüfen, ob das Bit gesetzt ist''':
			<syntaxhighlight lang="C">
	u32 check = (sym[i] >> (7 - j)) & 1;		u32 check = (sym[i] >> (7 - j)) & 1;
	~~sym[i] lädt das Byte der aktuellen Zeile.~~		</syntaxhighlight>
	>~~> (7 - j) verschiebt die Bits nach rechts, sodass das Bit, das wir prüfen wollen, an der niedrigsten Stelle steht.~~
	~~& 1 maskiert alle anderen Bits außer dem niedrigsten Bit. Das Ergebnis ist entweder 1 (Bit gesetzt) oder 0 (Bit nicht gesetzt).~~
	~~Setzen der Zeichenfarbe:~~

	~~Copy~~		<syntaxhighlight lang="C" inline>sym[i]</syntaxhighlight> lädt das Byte der aktuellen Zeile.

			<syntaxhighlight lang="C" inline>>> (7 - j)</syntaxhighlight> verschiebt die Bits nach rechts, sodass das Bit, das wir prüfen wollen, an der niedrigsten Stelle steht.

			<syntaxhighlight lang="C" inline>& 1</syntaxhighlight> maskiert alle anderen Bits außer dem niedrigsten Bit. Das Ergebnis ist entweder 1 (Bit gesetzt) oder 0 (Bit nicht gesetzt).

			'''Setzen der Zeichenfarbe''':
			<syntaxhighlight lang="C">
	if (check == 1)		if (check == 1)
	{		{
Zeile 193:		Zeile 203:
	DrawColor = BackColor;		DrawColor = BackColor;
	}		}
	Wenn check 1 ist, bedeutet das, dass das Bit gesetzt ist, und wir setzen die Zeichenfarbe (DrawColor) auf die Vordergrundfarbe (FrontColor).		</syntaxhighlight>
	Wenn check 0 ist, setzen wir die Zeichenfarbe auf die Hintergrundfarbe (BackColor).		Wenn <syntaxhighlight lang="C" inline>check</syntaxhighlight> 1 ist, bedeutet das, dass das Bit gesetzt ist, und wir setzen die Zeichenfarbe (<syntaxhighlight lang="C" inline>DrawColor</syntaxhighlight>) auf die Vordergrundfarbe (<syntaxhighlight lang="C" inline>FrontColor</syntaxhighlight>).
	~~Zeichnen des Pixels:~~
			Wenn <syntaxhighlight lang="C" inline>check</syntaxhighlight> 0 ist, setzen wir die Zeichenfarbe auf die Hintergrundfarbe (<syntaxhighlight lang="C" inline>BackColor</syntaxhighlight>).

	~~Copy~~		'''Zeichnen des Pixels''':
			<syntaxhighlight lang="C">
	DrawPixel(x0 + j, y0 + i);		DrawPixel(x0 + j, y0 + i);
	DrawPixel zeichnet den Pixel an der Position (x0 + j, y0 + i).		</syntaxhighlight>
	x0 + j gibt die x-Koordinate des aktuellen Pixels an.		<syntaxhighlight lang="C" inline>DrawPixel</syntaxhighlight> zeichnet den Pixel an der Position <syntaxhighlight lang="C" inline>(x0 + j, y0 + i)</syntaxhighlight>.
	y0 + i gibt die y-Koordinate des aktuellen Pixels an.		<syntaxhighlight lang="C" inline>x0 + j</syntaxhighlight> gibt die x-Koordinate des aktuellen Pixels an.
			<syntaxhighlight lang="C" inline>y0 + i</syntaxhighlight> gibt die y-Koordinate des aktuellen Pixels an.
	Zusammenfassung		Zusammenfassung
	Die DrawChar-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.		Die <syntaxhighlight lang="C" inline>DrawChar</syntaxhighlight>-Funktion durchläuft das 8x8-Pixel-Muster eines Zeichens und zeichnet jeden Pixel an der entsprechenden Position auf dem Bildschirm. Die Farbe des Pixels hängt davon ab, ob das entsprechende Bit im Pixel-Muster gesetzt ist oder nicht.

Satyria am 19. August 2024 um 06:37 Uhr

2024-08-19T06:37:31Z

@@ Zeile 88: / Zeile 88: @@
 b00000000
 },
-...
+... Weitere Zeichen
+{
 // 65 A
@@ Zeile 117: / Zeile 117: @@
 Mein Beispiel für die Schriftart habe ich als "ms8x8font.fon" im Includeverzeichnis abgelegt.
-== Zeichnen von Zeichen auf dem Bildschirm ==
+== Zeichnen von Zeichen auf dem Bildschirm: DrawChar-Funktion ==
-Nachdem wir definiert haben, wie jedes Zeichen aussieht, müssen wir eine Funktion schreiben, um diese Zeichen auf dem Bildschirm anzuzeigen. Wir nennen diese Funktion „DrawChar“. Wir werden das zu zeichnende Zeichen sowie die Position (x, y) auf dem Bildschirm übergeben.
+Die Funktion DrawChar zeichnet ein einzelnes Zeichen an einer bestimmten Position auf dem Bildschirm. Hier ist der vollständige Code der Funktion:
 <syntaxhighlight lang="C">

Satyria am 19. August 2024 um 06:20 Uhr

2024-08-19T06:20:40Z

← Nächstältere Version		Version vom 19. August 2024, 07:20 Uhr
Zeile 119:		Zeile 119:
	== Zeichnen von Zeichen auf dem Bildschirm ==		== Zeichnen von Zeichen auf dem Bildschirm ==
	Nachdem wir definiert haben, wie jedes Zeichen aussieht, müssen wir eine Funktion schreiben, um diese Zeichen auf dem Bildschirm anzuzeigen. Wir nennen diese Funktion „DrawChar“. Wir werden das zu zeichnende Zeichen sowie die Position (x, y) auf dem Bildschirm übergeben.		Nachdem wir definiert haben, wie jedes Zeichen aussieht, müssen wir eine Funktion schreiben, um diese Zeichen auf dem Bildschirm anzuzeigen. Wir nennen diese Funktion „DrawChar“. Wir werden das zu zeichnende Zeichen sowie die Position (x, y) auf dem Bildschirm übergeben.

			Zunächst erstellen wir einen Zeiger (sym) auf den Font, den wir zeichen wollen. Da "font" ein Array ist, kann hier einfach mit der übergabe von "c" direkt auf das richtige Zeichen referenziert werden.

			<syntaxhighlight lang="C">
			void DrawChar(char c, u32 x0, u32 y0)
			{
			unsigned char *sym = font[(unsigned char)c];
			</syntaxhighlight>

			Nun erstellen wir eine Schleife für jede Zeile (i) und für jedes Bit (j) im Wert.

			<syntaxhighlight lang="C">
			for (u32 i = 0; i < FONT_HEIGHT; i++)
			{
			for (u32 j = 0; j < FONT_WIDTH; j++)
			{
			</syntaxhighlight>

			Nun werten wir jedes Bit aus und prüfen, ob dieses gesetzt ist. Dazu laden wir das Byte, da wir von Links nach rechts auswerten müssen, subtrahieren wir j von 7 ab. Unser Byte wird anschliesen um den berechneten Wert nach rechts verschoben. Mit "AND 1" werden alle höheren Bits gelöscht, so dass wir immer 1 (für gesetzt) oder 0 (wenn nicht gesetzt) als Ergebnis bekommen, dass wir dann Auswerten können.

			<syntaxhighlight lang="C">
			u32 check = (sym[i] >> (7 - j)) & 1;
			</syntaxhighlight>

			Mit einer einfachen if-Abfrage prüfen wir nun, ob das Bit gesetzt war, oder nicht. Dementsprechend setzen wir die Zeichenfarbe (DrawColor) auf die Vordergrundfarbe oder Hintergrundfarbe.

			<syntaxhighlight lang="C">
			if (check == 1)
			{
			DrawColor = FrontColor;
			}
			else
			{
			DrawColor = BackColor;
			}
			</syntaxhighlight>

			Da wir in x0 und y0 die jeweilige Position haben, an der das Zeichen gezeichnet werden soll und über die Schleife in j und i die Position des Zeichens haben, verwenden wir diese Daten und rufen die DrawPixel-Funktion auf.

			<syntaxhighlight lang="C">
			DrawPixel(x0 + j, y0 + i);
			}
			}
			}
			</syntaxhighlight>

			== Testen der Funktion ==
			<syntaxhighlight lang="C">
			//
			// main.c
			//

			#include "led.h"
			#include "screen.h"
			#include "types.h"

			int main (void)
			{
			LED_off();
			Init_Screen();

			u32 x = 30;
			u32 y = 40;
			for (char c = 65; i < 100; i++)
			{
			DrawChar(c,x,y);
			y=y+10;
			}
			LED_Error(2);
			}
			</syntaxhighlight>

			Mit diesem Einfachen BEispiel erzeugen wir eine Reihe von Zeichen, die auf dem Bildschirm gezeichnet werden.

Satyria am 19. August 2024 um 05:36 Uhr

2024-08-19T05:36:40Z

← Nächstältere Version		Version vom 19. August 2024, 06:36 Uhr
Zeile 61:		Zeile 61:
	\| ≡ \|\| ± \|\| ≥ \|\| ≤ \|\| ⌠ \|\| ⌡ \|\| ÷ \|\| ≈ \|\| ° \|\| • \|\| · \|\| √ \|\| ⁿ \|\| ² \|\| ■ \|\|		\| ≡ \|\| ± \|\| ≥ \|\| ≤ \|\| ⌠ \|\| ⌡ \|\| ÷ \|\| ≈ \|\| ° \|\| • \|\| · \|\| √ \|\| ⁿ \|\| ² \|\| ■ \|\|
	\|}		\|}
			== Erstellen einer Schriftart (Font) ==
			Um den Computer in die Lage zu versetzen, Zeichen darzustellen, müssen wir ihm zeigen, wie jedes Zeichen aussieht. Dazu erstellen wir eine Art Datenbank, in der jedes Zeichen als ein 8x8-Pixel-Muster beschrieben wird.

			Beispielsweise könnte die Datei, die diese Zeichen beschreibt, folgendermaßen aussehen:

			<syntaxhighlight lang="C">
			/* 8x8 FONT by Satyria */

			/* Dimension */
			#define FONT_WIDTH 8
			#define FONT_HEIGHT 8
			#define FONT_MAX 256


			unsigned char font[256][8] = {
			// Data
			// 0 NULL
			{
			0b00000000,
			0b00000000,
			0b00000000,
			0b00000000,
			0b00000000,
			0b00000000,
			0b00000000,
			0b00000000
			},
			...
			{
			// 65 A
			0b00011000,
			0b00111100,
			0b00111100,
			0b01100110,
			0b01111110,
			0b11000011,
			0b11000011,
			0b00000000
			},{
			// 66 B
			0b11111100,
			0b01100110,
			0b01100110,
			0b01111100,
			0b01100110,
			0b01100110,
			0b11111100,
			0b00000000
			},
			...
			</syntaxhighlight>

			In diesem Beispiel wird das Zeichen "A" als ein 8x8-Pixel großes Muster beschrieben, wobei jedes Byte eine Zeile des Musters darstellt. Jedes Bit in diesem Byte steht für einen Pixel: Ein gesetztes Bit (1) bedeutet, dass der Pixel in der Vordergrundfarbe gezeichnet wird, während ein nicht gesetztes Bit (0) bedeutet, dass der Pixel in der Hintergrundfarbe gezeichnet wird.

			Mein Beispiel für die Schriftart habe ich als "ms8x8font.fon" im Includeverzeichnis abgelegt.

			== Zeichnen von Zeichen auf dem Bildschirm ==
			Nachdem wir definiert haben, wie jedes Zeichen aussieht, müssen wir eine Funktion schreiben, um diese Zeichen auf dem Bildschirm anzuzeigen. Wir nennen diese Funktion „DrawChar“. Wir werden das zu zeichnende Zeichen sowie die Position (x, y) auf dem Bildschirm übergeben.

Satyria: Die Seite wurde neu angelegt: „== Zeichnen von Zeichen auf dem Raspberry Pi == Nachdem wir eine Funktion zum Setzen einzelner Pixel implementiert haben, möchten wir nun dem Raspberry Pi beibringen, Text auf dem Bildschirm anzuzeigen. Texte bestehen aus Schriftzeichen, die der Computer nicht von Natur aus kennt. Ähnlich wie ein Mensch muss der Computer zunächst "lernen", wie jedes einzelne Zeichen aussieht, bevor er es darstellen kann. Diese Zeichen sind in einem bestimmten Code defi…“

2024-08-19T05:32:47Z

Die Seite wurde neu angelegt: „== Zeichnen von Zeichen auf dem Raspberry Pi == Nachdem wir eine Funktion zum Setzen einzelner Pixel implementiert haben, möchten wir nun dem Raspberry Pi beibringen, Text auf dem Bildschirm anzuzeigen. Texte bestehen aus Schriftzeichen, die der Computer nicht von Natur aus kennt. Ähnlich wie ein Mensch muss der Computer zunächst "lernen", wie jedes einzelne Zeichen aussieht, bevor er es darstellen kann. Diese Zeichen sind in einem bestimmten Code defi…“

Neue Seite

== Zeichnen von Zeichen auf dem Raspberry Pi ==
Nachdem wir eine Funktion zum Setzen einzelner Pixel implementiert haben, möchten wir nun dem Raspberry Pi beibringen, Text auf dem Bildschirm anzuzeigen. Texte bestehen aus Schriftzeichen, die der Computer nicht von Natur aus kennt. Ähnlich wie ein Mensch muss der Computer zunächst "lernen", wie jedes einzelne Zeichen aussieht, bevor er es darstellen kann. Diese Zeichen sind in einem bestimmten Code definiert, den der Computer versteht. Einer der am weitesten verbreiteten Codes ist der ANSI-Zeichencode.

== Der ANSI-Zeichencode ==
Der ANSI-Zeichencode, den wir hier verwenden, ist eine Erweiterung des ursprünglichen ASCII-Codes. Während ASCII ursprünglich nur 7-Bit pro Zeichen verwendete, erweitert ANSI dies auf 8-Bit, was einem Byte entspricht. Der ANSI-Code wurde entwickelt, als Computer über Netzwerke kommunizieren mussten und sicherstellen wollten, dass beide Seiten dieselben Zeichen verwenden. Die ersten 128 Zeichen im ANSI-Code stimmen mit dem ASCII-Code überein, aber die Zeichen 128 bis 255 können je nach verwendeter Codepage variieren.

Wir verwenden hier die "Codepage 437", die ursprünglich von IBM für MS-DOS-Rechner entwickelt wurde und auch heute noch in der Windows-Kommandozeile verwendet wird.

{| class="wikitable" style="text-align: center;"
|+
! !! !! !! !! !! !! !! !! !! !! !! !! !! !! !! !!
|-
! !! 00 !! 01 !! 02 !! 03 !! 04 !! 05 !! 06 !! 07 !! 08 !! 09 !! 0A !! 0B !! 0C !! 0D !! 0E !! 0F
|-
! 0x0
| NULL || ☺ || ☻ || ♥ || ♦ || ♣ || ♠ || • || ◘ || ○ || ◙ || ♂ || ♀ || ♪ || ♫ || ☼
|-
! 0x1
| ► || ◄ || ↕ || ‼ || ¶ || § || ▬ || ↨ || ↑ || ↓ || → || ← || ∟ || ↔ || ▲ || ▼
|-
! 0x2
| Space || ! || " || # || $ || % || & || ' || ( || ) || * || + || , || - || . || /
|-
! 0x3
| 0 || 1 || 2 || 3 || 4 || 5 || 6 || 7 || 8 || 9 || : || ; || < || = || > || ?
|-
! 0x4
| @ || A || B || C || D || E || F || G || H || I || J || K || L || M || N || O
|-
! 0x5
| P || Q || R || S || T || U || V || W || X || Y || Z || [ || \ || ] || ^ || _
|-
! 0x6
| ` || a || b || c || d || e || f || g || h || i || j || k || l || m || n || o
|-
! 0x7
| p || q || r || s || t || u || v || w || x || y || z || { || | || } || ~ || DEL
|-
! 0x8
| Ç || ü || é || â || ä || à || å || ç || ê || ë || è || ï || î || ì || Ä || Å
|-
! 0x9
| É || æ || Æ || ô || ö || ò || û || ù || ÿ || Ö || Ü || ¢ || £ || ¥ || ₧ || ƒ
|-
! 0xA
| á || í || ó || ú || ñ || Ñ || ª || º || ¿ || ⌐ || ¬ || ½ || ¼ || ¡ || « || »
|-
! 0xB
| ░ || ▒ || ▓ || │ || ┤ || ╡ || ╢ || ╖ || ╕ || ╣ || ║ || ╗ || ╝ || ╜ || ╛ || ┐
|-
! 0xC
| └ || ┴ || ┬ || ├ || ─ || ┼ || ╞ || ╟ || ╚ || ╔ || ╩ || ╦ || ╠ || ═ || ╬ || ╧
|-
! 0xD
| ╨ || ╤ || ╥ || ╙ || ╘ || ╒ || ╓ || || ╪ || ┘ || ┌ || █ || ▄ || ▌ || ▐ || ▀
|-
! 0xE
| α || ß || Γ || π || Σ || σ || µ || τ || Φ || Θ || Ω || δ || ∞ || φ || ε || ∩
|-
! 0xF
| ≡ || ± || ≥ || ≤ || ⌠ || ⌡ || ÷ || ≈ || ° || • || · || √ || ⁿ || ² || ■ ||
|}