TALLER

Asignatura: TALLER DE LENGUAJES I 2012
Carrera:
PROGRAMADOR UNIVERSITARIO / Lic. EN INFORMATICA
Dictado:
Ing. Juan Manuel Conti.
Graficacin de funciones matemticas.

La graficacin de funciones matemticas implica generalmente dos problemas:
- La existencia explcita de ejes de graficacin diferentes de los propios de pant.
- La necesidad de una escala para compatibilizar las medidas.
Adems al ser los ejes simples lneas horizontales o verticales, si bien podemos graficarlo con putpixel( ), C dispone de una funcin que permite trazar directamente una
lnea:
line ( X1, Y1, X2, Y2 );

Donde X1, Y1 son las coordenadas de un extremo de la lnea, y X2, Y2 las del otro extremo. Todos estos parmetros son int por las mismas razones que invocamos en la
funcin putpixel( ): no pueden existir fracciones de pxel.
Sin embargo a diferencia de putpixel( ) carece de un parmetro de color, por lo cual
deberemos recurrir a una instruccin adicional para establecer el mismo:
setcolor(ColorFrente)
setbkcolor(ColorFondo)
Siendo Color un valor entero que puede variar entre 0 y 15. A modo de referencia estos son los colores, sus valores numricos y las constantes que los representan:
Color
Valor
Fondo
Frente
--------------------------------------------------------------------------------------BLACK
0
SI
SI
BLUE
1
SI
SI
GREEN
2
SI
SI
CYAN
3
SI
SI
RED
4
SI
SI
MAGENTA
5
SI
SI
BROWN
6
SI
SI
LIGHTGRAY
7
SI
SI
DARKGRAY
LIGHTBLUE
LIGHTGREEN
LIGHTCYAN
LIGHTRED
LIGHTMAGENTA
YELLOW
WHITE
8
9
10
11
12
13
14
15
NO
NO
NO
NO
NO
NO
NO
NO
SI
SI
SI
SI
SI
SI
SI
SI
Si no se establece un color para el fondo, el compilador adopta el Black por defecto.

Los colores pueden escribirse directamente, lo cual resulta muy prctico, por ejemplo:
setcolor(LIGHTGREEN)
setcolor(YELLOW)
etc.
Taller de Lenguajes I Clase Terica Nro 6
Pg. 1/23

Carrera:
Dictado:
La partcula LIGHT precediendo al nombre indica que se trata de un color brillante. La
limitacin de los colores de fondo hace posible que podamos tener dos tonalidades del
mismo color: uno como fondo y el otro como frente. Por ejemplo:
setbkcolor(BLUE)
setcolor(LIGHTBLUE)
Para visualizar cmo encarar la graficacin de los ejes hagamos el siguiente esquema:
YinfEjeV
YsupEjeV
YEjeH
XizqEjeH
XderEjeH
Las lneas en ROJO son los ejes de pantalla.

Es altamente conveniente explicitar cada lnea de ejes a travs de las coordenadas
especificadas ya que as podremos redimensionar o reubicar los mismos con suma
comodidad. Adems veremos en breve que tambin facilitan la graficacin de las funciones matemticas.
Ahora pasemos al cdigo para generar estos ejes coordenados:
/* -------------------- GRAFICACION DE FUNCIONES -----------------GRAPH07.CPP
Dibujar un par de ejes coordenados.
----------------------------------------------------------------- */
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
#include<stdio.h>
#include<graphics.h>
Pg. 2/23

Carrera:
Dictado:
void ModoGrafico ( );
void ModoTexto
( );
// ----------------------------------------------------------------void main()
{
int
XizqEjeH = 50;
int
XderEjeH = 550;
int
YEjeH
= 300;
int
XEjeV
= 50;
int
YinfEjeV = 50;
int
YsupEjeV = 300;
int
ColorEjes = LIGHTCYAN;
ModoGrafico();
setcolor(ColorEjes);
line(XizqEjeH,YEjeH,XderEjeH,YEjeH);
line(XEjeV,YinfEjeV,XEjeV,YsupEjeV);
getch();
ModoTexto();
}
// -----------------------------------------------------------------
Tambin podramos haber trazado cada eje en un color diferente haciendo:
ColorEjeH = ........
ColorEjeV = ........
pero eso lo dejamos para lector.
Calibracin de ejes.
La calibracin de los ejes consiste en ese conjunto de rayitas que representan alguna
medida de lo que se est graficando. Si por ejemplo el segmento horizontal de los ejes
implica un recorrido angular de 360 grados y hemos calibrado al eje con 12 rayitas,
significa que cada segmentito representa 360 / 12 = 30 grados. As, al graficar por
ejemplo una funcin seno( ), tendremos una idea de dnde pasa la funcin por cero o
por algn mximo.
Aqu aparecer alguna dificultad conceptual para graficar la calibracin. Analicemos:
Paso de calibracin
Segmento de graficacin
(XderEjeH XizqEjeH)
El Paso de calibracin es una magnitud que indica la cantidad de pxeles que deben separar cada rayita de la escala graduada, y si bien dijimos que estas magnitudes
Pg. 3/23

