programacion

Bueno para empezar en este POST quiero hacer mención de algunas cosas, si eres un novato en este tema ten por seguro que no hablaré de cálculos matemáticos ni mucho menos de términos complejos de programación, en este POST hablare de cómo ¡SI se puede aprender la programación grafica sin tantos rodeos o elementos indescifrables a una lectura de código sin fin.

Quiero darte la confianza paraque de una vez por todas te animes a entrar a este mundo tan fascinante de la programación gráfica, de las matemáticas después hablamos, claro es un tema inevitable y muy interesante pero que con un poco de paciencia lo entenderemos y tratare de hacerlo de una forma muy simple y coloquial.

Si ya estas dentro de este mundo bueno que te digo, quizá estés buscando la forma de cómo crear una súperaplicación o videojuego en 3D. Pero date la oportunidad de ver mi trabajo y ¿porqué no? de hacerlo más atractivo para nuevas y brillantes mentes que están sedientas de conocimiento.

Muy bien empecemos ya con el tema.

Para esta ocasión utilizaremos el programa QB64 que puede ser descargado del siguiente link

Todo el código descrito en estos post’s será migrado a visual studio 2010 y en élhablaremos de la programación gráfica vectorial.

Iniciaremos nuestra aplicación dando un doble clic a la aplicación qb64.exe y se mostrara la siguiente ventana.



Para este ejemplo utilizaremos varias declaraciones, estas son SCREEN, CIRCLE y LINE además de darle un toque especial con funciones matemáticas como SIN y COS, especialmente éstas le darán vida a nuestro reloj ya que calcularanlas coordenadas para que las manecillas funcionen.

Existen varios modos de pantalla para el manejo de gráficos, para nuestro ejemplo utilizaremos la función SCREEN 13, este modo de pantalla cuenta con 320 pixeles horizontalmente y 200 pixeles verticalmente. Tengo que mencionar que las coordenadas empleadas son de 320 puntos (pixeles) de izquierda a derecha y de 200 puntos (también pixeles) dearriba a la base de la pantalla o zona grafica.

Blog Programación básica

Las declaraciones gráficas para dibujar círculos (bolitas) y líneas (palitos) son:

Circle, esta declaración dibuja un círculo en la zona gráfica, la sintáxis es la siguiente.

CIRCLE (x,y),radio, color,[iniciar arco],[finalizar arco],[aspecto de elipse]

X: coordenada horizontal

Y; coordenada vertical

Color:número tipo entero del 0 al 255

En este caso se pueden utilizar hasta 255 colores por el modo gráfico, cuando se utilizan otros modos gráficos estos pueden tener configuraciones diferentes de tipo monocromáticas o donde sólo se pueden ocupar 16 colores dependiendo cual o qué modo gráfico se llegue a utilizar.

Las declaraciones que se encuentran entre los corchetes son opcionales y de estashablaré más adelante.

Line, esta declaración la ocuparemos para dibujar líneas en nuestra zona gráfica y la sintáxis es la siguiente.

LINE (x,y)-(x1,y1), color, [rectángulo], [estilo de punteado]

X: coordenada inicial horizontal.

Y: coordenada Inicial vertical.

X1: coordenada horizontal final.

Y1: coordenada vertical final.

Color: bueno aquí también aplicamos un rango de númerosenteros del 0 al 255.

Sin, esta función calcula el seno de un ángulo medido en radianes y su sintáxis es la siguiente.

SIN (Radian numero de tipo doble)

Cos, esta función calcula el coseno de, medido en radianes, la sintáxis es la siguiente.

COS (Radian numero de tipo doble)

Bueno creo que aquí es el punto en donde piensas que esto no es para ti, crees que eso de los radianes, senosy cosenos nunca te va a entrar a la cabeza, pero date la oportunidad de seguir ya que en este tuto no hablaremos de matemáticas, pero sí de sentido común.

Muy bien empecemos a escribir algo de código.

SCREEN 13

CIRCLE (160, 100), 5, 14, , , 1

CIRCLE (160, 100), 85, 14, , , 1

CIRCLE (160, 100), 90, 14, , , 1

LINE (160, 90)-(160, 25), 14

Muy bien, vamos a explicar nuestro...