<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>caracteres archivos - Frexus</title>
	<atom:link href="https://www.frexus.dev/tag/caracteres/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.frexus.dev/tag/caracteres/</link>
	<description>Generando Valor Agreado</description>
	<lastBuildDate>Fri, 10 Nov 2023 05:34:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.frexus.dev/wp-content/uploads/2024/03/cropped-Captura-de-Pantalla-2022-12-26-a-las-15.52.42-32x32.png</url>
	<title>caracteres archivos - Frexus</title>
	<link>https://www.frexus.dev/tag/caracteres/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">215529362</site>	<item>
		<title>Caracteres</title>
		<link>https://www.frexus.dev/post/caracteres/</link>
					<comments>https://www.frexus.dev/post/caracteres/#respond</comments>
		
		<dc:creator><![CDATA[Alfredo de Jesús Gutiérrez]]></dc:creator>
		<pubDate>Mon, 07 Aug 2023 04:52:52 +0000</pubDate>
				<category><![CDATA[post]]></category>
		<category><![CDATA[caracteres]]></category>
		<category><![CDATA[Graficación]]></category>
		<category><![CDATA[pygame]]></category>
		<category><![CDATA[Python]]></category>
		<guid isPermaLink="false">https://www.frexus.dev/?p=2220</guid>

					<description><![CDATA[<p>Cada uno de los caracteres tiene una representación gráfica asociada en una fuente específica, y los programas de graficación pueden utilizar esta información para mostrar texto en una variedad de estilos y tamaños. A continuación se muestra un ejemplo donde se visualiza un texto. Requerimientos del ejemplo Se debe tener instalada la librería pygame para ello se hace desde la terminal con la siguiente instrucción: Código Explación El código crea una ventana, muestra los caracteres &#8220;Hola, Mundo!&#8221; en ella y actualiza continuamente la ventana hasta que el usuario la cierra.</p>
<p>La entrada <a href="https://www.frexus.dev/post/caracteres/">Caracteres</a> se publicó primero en <a href="https://www.frexus.dev">Frexus</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" width="1880" height="1212" src="https://www.frexus.dev/wp-content/uploads/2023/11/pexels-photo-2255441.jpeg" alt="caracteres illuminated qoute board" class="wp-image-2221" style="aspect-ratio:1.551155115511551;width:324px;height:auto" srcset="https://www.frexus.dev/wp-content/uploads/2023/11/pexels-photo-2255441.jpeg 1880w, https://www.frexus.dev/wp-content/uploads/2023/11/pexels-photo-2255441-300x193.jpeg 300w, https://www.frexus.dev/wp-content/uploads/2023/11/pexels-photo-2255441-1024x660.jpeg 1024w, https://www.frexus.dev/wp-content/uploads/2023/11/pexels-photo-2255441-768x495.jpeg 768w, https://www.frexus.dev/wp-content/uploads/2023/11/pexels-photo-2255441-1536x990.jpeg 1536w" sizes="(max-width: 1880px) 100vw, 1880px" /><figcaption class="wp-element-caption">Photo by Alexas Fotos on <a href="https://www.pexels.com/photo/illuminated-qoute-board-2255441/">Pexels.com</a></figcaption></figure>
</div>


<p>Cada uno de los caracteres tiene una representación gráfica asociada en una fuente específica, y los programas de graficación pueden utilizar esta información para mostrar texto en una variedad de estilos y tamaños. A continuación se muestra un ejemplo donde se visualiza un texto.</p>



<h2 class="wp-block-heading">Requerimientos del ejemplo</h2>



<p>Se debe tener instalada la librería pygame para ello se hace desde la terminal con la siguiente instrucción:</p>



<pre class="EnlighterJSRAW" data-enlighter-language="python" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">pip install pygame</pre>



<h2 class="wp-block-heading">Código</h2>



<pre class="EnlighterJSRAW" data-enlighter-language="python" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">import pygame
import sys

pygame.init()

# Configuración de la ventana
window_size = (800, 600)
screen = pygame.display.set_mode(window_size)
pygame.display.set_caption("Ejemplo de Caracteres")

# Configuración del texto
font = pygame.font.Font(None, 36)  # Fuente y tamaño
text = font.render("Hola, Mundo!", True, (255, 255, 255))  # Texto y color

# Bucle principal
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()

    # Borra la pantalla
    screen.fill((0, 0, 0))

    # Dibuja el texto en la pantalla
    screen.blit(text, (300, 250))

    # Actualiza la pantalla
    pygame.display.flip()
</pre>



<h2 class="wp-block-heading">Explación</h2>



<ol class="wp-block-list">
<li><strong>Inicialización de Pygame:</strong> <code>pygame.init()</code> Inicia el motor Pygame. Debe llamarse antes de cualquier otro comando de Pygame.</li>



<li><strong>Configuración de la ventana:</strong> 
<ul class="wp-block-list">
<li><code>window_size = (800, 600)</code> </li>



<li><code>screen = pygame.display.set_mode(window_size) </code></li>



<li><code>pygame.display.set_caption("Ejemplo de Caracteres")</code></li>



<li><code>window_size</code>: Define el tamaño de la ventana.</li>



<li><code>screen</code>: Crea una ventana con el tamaño especificado.</li>



<li><code>pygame.display.set_caption("Ejemplo de Caracteres")</code>: Establece el título de la ventana.</li>
</ul>
</li>



<li><strong>Configuración del texto:</strong>
<ul class="wp-block-list">
<li><code>font = pygame.font.Font(None, 36)</code></li>



<li><code>text = font.render("Hola, Mundo!", True, (255, 255, 255))</code></li>



<li><code>font</code>: Crea un objeto de fuente con el tamaño de 36 píxeles.</li>



<li><code>text</code>: Renderiza el texto &#8220;Hola, Mundo!&#8221; utilizando la fuente. El tercer parámetro <code>(255, 255, 255)</code> es el color del texto (blanco).</li>
</ul>
</li>



<li><strong>Ciclo principal:</strong> nicia un bucle que escucha eventos. Si el evento es de tipo <code>QUIT</code> (por ejemplo, el usuario cierra la ventana), el programa se cierra.
<ul class="wp-block-list">
<li><code>while True:</code>
<ul class="wp-block-list">
<li><code>for event in pygame.event.get():</code>
<ul class="wp-block-list">
<li><code>if event.type == pygame.QUIT:</code>
<ul class="wp-block-list">
<li><code>pygame.quit()</code></li>



<li><code>sys.exit()</code></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>



<li><strong>Dibujar en la pantalla:</strong>
<ul class="wp-block-list">
<li><code>screen.fill((0, 0, 0))</code> </li>



<li><code>screen.blit(text, (300, 250))</code></li>



<li><code>screen.fill((0, 0, 0))</code>: Rellena la pantalla con un color negro.</li>



<li><code>screen.blit(text, (300, 250))</code>: Coloca el texto en la pantalla en la posición (300, 250).</li>
</ul>
</li>



<li><strong>Actualizar la pantalla:</strong>
<ul class="wp-block-list">
<li><code>pygame.display.flip()</code></li>



<li>Actualiza la pantalla para que se reflejen los cambios realizados.</li>
</ul>
</li>
</ol>



<p>El código crea una ventana, muestra los caracteres  &#8220;Hola, Mundo!&#8221; en ella y actualiza continuamente la ventana hasta que el usuario la cierra.</p>
<p>La entrada <a href="https://www.frexus.dev/post/caracteres/">Caracteres</a> se publicó primero en <a href="https://www.frexus.dev">Frexus</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.frexus.dev/post/caracteres/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2220</post-id>	</item>
	</channel>
</rss>