Carrera:
Dictado:
no pueden implicar fracciones de pixeles, estamos frente a un caso especial. Veamos
por qu:
PasoCal = SegCal / NDiv

y supongamos: SegCal = 640 y NDiv = 25
con lo cual obtendramos: PasoCal = 25,6
Si realizramos este clculo de manera de obtener un entero tendramos un pequeo
error por truncamiento, y vea lo que pasa:
PasoCal x NDiv = 25 x 25 = 625 en lugar de 640 que debera ser lo correcto.
Cmo solucionamos esto? trabajando con punto flotante:
double
PasoCal = (double)SegCal / (double) NDiv
Y ahora dejamos que el pasaje a entero lo realice la propia funcin de graficacin:

line ( XizqEjeH + n*PasoCal, YEjeH-3, XizqEjeH+n*PasoCal, YEjeH+3 );
De esta manera obtenemos un resultado de graficacin muchsimo ms exacto. Por
ejemplo no es lo mismo hacer:
25 x 11 = 275 que truncar 25,6 x 11 = 281
Zanjado este importante concepto, pasemos a otro que suele producir serios dolores
de cabeza: la divisin real de dos enteros. Si hubisemos hecho:
double PasoCal;
PasoCal = SegGraf / NDiv (siendo SegGraf y NDiv enteros), hubisemos obtenido:
PasoCal = 25.0000...
lo cual es lgico, puesto que el compilador se encuentra con una magnitud entera que
debe ser dividida por otra magnitud entera. Entonces asigna registros transitorios de
tipo entero, realiza la operacin de divisin entera y recin al resultado lo transforma
en double y los asigna a PasoCal, con lo cual resultara: PasoCal = 25,000000 que no
es lo deseado. Solucin? Utilizar nuestros viejos amigos los casts.
El cdigo completo es el siguiente:
/* -------------------- GRAFICACION DE FUNCIONES -----------------GRAPH08.CPP
Dibujar los mismos ejes coordenados anteriores y agregarle una calibracin slo al eje horizontal, por ejemplo 25 divisiones.
Agregar adems algunas caractersticas como espesor de lneas.
----------------------------------------------------------------- */
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
Pg. 4/23

Carrera:
Dictado:
#include<stdio.h>
void ModoTexto
( );
// ----------------------------------------------------------------void main()
{
int
int
int
int
int
int
int
int
double
int
int
XizqEjeH
XderEjeH
YEjeH
XEjeV
YinfEjeV
YsupEjeV
ColorEjes
NDiv
PasoCal
ColorCal
n;
=
=
=
=
=
=
=
=
=
=
50;
550;
300;
50;
50;
300;
LIGHTCYAN;
20;
(double)(XderEjeH-XizqEjeH)/(double)NDiv;
YELLOW;
ModoGrafico();
// --- TRAZADO DE EJES COORDENADOS ------------setcolor(ColorEjes);
setlinestyle(SOLID_LINE,1,THICK_WIDTH);
// --- TRAZADO DE LINEAS DE CALIBRACION -------setcolor(ColorCal);
setlinestyle(SOLID_LINE,1,NORM_WIDTH);
for(n=1;n<=NDiv;n++)
line(XizqEjeH+n*PasoCal,YEjeH-3,XizqEjeH+n*PasoCal,YEjeH+3);
getch();
ModoTexto();
}
// -----------------------------------------------------------------
Sin embargo hemos introducido un elemento nuevo, la instruccin:
setlinestyle ( SOLID_LINE, 1, THICK_WIDTH )

setlinestyle ( SOLID_LINE, 1, NORM_WIDTH )
La primera indica que toda lnea ser dibujada en triple espesor, en tanto que la segunda retorna a la condicin de espesor simple. Consulte en el help del entorno para
obtener mayores precisiones sobre sus parmetros y modos de operacin.
Pg. 5/23

Carrera:
Dictado:
Al fin lleg la hora de graficar nuestra funcin matemtica.
Graficacin de funciones senoidales.

Si bien para nosotros es ms cmodo trabajar en ngulos sexagesimales, las funciones trigonomtricas deben recibir sus argumentos en radianes, por lo cual sera conveniente declarar todo lo que sea ngulos, como datos de tipo double de la forma:
double AngFi = AngGrad x Krad

Donde Krad es el factor de conversin de grados sexagesimales a radianes y AngGrad
s podra ser una variable entera.
Una funcin senoidal ser, en general, de la forma:
F(x) = Ampl x sin(x + Fase)

Donde Ampl puede tomar cualquier valor, incluso mucho ms all de los lmites de la
pantalla (lo mismo para el ngulo x). Entonces debemos ir pensando en trabajar con
escalas.
Qu es una escala? Podemos definirla como:

Una relacin entre la realidad y su representacin.
De ms est decir que nuestro medio de representacin ser la pantalla grfica, y que
las magnitudes a representar pueden ser de diverso tipo:
Simples magnitudes adimensionales (funciones matemticas puras)

Magnitudes elctricas expresadas en Voltios, Amperes, etc.
Distancias en metros, kilmetros, etc.
Sistema de fuerzas expresadas en Kg, Newtons, etc.
Y muchas otras.
Lo que a nosotros nos interesa para su representacin son las magnitudes en s y no

