Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Python / Como crear un Grid en Pygame

Como crear un Grid en Pygame

Autor Jesús Tepec viernes, marzo 11, 2016

Utilizando pygame para hacer gráficos en python, se muestra a continuación un sencillo ejemplo de cómo utilizar esta librería para dibujar una cuadrícula o rejilla. Lo que veremos como resultado es algo como lo que se muestra en la figura

grid python

Utilizando algunos trucos podremos elegir coordenadas donde podamos posicionar un cuadrado. Aquí no veremos cómo hacerlo, pero si estás interesado puedes consultar este tutorial Programando una cuadrícula con Pygame.

Código fuente

Se muestra el código completo para dibujar la cuadrícula, después se describe el código paso a paso y al final un vídeo para mostrar el funcionamiento.

 1 import pygame
 2 
 3 AZUL = (0, 0, 255)
 4 BLACK = (0, 0, 0)
 5 tamCuadro = 40
 6 
 7 pygame.init()
 8 size = (600, 600)
 9 screen = pygame.display.set_mode(size)
10 pygame.display.set_caption("Grid on PYGAME")
11 clock = pygame.time.Clock()
12 gameOver = False
13 while not gameOver:
14     for event in pygame.event.get():
15         if event.type == pygame.QUIT:
16             gameOver = True
17     screen.fill(BLACK)
18     for i in range(1, size[0], tamCuadro + 1):
19         for j in range(1, size[1], tamCuadro + 1):
20             pygame.draw.rect(screen, AZUL, [i, j, tamCuadro, tamCuadro], 0)
21     pygame.display.flip()
22     clock.tick(1)
23 pygame.quit()

Paso a paso

Crear colores. La forma de hacer un color es utilizando una tupla, la cual debe contener 3 elementos, uno para Rojo, otro para Verde y otro para Azul (RGB), los números que se utilicen deben estar en un rango de 0 a 255, donde 0 denota negro o sin color y 255 blanco o todo el color, así rojo sería de la siguiente forma.

ROJO = (255, 0, 0)

Tamaño de los cuadros. Usamos una variable para definir el tamaño de los cuadros, caso útil si se desea cambiar el tamaño y no tengamos que cambiar muchas líneas.

Dibujando la cuadrícula. Para llenar la pantalla de cuadrados, utilizamos dos bucles for, uno para recorrer el ancho y otro el alto de la pantalla, los iteradores i y j se irán aumentando según lo establecido previamente más uno (tamCuadro + 1), esto último para dejar un espacio entre los cuadros. Cuando se dibujan los cuadros i y j se pasan como puntos iniciales, y la variable tamCuadro definirá la longitud de los lados.

 1 for i in range(1, size[0], tamCuadro + 1):
 2     for j in range(1, size[1], tamCuadro + 1):
 3         pygame.draw.rect(screen, AZUL, [i, j, tamCuadro, tamCuadro], 0)

La parte de dibujo de formas podrás entenderla con mayor claridad en el siguiente enlace: Introducción a los gráficos en Pygame
Si variamos los valores del tamaño y color podemos obtener variaciones de la cuadrícula

python game

Funcionamiento

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: Jesús Tepec

Ingeniero en Computación, entusiasta y asesor de programación, laboro como programador de sistemas web, aunque mi área favorita es la visión artificial.

También Te Podría Interesar

Material Design: CardView (Tarjetas)

Material Design: CardView (Tarjetas)

Un CardView es parte de los estilos de Material Design y nos permite mostrar información dentro de tarjetas (Card), esta...

Procedimientos almacenados en java

Procedimientos almacenados en java

En este tuto realizaremos la implementación y ejecución de procedimientos almacenados de MySQL en Java, si quieres darle...

Ejemplo socket java Cliente/Servidor

Ejemplo socket java Cliente/Servidor

En este post construiremos un sencillo sistema Cliente/Servidor en lenguaje Java, el sistema consistirá básicamente en u...

Formateo de registros en Excel con JExcel

Formateo de registros en Excel con JExcel

Tenia un problema, me pasaron unos archivos excel con unos cientos de registros (ver imagen más abajo) que exportaron de...

Recortar partes de una imagen con el mouse

Recortar partes de una imagen con el mouse

En este oportunidad comparto una pequeña aplicación hecha en java para recortar partes de una imagen seleccionado con el...

Juego: Acierta los colores (Código Fuente)

Juego: Acierta los colores (Código Fuente)

Acierta los colores o Adivina los colores es un sencillo juego que consiste en que dado 6 colores «rojo», «verde», «salm...

Comparte lo que sabes

Categorias

Últimas entradas

En muchas ocasiones es necesaria la personalización de componentes java para que estos se adecuen a nuestros requerimien...

En este post mostramos como personalizar el Header (encabezado) de un componente JTable en Java colocando iconos, centra...

El JTable de Java es un gran componente para mostrar datos en una tabla de una forma rápida y sencilla, sin embargo en v...

En este post veremos un ejemplo sencillo de como descargar desde Internet archivos de cualquier tipo (*.jpg, *.png, *.gi...

Herramientas

Generador de Enlaces a Whatsapp