lo que ellas significan en el universo al que pertenecen. Eso para su representacin,
sin embargo sera bueno poder interpretar en trminos de la realidad lo que hemos logrado representar. Por ejemplo a qu distancia del origen se encuentran dos mviles
que avanzan con velocidad constante, o para qu valor del tiempo una onda de tensin alcanza un nivel dado, etc. Entonces surge la necesidad de otra escala: la escala de usuario. Entonces ya tenemos dos conceptos importantes:
Escala de graficacin.
Escala de interpretacin.
La primera relaciona la cantidad de pixeles disponibles para graficar con la magnitud a
representar en esa cantidad. En cambio la segunda relaciona la magnitud representada, con el nmero de divisiones del eje calibrado.
Pg. 6/23

Carrera:
Dictado:
Ejemplo: Debemos graficar en un espacio de 640 pixeles, una variable fsica que vara
de 20 a 1200 microsegundos, y deseamos que el eje de referencia posea 20 divisiones
de calibracin.
EscGraf = (double)SegGraf / (double)(Xder Xizq) [pixel / MagnFisica]

EscUs = (double)(Xder Xizq) / NDiv [MagnFisica / Divisin]
La primera asegura la graficacin en el espacio disponible y la segunda su interpretacin en base al nmero de divisiones del eje. Obviamente cuanto ms divisiones tengamos, ms fina ser la apreciacin... pero todo tiene un lmite: el que da la legibilidad.
Ambas escalas se hallan ligadas mediante:
EscGraf x EscUs = SegGraf / NDiv

Finalizada esta digresin necesaria sobre las escalas y su importancia, nos proponemos llegar a la siguiente grfica:
Ampl
PasoCal
SegGrafH
Una funcin senoidal con un ngulo de fase inicial (Fase) y con una calibracin de 15
grados por divisin. Nuestros segmentos de graficacin quedarn definidos como vinimos haciendo hasta ahora:
SegGrafH = XderEjeH XizqEjeH

SegGrafV = YEjeH YinfEfeV
Los cdigos quedaran de la siguiente manera:
Pg. 7/23

Carrera:
Dictado:
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
#include<stdio.h>
#include<math.h>
void ModoTexto
( );
// ----------------------------------------------------------------void main()
{
int
double
double
double
int
int
int
int
int
int
int
int
int
int
double
double
double
double
Ampl
Krad
AngIni
AngFin
NPts
XizqEjeH
XderEjeH
YEjeH
XEjeV
YinfEjeV
YsupEjeV
ColorEjes
NDiv
Xp,Yp;
PasoCal
EscH
EscV
PasoAng
double
int
int
int
Ang,Fn;
ColorFn
ColorCal
n;
=
=
=
=
=
=
=
=
=
=
=
=
=
720;
M_PI/180.00;
45*Krad;
360*Krad;
150;
50;
550;
240;
50;
50;
450;
LIGHTCYAN;
36;
=
=
=
=
(double)(XderEjeH-XizqEjeH)/(AngFin-AngIni);
(double)(YEjeH-YinfEjeV)/(double)Ampl;
(AngFin-AngIni)/(double)NPts;
= LIGHTRED;
= YELLOW;
Recordamos una vez ms la importancia de evitar los errores por truncamiento o por
redondeo (PasoCal, EscH, etc.) El resto del programa es el siguiente:
ModoGrafico();
Pg. 8/23

Carrera:
Dictado:
// --- TRAZADO DE LA FUNCION SENOIDAL ---------for(Ang=AngIni;Ang<=AngFin;Ang+=PasoAng) {
Xp=XizqEjeH+(Ang-AngIni)*EscH;
Yp=YEjeH-EscV*Ampl*sin(Ang);
putpixel(Xp,Yp,ColorFn);
}
getch();
ModoTexto();
}
// -----------------------------------------------------------------
La siguiente instruccin merece nuestra atencin:
Xp = XizqEjeH + (Ang-AngIni)*EscH;
ya que debe implicar que para TODOS los valores de la variable de graficacin (Ang),
los Xp deben hallarse sobre el eje horizontal. Sometamos a prueba esta expresin para ambos valores extremos:
Ang = AngIni Xp = XizqEjeH + (AngIni AngIni)*EscH

= XizqEjeH
Ang = AngFin Xp = XizqEjeH +
(AngFin AngIni)*
(XderEjeH -XizqEjeH)/(AngFin AngIni)
= XderEjeH
Con lo cual obtuvimos lo correcto.
Si todava contina cuestionndose porqu se rest AngIni a cada valor de la variable
Ang, la respuesta es simple: la funcin senoidal no arrancara del extremo izquierdo
del eje, sino del valor correspondiente a Fase, como si estuvisemos graficando desde cero grado pero con la funcin no definida sino a partir de Fase (45).
Adems Fase puede tener cualquier valor. Para el actual, 45, en realidad hemos representado menos de un ciclo completo puesto que la curva de 45 a 360, pero si
hubisemos tomado Fase = -90 habramos recorrido ms de un ciclo completo, ms
exactamente 450.
Sin embargo no es sta la nica forma de resolver este problema, como veremos en el
prximo ejercicio.
Conjunto de ondas senoidales de distintas caractersticas.

A continuacin vamos a plantearnos un problema mucho ms general en cuanto a graficacin de ondas senoidales, de tal suerte que un caso particular de ste, englobara
al problema que acabamos de analizar.
Nuestro objetivo actual es llegar a la siguiente grfica:
Pg. 9/23

Carrera:
Dictado:
Ampl1
Ampl2
Fase1
Ampl3
360
Fase3
Cada onda posee los siguientes parmetros particulares:
Amplitud
Frecuencia
Fase
Comencemos a estudiar los primeros cdigos:
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
#include<stdio.h>
#include<math.h>
void ModoTexto
( );
// ----------------------------------------------------------------void main()
{
int
Ampl1
= 720;
int
Ampl2
= 500;
int
Ampl3
= 300;
int
Frec1
=
1;
int
Frec2
=
2;
int
Frec3
=
3;
double Krad
= M_PI/180.00;
double AngIni
= 0*Krad;
double AngFin
= 360*Krad;
double Fase1
= 30*Krad;
double Fase2
= 60*Krad;
double Fase3
= -45*Krad;
double Ang1,Ang2,Ang3;
Pg. 10/23

Carrera:
Dictado:
int
int
int
int
int
int
int
int
int
int
int
int
NPts
XizqEjeH
XderEjeH
YEjeH
XEjeV
YinfEjeV
YsupEjeV
ColorEjes
NDiv
Xp1,Yp1;
Xp2,Yp2;
Xp3,Yp3;
=
=
=
=
=
=
=
=
=
350;
50;
550;
240;
50;
50;
450;
LIGHTCYAN;
36;
double
double
double
double
PasoCal
EscH
EscV
PasoAng
=
=
=
=
(double)(XderEjeH-XizqEjeH)/(AngFin-AngIni);
(double)(YEjeH-YinfEjeV)/(double)Ampl1;
(AngFin-AngIni)/(double)NPts;
double
int
int
int
int
int
Ang,Fn;
ColorFn1
ColorFn2
ColorFn3
ColorCal
n;
=
=
=
=
LIGHTRED;
LIGHTBLUE;
YELLOW;
YELLOW;
En el problema anterior habamos considerado AngIni = Fase porque en ese momento

nos pareca ms sencillo trabajar as. Ahora hemos cambiado la estrategia: el eje angular ser comn a todas las ondas y tendr los mismos extremos para las tres, de
cero a 360. Entonces dnde aparecen los desfasajes? Lo veremos en unos instantes al realizar la graficacin.
Otra cosa: la escala de graficacin.
Con la escala horizontal no existe ningn problema porque el recorrido angular es nico: 360 grados, pero con la escala vertical tenemos tres magnitudes diferentes para
hacerlas calzar en un mismo espacio de graficacin: Ampl1, Ampl2 y Ampl3, pero afortunadamente no se genera ningn conflicto porque con solo considerar la magnitud
ms grande (el caso ms desfavorable) las otras se adaptan automticamente. Por
ello hemos escrito directamente:
double EscV = (double)(YEjeH-YinfEjeV) / (double)Ampl1;

Aunque en realidad deberamos haber chequeado con un if( ) las tres amplitudes para
detectar la mayor, y quedarnos con sta, pero en aras de la simplicidad lo hicimos por
asignacin directa.
Continuemos con nuestro cdigo:
ModoGrafico();
Pg. 11/23

Carrera:
Dictado:
// --- TRAZADO DE LA FUNCION SENOIDAL ---------for(Ang=AngIni;Ang<=AngFin;Ang+=PasoAng) {
Ang1=Frec1*Ang+Fase1;
Xp1=XizqEjeH+Ang*EscH;
Yp1=YEjeH-EscV*Ampl1*sin(Ang1);
putpixel(Xp1,Yp1,ColorFn1);
}
getch();
ModoTexto();
}
// -----------------------------------------------------------------
Ntese que el tema de los desfasajes aparece aqu:
Ang1 = Frec1*Ang + Fase1;

Obviamente todos en radianes.
Tambin debe observarse que en realidad Xp1, Xp2 y Xp3 son los mismos dado que
Ang y EscH es comn a todo a todos ellos, pero los pusimos por separado para dar
mayor claridad.
Lo interesante de haber trabajado con tanta generalidad es que todas las modificaciones que deseemos hacer resultan sumamente sencillas. Imaginemos por ejemplo que
nos interese simular un sistema trifsico de tensiones. Con slo hacer:
Ampl1 = Ampl2 = Ampl3 = 720
Frec1 = Frec2 = Frec3 = 1
Fase1 = 0
Fase2 = 120 Fase3 = 240
todo funciona de maravillas:
Pg. 12/23

Carrera:
Dictado:
Tambin podramos pensar en graficar los valores absolutos de cada onda (rectificacin de onda completa). Ventajoso verdad?
EJES DESFASADOS.
Un caso ms complicado para las escalas: la circunferencia.
Como habr notado, la disponibilidad horizontal para la graficacin es mayor que la
vertical, lo cual casi siempre implica la existencia de dos escalas. En el caso de la funcin senoidal anterior hemos trabajado en forma casi transparente con una escala angular (horizontal) y otra escala de amplitudes (vertical), pues an cuando la funcin
pueda sufrir alguna deformacin, su aspecto visual contina siendo el de una onda senoidal y no caben dudas.
Sin embargo con la circunferencia la historia es diferente: si su radio y emplazamiento
es tal que ameriten la determinacin de escalas, necesariamente deberemos decidirnos por una escala nica, caso contrario aparecera una distorsin en la forma de la
funcin que nos llevara a pensar que estamos graficando una elipse.
NOTA: En las escalas de reduccin, el caso ms desfavorable es la escala de
menor magnitud.
Nuestro objetivo inmediato ser graficar una circunferencia desplazada con respecto a
sus ejes matemticos, y que posee un radio que exceda los lmites de la pantalla grfica. Como siempre, lo mejor para ubicarnos en el problema es hacer un esquema previo y colocar todas las magnitudes conocidas y las que deben determinarse:
Pg. 13/23

Carrera:
Dictado:
YinfEjeV
Plus
YEjeH
OffsEjeH
Yc
Radio
Yo
Plus
Plus
XizqEjeH
YsupEjeV
Xo
Plus
OffsEjeV
Xc
XderEjeH
Parece un poco complicado verdad? En realidad no lo es tanto.

Debemos tener mucho cuidado con lo siguiente: Xo y Yo son coordenadas matemticas y no de graficacin, al igual que Radio y Plus. Este ltimo slo cumple la funcin
de que la circunferencia no quede tan pegada a los extremos de los ejes matemticos (los pusimos nosotros por cuenta propia).
Los valores que dicen OffsEjeH y OffsEjeV se refieren a los desplazamientos necesarios para la interseccin de los mismos (obviamente en pxeles):
OffsEjeV = EscGraf*(Radio Xo + Plus);

OffsEjeH = EscGraf*(Radio + Yo + Plus);
Esto es importante pues si hubisemos colocado los ejes como en el caso de las ondas senoidales perderamos una buena parte de la circunferencia.
En cuanto a la determinacin de la escala de graficacin, ya dijimos que sale por comparacin entre las dos posibles y que se toma la menor (por tratarse de escalas de reduccin):
EscH
= (double)(XderEjeH - XizqEjeH) / (double)(2*(Radio + Plus));
EscV
= (double)(YsupEjeV - YinfEjeV) / (double)(2*(Radio + Plus));
EscGraf = (EscV < EscH ? EscV : EscH);
Pg. 14/23

Carrera:
Dictado:
La ltima expresin indica un if else implcito en una sola instruccin.
Ahora podemos determinar el punto de interseccin de ambos ejes coordenados:
YEjeH = YinfEjeV + OffsEjeH;

XEjeV = XizqEjeH + OffsEjeV;
todo en pxeles.
En cuanto al lazo de graficacin de la funcin en s, es el siguiente:
for(Ang=AngIni;Ang<AngFin;Ang+=PasoAng) {
Xp=XEjeV+EscGraf*(Xo+Radio*cos(Ang));
Yp=YEjeH-EscGraf*(Yo+Radio*sin(Ang));
}
donde:
XEjeV + EscGraf*Xo
YEjeH EscGraf*Yo
es la ubicacin en pxeles del centro de la circunferencia.
Aqu hemos utilizado la ecuacin paramtrica de la circunferencia, consistente en tomar las proyecciones ortogonales del radio (en funcin del ngulo, que se toma como
variable nica):
EscGraf*Radio*cos(Ang) ................ coordenada x de pantalla.

EscGraf*Radio*sin(Ang) ................. coordenada y de pantalla.
Un detalle: habr notado que la variable angular recorre un camino entre un valor inicial y un valor final, no necesariamente 0 y 360. Ello nos permite graficar arcos de
circunferencia que puede ser muy til para algunas aplicaciones. A esto nos referimos
cuando se pide trabajar en forma general.
El cdigo completo para este problema es el siguiente:
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
#include<stdio.h>
#include<math.h>
void ModoTexto
( );
// ----------------------------------------------------------------void main()
{
int
Radio
= 720;
int
Xo
= 200; // con respecto a ejes matemticos.
int
Yo
= 150; // con respecto a ejes matemticos.
int
Xc,Yc;
// con respecto a ejes de pantalla.
Pg. 15/23

Carrera:
Dictado:
int
int
int
Plus
OffsEjeH;
OffsEjeV;
double
double
double
int
int
int
int
int
int
int
int
int
int
int
double
Krad
AngIni
AngFin
NPts
XizqEjeH
XderEjeH
YEjeH
XEjeV
YinfEjeV
YsupEjeV
ColorEjes
ColorEjesAux
NDiv
Xp,Yp;
PasoCal
=
=
=
=
=
=
=
=
=
=
=
=
=
double
double
double
EscH;
EscV;
EscGraf;
double
double
Ang,Fn;
PasoAng
int
int
int
ColorFn
ColorCal
n;
50;
// para dar un poco de espacio.
M_PI/180.00;
45*Krad;
360*Krad;
250; // nmero de pts con que se graficar.
50;
550;
240;
50;
50;
450;
LIGHTCYAN;
LIGHTGREEN;
36;
= (double)(XderEjeH-XizqEjeH)/(double)NDiv;
// escala horizontal de graficacin.
// escala vertical de graficacin.
// escala nica adoptada.
= (double)(AngFin-AngIni)/(double)NPts;
= LIGHTRED;
= YELLOW;
ModoGrafico();
EscH
= (double)(XderEjeH-XizqEjeH)/(double)(2*(Radio+Plus));
EscV
= (double)(YsupEjeV-YinfEjeV)/(double)(2*(Radio+Plus));
EscGraf = (EscV<EscH?EscV:EscH);
OffsEjeV = EscGraf*(Radio-Xo+Plus);
OffsEjeH = EscGraf*(Radio+Yo+Plus);
YEjeH = YinfEjeV+OffsEjeH;
XEjeV = XizqEjeH+OffsEjeV;
// --- TRAZADO DE EJES DE LA CIRCUNFERENCIA --setlinestyle(SOLID_LINE,1,NORM_WIDTH);
setcolor(ColorEjesAux);
line(XizqEjeH,YEjeH-EscGraf*Yo,XderEjeH,YEjeH-EscGraf*Yo);
line(XEjeV+EscGraf*Xo,YinfEjeV,
XEjeV+EscGraf*Xo,YsupEjeV);
Pg. 16/23

Carrera:
Dictado:
for(Ang=AngIni;Ang<AngFin;Ang+=PasoAng) {
Xp=XEjeV+EscGraf*(Xo+Radio*cos(Ang));
Yp=YEjeH-EscGraf*(Yo+Radio*sin(Ang));
}
getch();
ModoTexto();
}
// -----------------------------------------------------------------
Graficacin de funciones exponenciales.

Las funciones exponenciales resultan de uso muy comn en ingeniera ya que muchos
fenmenos fsicos responden de forma exponencial. Si el lector no est muy versado
en tales funciones no debe albergar ningn temor: nosotros le proporcionaremos las
herramientas matemticas y Ud. slo se limitar al aspecto de la graficacin.
Para el ejemplo que viene a continuacin utilizaremos una exponencial creciente que
arranca de un valor inicial Vini y llega hasta un valor final Vfin. Su expresin matemtica es la siguiente:
F(t) = Vini + (Vfin Vini)*(1 exp(-t / To))

Funcin exponencial
Vfin = 1000
63% de (Vfin Vini)

To = 10 useg
Vini = - 500
PasoCal
Tfin = 6*To [useg]
To es lo que se denomina la constante de crecimiento y es un dato de la ecuacin.

Es el valor de la variable independiente para el cual la funcin alcanza el 63,2% de su
recorrido de amplitud. No nos preocupemos por este detalle.
t es la variable independiente, la cual haremos que vare entre un valor inicial Tini y
un valor final Tfin, por ejemplo entre 0 y 6 veces To.
Pg. 17/23

Carrera:
Dictado:
Esta forma de trabajar con variables para los valores iniciales y finales de ciertos
parmetros de la funcin, es muy conveniente porque nos permite modificar con facilidad las condiciones de graficacin y obtener elementos particulares que nos interese.
Por supuesto todo debe ajustarse automticamente para que no ocurran distorsiones.
Por ejemplo:
double EscGrafH = (double)(XderEjeH-XizqEjeH)/(double)(Tfin-Tini);

double EscGrafV = (double)(YsupEjeV-YinfEjeV)/(double)(Vfin-Vini);
Ajustan automticamente las escalas al modificar los valores de cada extreme.
El lazo de graficacin en s:
for(t =Tini; t<=Tfin; t+=Paso_t) {

Xp=XizqEjeH+EscGrafH*(t-Tini);
Yp=YEjeH-EscGrafV*(Vini+(Vfin-Vini)*(1-exp(-t/To)));
}
tambin tiene en cuenta los cambios de valores iniciales y finales de los parmetros de
graficacin. Comprenderemos mejor esto luego de tipear y hacer correr el programa.
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
#include<stdio.h>
#include<math.h>
void ModoGrafico (
void ModoTexto
(
);
);
// ----------------------------------------------------------------void main()
{
int
int
int
int
int
int
int
int
int
int
int
int
int
int
int
Vfin
Vini
XizqEjeH
XderEjeH
YEjeH
XEjeV
YinfEjeV
YsupEjeV
Ndiv
ColorEjes
ColorCal
ColorFn
Npts
Xp,Yp;
i;
=
=
=
=
=
=
=
=
=
=
=
=
=
1000;
-500;
50;
550;
250;
50;
50;
400;
20;
GREEN;
YELLOW;
LIGHTRED;
500;
double
double
double
To
Tini
Tfin
= 10;
= 0;
= 6*To;
Pg. 18/23

Carrera:
Dictado:
double
double
double
double
double
double
EscGrafH
EscGrafV
PasoCal
EscUs
Paso_t
t;
=
=
=
=
=
(double)(XderEjeH-XizqEjeH)/(double)(Tfin-Tini);
(double)(YsupEjeV-YinfEjeV)/(double)(Vfin-Vini);
(double)(XderEjeH-XizqEjeH)/(double)Ndiv;
(Tfin-Tini)/(double)Ndiv;
(Tfin-Tini)/Npts;
char
EscUsStr[32];
ModoGrafico();
// --- TRAZADO DE EJES -------------------------------------setcolor(ColorEjes);
// --- TRAZADO DE CALIBRACION ------------------------------setcolor(ColorCal);
for(i=0;i<=Ndiv;i++)
line(XizqEjeH+i*PasoCal,YEjeH-3,XizqEjeH+i*PasoCal,YEjeH+3);
// --- MENSAJES DE PANTALLA -------------------------------setcolor(LIGHTGREEN);
sprintf(EscUsStr,"ESC=%2.2f[useg/div]",EscUs);
outtextxy(60,50,"FUNCION EXPONENCIAL");
outtextxy(60,60,EscUsStr);
// --- TRAZADO DE LA FUNCION EXPONENCIAL ------------------for(t=Tini;t<=Tfin;t+=Paso_t) {
Xp=XizqEjeH+EscGrafH*(t-Tini);
Yp=YEjeH-EscGrafV*(Vini+(Vfin-Vini)*(1-exp(-t/To)));
}
getch(); ModoTexto();
}
// -----------------------------------------------------------------
A simple vista (y en forma aproximada) podemos ver que la funcin corta al eje del
tiempo en t = 3,80 t = 4,00. Queremos salir de dudas sin modificar el cdigo del
programa? Bueno, hagamos entonces Tini = 3.80 y veamos qu pasa. La funcin debera arrancar desde el origen. Si no fue as probemos con algunos valores cercanos y
tendremos una idea bastante buena del punto de corte.
Pg. 19/23

Carrera:
Dictado:
Otro caso de ejes desplazados.

Dibujar una funcin senoidal de manera que el eje vertical se halle ubicado de tal manera que la funcin arranque en -120 grados y se extienda hasta +360 grados.
Ampl
Fase = 120
----------------------------------------------------------------- */
Para hallar la coordenada horizontal XEjeV del eje vertical, es necesario determinar
primero la escala horizontal de graficacin:
EscGrafH = (double)(XderEjeH-XizqEjeH) / (AngFin-AngIni)

Esta escala relaciona cada medida angular a graficar (ya sea en radianes o en grados,
segn como hayamos calculado la misma), con los pixeles necesarios:
XEjeV = XizqEjeH + EscGrafH*Fase

Con respecto a la graficacin en s de la funcin, tenemos dos posibilidades de realizarla:
for(AngRad=AngIniRad;AngRad<=AngFinRad;AngRad+=PasoAngRad) {
// --- forma I --------------------------------------Xp = XEjeV + round(EscGrafH*AngRad);
// --- forma II ------------------------------------------------------------// Xp = XizqEjeH + round(EscGrafH*(AngRad-AngIniRad));
Yp = YEjeH-round(EscGrafV*Ampl*sin(AngRad));
}
Pg. 20/23

Carrera:
Dictado:
ya sea tomando el extremo izquierdo del eje horizontal o la posicin horizontal del eje
vertical. En ambos casos el resultado es idntico. Observe que en el caso de tomar el
extremo izquierdo del eje horizontal tenemos que restarle el valor inicial del ngulo por
las razones que expusimos al comienzo de este captulo:
Xp = XizqEjeH + round(EscGrafH*(AngRad-AngIniRad));
Pasemos al cdigo completo:
#include<conio.h>
#include<stdlib.h>
#include<dos.h>
#include<process.h>
#include<stdio.h>
#include<math.h>
void ModoGrafico (
);
void ModoTexto
(
);
int round
( double );
// ----------------------------------------------------------------void main()
{
int
int
int
int
int
int
int
int
int
Ampl = 2500;
Plus = 500;
AngIniGrd = -120;
AngFinGrd = 360;
XizqEjeH =
50;
XderEjeH = 550;
YEjeH = 240;
XEjeV;
YinfEjeV =
50;
int
int
int
int
int
int
int
int
int
YsupEjeV = 430;
ColorEjes = GREEN;
ColorCal = DARKGRAY;
ColorFn = LIGHTRED;
NdivsH =
24;
NdivsV =
12;
Npts = 1000;
Xp,Yp;
n;
double
double
double
double
double
double
double
double
AngRad;
Krad
AngIniRad
AngFinRad
PasoAngRad
PasoCalH;
PasoCalV
EscGrafH
double
double
double
EscGrafV
EscUsAmpl
EscUsAng
char
EscUsAmplStr[32];
=
=
=
=
// amplitud de la funcion senoidal.

// solo para dar espacio de graficacion.
// sera calc.segun el desplazam. necesario.
M_PI/180.00;
AngIniGrd*Krad;
AngFinGrd*Krad;
(AngFinRad-AngIniRad)/Npts;
= (double)(YEjeH-YinfEjeV)/(double)NdivsV;
= (double)(XderEjeH-XizqEjeH)/(AngFinRadAngIniRad);
= (double)(YEjeH-YinfEjeV)/(double)(Ampl+Plus);
= (Ampl+Plus)/NdivsV;
= (double)360/(double)NdivsH;
Pg. 21/23

Carrera:
Dictado:
char
EscUsAngStr[32];
ModoGrafico();
// --- TRAZADO DE EJES COORDENADOS -----------------------XEjeV=XizqEjeH+fabs(EscGrafH*AngIniRad);
setcolor(ColorEjes);
// eje horizontal.
// eje vertical.
// --- CALIBRACION DE LOS EJES ----------------------------setcolor(ColorCal);
PasoCalH=(double)(XderEjeH-XEjeV)/(double)NdivsH;
// parte positiva del eje horizontal ----------------------for(n=1;n<=(XderEjeH-XEjeV)/PasoCalH;n++)
line( XEjeV+round(n*PasoCalH),YinfEjeV,
XEjeV+round(n*PasoCalH),YsupEjeV);
// parte negativa del eje horizontal ----------------------for(n=1;n<=(XEjeV-XizqEjeH)/PasoCalH;n++)
line( XEjeV-round(n*PasoCalH),YinfEjeV,
XEjeV-round(n*PasoCalH),YsupEjeV);
// eje vertical -------------------------------------------for(n=1;n<=NdivsV;n++) {
line(XizqEjeH,YEjeH-n*PasoCalV,XderEjeH,YEjeH-n*PasoCalV);
line(XizqEjeH,YEjeH+n*PasoCalV,XderEjeH,YEjeH+n*PasoCalV);
}
// --- MENSAJES DE PANTALLA -----------------------------setcolor(RED);
outtextxy(350,60,"EJE DESPLAZADO");
sprintf(EscUsAmplStr,"EscAmpl = %6.2lf [1/div]",EscUsAmpl);
sprintf(EscUsAngStr, "EscAng = %6.2lf [/div]",EscUsAng);
setcolor(LIGHTGRAY);
outtextxy(350,80,EscUsAmplStr);
outtextxy(350,90,EscUsAngStr);
setcolor(LIGHTGRAY);
outtextxy(350,440,"PROGRAMADOR UNIVERSITARIO");
outtextxy(350,450,"TALLER DE LENGUAJES I");
outtextxy(350,460,"UNIV.NACIONAL DE TUCUMAN");
Pg. 22/23

Carrera:
Dictado:
// --- GRAFICACION DE LA FUNCION ------------------------for(AngRad=AngIniRad;AngRad<=AngFinRad;AngRad+=PasoAngRad) {
Xp=XEjeV+round(EscGrafH*AngRad);
// con instrucc que viene a continuacion se obtiene lo mismo:
// Xp=XizqEjeH+round(EscGrafH*(AngRad-AngIniRad));
Yp=YEjeH-round(EscGrafV*Ampl*sin(AngRad));
}
getch(); ModoTexto();
}
// ----------------------------------------------------------------int round(double x)
{ if((x-(int)x)>=0.0) return((int)(x+1)); return((int)x); }
// -----------------------------------------------------------------
Pg. 23/23

TALLER

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

TALLER

Загружено:

Авторское право:

Доступные форматы

Asignatura: TALLER DE LENGUAJES I 2012

Graficacin de funciones matemticas.

line ( X1, Y1, X2, Y2 );

Si no se establece un color para el fondo, el compilador adopta el Black por defecto.

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Las lneas en ROJO son los ejes de pantalla.

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Tambin podramos haber trazado cada eje en un color diferente haciendo:

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

PasoCal = SegCal / NDiv

PasoCal = (double)SegCal / (double) NDiv

Y ahora dejamos que el pasaje a entero lo realice la propia funcin de graficacin:

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Sin embargo hemos introducido un elemento nuevo, la instruccin:

setlinestyle ( SOLID_LINE, 1, THICK_WIDTH )

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Graficacin de funciones senoidales.

double AngFi = AngGrad x Krad

F(x) = Ampl x sin(x + Fase)

Qu es una escala? Podemos definirla como:

Simples magnitudes adimensionales (funciones matemticas puras)

Lo que a nosotros nos interesa para su representacin son las magnitudes en s y no

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

EscGraf = (double)SegGraf / (double)(Xder Xizq) [pixel / MagnFisica]

EscGraf x EscUs = SegGraf / NDiv

SegGrafH = XderEjeH XizqEjeH

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

La siguiente instruccin merece nuestra atencin:

Ang = AngIni Xp = XizqEjeH + (AngIni AngIni)*EscH

Conjunto de ondas senoidales de distintas caractersticas.

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Cada onda posee los siguientes parmetros particulares:

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

En el problema anterior habamos considerado AngIni = Fase porque en ese momento

double EscV = (double)(YEjeH-YinfEjeV) / (double)Ampl1;

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Ntese que el tema de los desfasajes aparece aqu:

Ang1 = Frec1*Ang + Fase1;

todo funciona de maravillas:

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

Parece un poco complicado verdad? En realidad no lo es tanto.

OffsEjeV = EscGraf*(Radio Xo + Plus);

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

YEjeH = YinfEjeV + OffsEjeH;

EscGraf*Radio*cos(Ang) ................ coordenada x de pantalla.

Taller de Lenguajes I Clase Terica Nro 6

Asignatura: TALLER DE LENGUAJES I 2012

// para dar un poco de espacio.

EscGrafRadiocos(Ang) ................ coordenada x de pantalla.