1. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
MANUAL DE PRÁCTICAS
NOMBRE DEL ALUMNO:
Miroslava Daniela Sánchez Sanchez
NOMBRE DEL PROFESOR:
René Domínguez Escalona
MATERIA:
Utilización de Software de Diseño
1
2. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PRESENTACION
Este trabajo presenta mis practicas de PHOTOSHOP, COREL DRAW y
OPEN GL, en los cuales podrán ver como realicé cada practica, que incluye
mis conclusiones, para así poder dar un ejemplo de en que se usa este tipo
de programas y tener noción de que se puede lograr con cada uno de ellos.
Espero sea lo más explicito posible para su fácil entendimiento y
comprensión.
Sin más preámbulos iniciamos…
2
3. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
INDICE
COREL DRAW
Pag.6 a pag.22
• Ventana de Corel
• Tabla de herramientas
• Figuras
• Logo de Windows
• Logo cecytem
• Manzana
• Personaje
• Etiqueta
• Automóvil
• Diploma
• Tarjeta de presentación
• Invitación volante
• Producto
• Calendario
• Rompecabezas
3
4. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
OPEN GL
pág. 23 a pag.127
• Ajedrez
4
5. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
• Animación
• Carro
• Casa
• Circulo rotando
• Cubo de cubos
• Cubo delineado
• Cubo
• Estrella
• Mono con triángulos
• Movimiento en 8
• Muñeco con figuras
• Oso
• Pirámide con movimiento
• Pirámide
• Semáforo
• Sistema solar
• Sistema Solar
5
6. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PHOTOSHOP
Pag.128 a pág. 141
• Ventana de photoshop
• Herramientas
• Blanqueo de dientes
• Fotomontaje
• Fusión de capas
• Fondo de pantalla
• Luz neón
• Foto generación
6
7. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
• Texto con efecto
• Cecytem
• Sexualidad
• Bullying
• Imagen
• Restauración fotográfica
• Colorear
TABLA DE HERRAMIENTAS
7
8. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Primero se copia la pantalla de Corel en una hoja de Word, después con la
herramienta de insertar, colocamos flechas que vayan señalando las partes de su
ventana e imprimimos como quedo
8
9. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
TABLA DE HERRAMIENTAS
Primero se tiene que cortar cada herramienta e irlo poniendo en un cuadro de
Word que tiene que tener cuatro columnas una que lleve el nombre de icono,
donde va ir la imagen de la herramienta, el nombre de la herramienta, el nombre
de su atajo, por el cual podemos llegar más rápido a esa herramienta si tiene y por
último el nombre de descripción que es el que indica su función
Icono Nombre de Atajo Descripción
la
herramienta
De selección Útil al elegir
un objeto
Forma F10 Sirve para
modificar
objetos
mediante
nodos
Pincel Modifica o
deformador deforma la
línea
Transformación Modifica la
libre figura creada
Recortar Selecciona
una parte del
objeto para
cambios
posteriores.
Cuchillo Divide el
objeto por
medio de un
corte
Borrador x Elimina parte
del objeto
9
10. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Segmento Elimina
virtual segmentos
Zoom z Aumenta la
visión de la
hoja.
Mano H Desplaza la
hoja
Mano alzada F5 Traza los
dibujos
Bézier Traza curvas
Medios i Dibuja con el
artísticos pincel para
formar una
figura
Pluma Realiza
diferentes
trazos hasta
conseguir la
figura
deseada
Poli línea Marca en
diferentes
esquinas
formando una
recta.
3 puntos de Forma una
curva línea recta,
para después
transformarla
en curva.
Conexión Conecta las
interactiva líneas
10
11. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Dimensión Traza líneas
con medidas
Relleno Rellena las
inteligente figuras con
color
Dibujo Shift + Traza la línea
inteligente S con la ventaja
de los nodos
incluidos
Rectángulo F6 Hace la figura
cuadrada o
rectangular
Elipse F7 Hace la figura
redonda
Polígono y Hace la figura
pentagonal
Estrella Figura en forma de
estrella
Estrella compleja Figura en forma de
estrella mas
complicada.
Grafica de papel D Realiza una tabla
Espiral Realiza una figura
en forma de caracol
Formas básicas Las formas mas
elementales
Flechas Diferentes
tipos de
flechas
11
12. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Diagrama de Formas para el
flujo diagrama
Banderas Realiza
distintas
banderas
Cuadro de Realiza los
dialogo globos para el
dialogo
Mezcla Une dos
interactiva objetos por
medio de
mezclas
Contorno Mezcla el
interactivo contorno de
una figura
Distorsión Deforma la
interactiva figura
Sombra Al hacer una
interactiva figura se le
añade una
sombra
Sobre Otra útil
interactivo herramienta
para curvear
la figura
Extrusión Convierte la
figura en una
3D
Transparencia Transparencia
de la figura
12
13. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Cuentagotas Toma una
muestra del
color
Bote de pintura Rellena el
objeto
Relleno F11 Rellena con
metálico colores
metálicos
Relleno de Rellena la
patrón figura con
plantillas.
Relleno de Rellena las
textura figuras con
una estructura
Color de línea F12 Define el color
del borde
Relleno G Transparencia
interactivo de la forma
FIGURAS
Para este ejercicio lo que hacemos primero es usar la herramienta de Bézier para
ir dibujando la figura, le salen unas pequeñas pestañitas para darle forma como
por ejemplo al rayo le damos la forma de los piquitos que sobresalen y por ejemplo
el corazón le damos clic derecho y nos sale una opción de convertir a curva para
darle la forma de lo curveado de un corazón
13
14. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Así podemos hacer muchas más figuras que estas y darles diferente color
14
15. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
LOGO DE WINDOWS
Primero copiamos la imagen de nuestro logo después la reducimos,
seleccionamos la herramienta de Bézier para irlo calcando y que quede igual que
la imagen original le ponemos juntar y se hace una sola figura, la separamos y le
hacemos lo de alrededor que es un circulo, después con la herramienta de gotero
seleccionamos el color de la imagen original y se lo vamos poniendo a la imagen
para colorear
Y así queda casi una copia perfecta
15
16. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
LOGO CECYTEM
Primero copiamos la imagen de nuestro logo después la reducimos,
seleccionamos la herramienta de Bézier para irlo calcando y que quede igual que
la imagen original le ponemos juntar y se hace una sola figura, la separamos de la
figura original, después con la herramienta de gotero seleccionamos el color de la
imagen original y se lo vamos poniendo a la imagen para colorear o lo dibujamos
del color que nosotros queramos.
A si queda un logo igual pero con diferente presentación.
MANZANA
16
17. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Lo que haremos ahora será una manzana, al igual que nuestros logos anteriores,
seguimos los mismos pasos
Terminada nuestra figura le podemos hacer diferentes efectos o agregarle mas
cosas
17
18. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PERSONAJE
En esta práctica lo que hacemos ahora es dibujar un personaje que queramos,
calcarlo con Bézier y también podemos usar lo que es la pluma u otras
herramientas que nos hagan falta.
Le damos esos efectos que lleva nuestro personaje como el de las mejillas, la
playera o hasta sus ojos
Y a si queda nuestro personaje.
18
19. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
ETIQUETA
En esta practica lo que vamos hacer es una etiqueta de algún producto, le
tomamos la foto y de ahí lo que también podemos hacer es calcarla o si no
le quieren tomar foto hay que procurar que quede al igual que del producto,
también podemos usar la herramienta donde aparece aplicar el código de
barras si es que tienen, le agregamos el numero de la barra de código y
automáticamente nos sale.
Queda lo mas cercano a nuestro producto
19
20. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
AUTOMOVIL
Aquí lo que vimos es que podemos hacer una copia idéntica de un
automóvil, es igual que nuestras practicas anteriores, utilizando las
herramientas que creamos que sean necesarias y colorearlo del color que
deseemos o ponerlo idéntico al de nuestra foto original.
Le podemos dar el color del gris mas claro o dejarlo a si sin colorear.
20
21. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
DIPLOMA
En esta práctica lo que aprendimos es el cómo hacer un diploma, utilizando
varias herramientas como la de texto, efectos, colores degradados, Bézier,
pluma, etc.
Le agregamos el texto que especifica de que es el diploma, para quien va
dirigido y si queremos le ponemos líneas para que puedan firmar tanto el
director y el profesor que imparte la clase o el taller.
21
22. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
TARJETA DE PRESENTACION
Aquí lo que aprenderemos es hacer una tarjeta de presentación suponiendo
lo que eres o lo que quieres ofrecer a la sociedad.
Podemos empezar haciendo nuestro recuadro del tamaño que queramos
nuestra tarjeta, de fondo le podemos agregar una imagen o ya sea que tu la
hagas, podemos también agregar nuestro correo electrónico, teléfono o
dirección para que las personas nos puedan localizar.
Y así puede quedar nuestra tarjeta dependiendo de qué imagen o
presentación le queramos dar.
22
23. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
INVITACION
Yo en esta práctica lo que hice fue calcar mi imagen o forma de la tarjeta que
quería y rellenarla de color rosa, con mi herramienta de texto fue escribir lo que
quería que dijera en mi invitación y darle efectos o tipos de letras a mi texto.
A si indicamos también donde va hacer y en que horario se va a realizar el evento.
23
24. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
VOLANTE
En esta practica aprendí que podemos hacer nuestros propios volantes de
propaganda de alguna escuela, de uñas, estéticas o de alguna fiesta, le podemos
agregar lo que queramos igual que nuestra practica anterior
Asi es como queda y lo podemos imprimir para que nos de un resultado mejor.
24
25. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PRODUCTO
En esta practica lo que hicimos fue inventar un producto hecho 100% de nosotros,
embotellarlo, hacerle su etiqueta y promoverlo.
Este producto fue una fragancia para caballero.
La tuvimos que pegar en nuestra botella y darle presentación.
25
26. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Open GL- AJEDREZ
#include <GL/gl.h>
#include <GL/glu.h>
void inicializa(void)
{
glClearColor(1.0,1.0,1.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 1000.0, 0.0, 1000.0); //vista ortogonal
}
void dibuja(void) //función dibuja
{
glClear(GL_COLOR_BUFFER_BIT); //borra pantalla
glColor3f(0.0 , 0.0 , 0.0);
glPointSize(50);
glBegin(GL_POINTS);
glVertex2i(100,100);
glVertex2i(200,200);
glVertex2i(300,100);
glVertex2i(400,200);
glVertex2i(500,100);
glVertex2i(600,200);
glVertex2i(700,100);
glVertex2i(800,200);
glVertex2i(100,300);
glVertex2i(300,300);
glVertex2i(500,300);
glVertex2i(700,300);
glVertex2i(200,400);
glVertex2i(400,400);
glVertex2i(600,400);
glVertex2i(800,400);
glVertex2i(100,500);
glVertex2i(300,500);
glVertex2i(500,500);
glVertex2i(700,500);
glVertex2i(200,600);
glVertex2i(400,600);
glVertex2i(600,600);
glVertex2i(800,600);
26
27. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glVertex2i(100,700);
glVertex2i(300,700);
glVertex2i(500,700);
glVertex2i(700,700);
glVertex2i(200,800);
glVertex2i(400,800);
glVertex2i(600,800);
glVertex2i(800,800);
End();
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("MI primer ventana"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
Este es nuestro código con el cual pudimos hacer un ajedrez, las palabras que se
muestran con doble diagonal solamente nos sirve para recordar de que es esa
instrucción.
27
28. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
A si es como queda nuestro tablero de ajedrez
28
29. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
ANIMACION
#include <unistd.h>
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
int x=1, y=1;
void inicializa(void)
{
glClearColor(0.0,0.0,0.0,0.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0, 1000.0, 0.0, 1000.0);// el ancho y largo de nuestra pantalla
}
void circulo(int x, int y, int radio)
{
int angulo=0;
glBegin(GL_TRIANGLE_FAN); glColor3f (0.5, 0.5, 0.5);
glVertex2f(x,y);
glColor3f(0,0.0,0.0);
for (angulo=0;angulo<=360; angulo+=6){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();
}
void dibuja(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
if(x>=1 && x<800){
circulo(5+1*x,900,15);
glFlush();
x++;
}
glutSwapBuffers();
int main (int argc, char** argv)
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA| GLUT_DEPTH);
glutInitWindowSize(1000,1000);
glutInitWindowPosition(10,10);
glutCreateWindow("Ventana");
29
30. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
inicializa();
glutDisplayFunc(dibuja);
glutIdleFunc(dibuja);
glutMainLoop();
return 0;
Este es nuestro código con el cual pudimos hacer una animacion, las palabras que
se muestran con doble diagonal solamente nos sirve para recordar de que es esa
instrucción
30
31. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CARRO
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <GL/glu.h>
void inicializa(void)
{
glClearColor(1.0,1.0,1.0,1.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 150.0, 0.0,150.0); //vista ortogonal
}
void circuloc(int x, int y, int t, int radio)
{
int angulo=0;
glPointSize(t);
glBegin(GL_POINTS);
//glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
//glColor3f(0,0.0,0.0);
}
void circulo(int x, int y, int radio)
{
int angulo=0;
glBegin(GL_TRIANGLE_FAN);
// glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
glEnd();
}
void dibuja(void) //funcion dibuja
{
glClear(GL_COLOR_BUFFER_BIT); //borra pantalla
glBegin(GL_QUADS);
//defensa
glColor3f(0.6,0.6,1.0);
31
33. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
//atras
glColor3f(0.8, 0.1 , 0.1);
glVertex2i(75,105);
glVertex2i(106,124);
glVertex2i(140,120);
glVertex2i(120,100);
glEnd();
glEnd();
glEnd();
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("CUBO"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
Este es nuestro código con el cual pudimos hacer un carro, las palabras que se
muestran con doble diagonal solamente nos sirve para recordar de que es esa
instrucción o darle un nombre.
33
34. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CASA
//Los puntos en toda la pantalla
#include <GL/glut.h>
#include <GL/gl.h>
void inicializa(void)
{
glClearColor (2.0, 1.0, 1.0, 1.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0,1000.0,0.0,600.0);
}
void dibuja(void)
{
int i,j=0;
/* borra la pantalla */
glClear(GL_COLOR_BUFFER_BIT);
// Cerca
for(i=0;i<50;i++){
glBegin(GL_POLYGON);
glColor3f (1.0, 0.3, 0.0);
glVertex2f(0+20*i,292);
glVertex2f(5+20*i,300);
glVertex2f(10+20*i,292);
glVertex2f(10+20*i,240);
glVertex2f(0+20*i,240);
glEnd();
}
glBegin(GL_QUADS);
glVertex2i(0,289);
glVertex2i(1000,289);
glVertex2i(1000,280);
glVertex2i(0,280);
//pasto
glColor3f (0.4, 0.8, 0.2);
glVertex2i(0,240);
glVertex2i(1000,240);
glVertex2i(1000,120);
glVertex2i(0,120);
//banqueta
34
35. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glColor3f (0.6, 0.6, 0.6);
glVertex2i(0,120);
glVertex2i(1000,120);
glVertex2i(1000,90);
glVertex2i(0,90);
glColor3f (1.0, 1.0, 0.0);
glVertex2i(0,90);
glVertex2i(1000,90);
glVertex2i(1000,82);
glVertex2i(0,82);
//calle
glColor3f (0.3, 0.3, 0.3);
glVertex2i(0,82);
glVertex2i(1000,82);
glVertex2i(1000,0);
glVertex2i(0,0);
//piedras
glColor3f (0.6, 0.6, 0.6);
glVertex2i(105,180);
glVertex2i(135,180);
glVertex2i(135,165);
glVertex2i(105,165);
glVertex2i(165,180);
glVertex2i(195,180);
glVertex2i(195,165);
glVertex2i(165,165);
glVertex2i(105,150);
glVertex2i(135,150);
glVertex2i(135,135);
glVertex2i(105,135);
glVertex2i(165,150);
glVertex2i(195,150);
glVertex2i(195,135);
glVertex2i(165,135);
//entrada
glVertex2i(345,195);
glVertex2i(405,195);
glVertex2i(405,120);
glVertex2i(345,120);
// Casa
35
39. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
//Barandal
glVertex2i(344,375);
glVertex2i(406,375);
for(i=0;i<7;i++){
glVertex2i(345+10*i,375);
glVertex2i(345+10*i,330);
}
//Divicion Ventana
glVertex2i(240,262);
glVertex2i(300,262);
glVertex2i(240,397);
glVertex2i(300,397);
glVertex2i(450,397);
glVertex2i(510,397);
glVertex2i(450,262);
glVertex2i(510,262);
glVertex2i(375,434);
glVertex2i(375,375);
glVertex2i(270,397);
glVertex2i(270,375);
glVertex2i(270,262);
glVertex2i(270,240);
glVertex2i(480,397);
glVertex2i(480,375);
glVertex2i(480,262);
glVertex2i(480,240);
glEnd();
//Contorno ventanas
glBegin(GL_LINE_LOOP);
glVertex2i(240,435);
glVertex2i(300,435);
glVertex2i(300,375);
glVertex2i(240,375);
glEnd();
glBegin(GL_LINE_LOOP);
glVertex2i(240,300);
glVertex2i(300,300);
glVertex2i(300,240);
glVertex2i(240,240);
glEnd();
glBegin(GL_LINE_LOOP);
glVertex2i(450,435);
39
40. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glVertex2i(510,435);
glVertex2i(510,375);
glVertex2i(450,375);
glEnd();
glBegin(GL_LINE_LOOP);
glVertex2i(450,300);
glVertex2i(510,300);
glVertex2i(510,240);
glVertex2i(450,240);
glEnd();
//Chapa
glPointSize(4);
glColor3f (0.0, 0.0, 0.0);
glBegin(GL_POINTS);
glVertex2i(352,247);
glVertex2i(352,245);
glEnd();
glFlush();
}
int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA);
glutInitWindowSize(1000,600);
glutInitWindowPosition(100,100);
glutCreateWindow("My Home");
inicializa();
glutDisplayFunc(dibuja);
glutMainLoop();
return 0;
Este es nuestro código con el cual pudimos hacer Una casa con varios detalles.
40
41. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
A si queda una casa con diferentes y varios detalles.
41
42. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CIRCULO ROTANDO
#include <unistd.h>
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
int x=1, y=1,z=1,w=1;
void inicializa(void){
glClearColor(0.0,0.0,0.0,0.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0, 700.0, 0.0, 700.0);// el ancho y largo de nuestra pantalla
}
void circulo(int x, int y, int radio){
int angulo=0;
glBegin(GL_TRIANGLE_FAN); glColor3f (0.1, 0.1, 1.0);
glVertex2f(x,y);
glColor3f(0,0.0,0.0);
for (angulo=0;angulo<=360; angulo+=6){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();}
void dibuja(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
//abajo
if(x>=1 && x<500){circulo(100+1*x,100,40);x++;}
// derecha para arriba
if (x==500 && y>=1 && y<500 ) {circulo(600,100+1*y,40);y++;}
//arriba para izquierda
if (x==500 && y==500 && z>=1 && z<500) {circulo (600-z,600,40);z++;}
//izquerda hacia abajo
if (x==500 && y==500 && z==500 && w>=1 && w<500){circulo (100,600-
w,40);w++;}
if(w==500){ x=1;y=1; z=1; w=1;}
glFlush();
glutSwapBuffers();
}
int main (int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA| GLUT_DEPTH);
glutInitWindowSize(700,700);
glutInitWindowPosition(10,10);
42
43. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glutCreateWindow("Ventana");
inicializa();
glutDisplayFunc(dibuja);
glutIdleFunc(dibuja);
glutMainLoop();
return 0;
}
#include <unistd.h>
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
int x=1, y=1,z=1,w=1;
void inicializa(void){
glClearColor(0.0,0.0,0.0,0.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0, 700.0, 0.0, 700.0);// el ancho y largo de nuestra pantalla
}
void circulo(int x, int y, int radio){
int angulo=0;
glBegin(GL_TRIANGLE_FAN); glColor3f (0.1, 0.1, 1.0);
glVertex2f(x,y);
glColor3f(0,0.0,0.0);
for (angulo=0;angulo<=360; angulo+=6){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();}
void dibuja(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
//abajo
if(x>=1 && x<500){circulo(100+1*x,100,40);x++;}
// derecha para arriba
if (x==500 && y>=1 && y<500 ) {circulo(600,100+1*y,40);y++;}
//arriba para izquierda
if (x==500 && y==500 && z>=1 && z<500) {circulo (600-z,600,40);z++;}
//izquerda hacia abajo
if (x==500 && y==500 && z==500 && w>=1 && w<500){circulo (100,600-
w,40);w++;}
if(w==500){ x=1;y=1; z=1; w=1;}
glFlush();
glutSwapBuffers();
}
43
44. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
int main (int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA| GLUT_DEPTH);
glutInitWindowSize(700,700);
glutInitWindowPosition(10,10);
glutCreateWindow("Ventana");
inicializa();
glutDisplayFunc(dibuja);
glutIdleFunc(dibuja);
glutMainLoop();
return 0;
En esta práctica pudimos saber cómo se le da movimiento a una figura por
ejemplo a un circulo, como aparece en la imagen
44
45. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CUBO DE CUBOS
//mi primer ventana
45
46. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
#include <GL/glut.h>
#include <GL/gl.h>
void inicializa(void)
{
glClearColor(1.0,1.0,1.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 600.0, 0.0, 600.0); //vista ortogonal
}
void cubo (int x, int y,int t,int l){
double a=.8,b=.6;
glColor3f(0.5 , 0.9 , 0.6);
glBegin(GL_QUADS);
glVertex2f(x,y);
glVertex2f(x+t,y);
glVertex2f(x+t,y+t);
glVertex2f(x,y+t);
glColor3f(0.02 , 0.9 , 0.1);
glVertex2f(x,y+t);
glVertex2f(x+t,y+t);
glVertex2f(x+t+(t*a),y+t+(t*b));
glVertex2f(x+(t*a),y+t+(t*b));
glColor3f(0.07 , 0.5 , 0.08);
glVertex2f(x+t,y+t);
glVertex2f(x+t+(t*a),y+t+(t*b));
glVertex2f(x+t+(t*a),y+(t*b));
glVertex2f(x+t,y);
glEnd();
glColor3f(0.0 , 0.0 , 0.0);
glLineWidth(l);
glBegin(GL_LINES);
glVertex2f(x,y);
glVertex2f(x+t,y);
glVertex2f(x+t,y);
glVertex2f(x+t,y+t);
glVertex2f(x+t,y+t);
glVertex2f(x,y+t);
glVertex2f(x,y);
glVertex2f(x,y+t);
glVertex2f(x+t,y+t);
glVertex2f(x+t,y+t);
glVertex2f(x+t+(t*a),y+t+(t*b));
46
48. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
//cubo delantero
for(int i=0;i<=10;i++){
cubo(100,100+20*i,20,5);
}
for(int j=0;j<=9;j++){
cubo(120+20*j,100,20,5);
cubo(120+20*j,300,20,5);
}
for(int i=0;i<=10;i++){
cubo(320,100+20*i,20,5);
}
for(int k=0;k<=10;k++){
cubo(481-20*k*.8,420-20*k*.6,20,5);
}
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(100,100); //posicion inicial de la ventana
glutCreateWindow("Ventana"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
Aquí lo que aprendimos fue en como juntar varios cubos para que se vieran en
varias dimensiones, basándose en x,y.
48
50. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CUBO DELINEADO
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <GL/glu.h>
void inicializa(void)
{
glClearColor(1.0,1.0,1.0,1.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 500.0, 0.0,500.0); //vista ortogonal
}
void dibuja(void) //funcion dibuja
{
glClear(GL_COLOR_BUFFER_BIT); //borra pantalla
glBegin(GL_QUADS);
glColor3f(0.0,0.0,1.0);
glVertex2i(375,375);
glVertex2i(375,125);
glVertex2i(125,125);
glVertex2i(125,375);
glColor3f(0.0, 1.0 , 0.1);
glVertex2i(125,125);
glVertex2i(30,185);
glVertex2i(30,435);
glVertex2i(125,375);
glColor3f(0.8, 0.1 , 0.1);
glVertex2i(265,435);
glVertex2i(375,375);
glVertex2i(125,375);
glVertex2i(30,435);
glEnd();
glEnd();
50
51. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glEnd();
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("CUBO"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
}
En esta practica lo que hicimos fue delinear mas el cubo y rellenarlos de varios
colores para que se viera la diferencia de cada lado.
51
53. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CUBO
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <GL/glu.h>
void inicializa(void)
{
glClearColor(0.0,1.0,1.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 1000.0, 0.0, 1000.0); //vista ortogonal
}
void dibuja(void) //funcion dibuja
{
glClear(GL_COLOR_BUFFER_BIT); //borra pantalla
glColor3f(0.0 , 0.0 , 0.0);
glBegin(GL_LINES);
glVertex2i(500,500);
glVertex2i(500,700);
glVertex2i(900,500);
glVertex2i(500,500);
glVertex2i(900,700);
glVertex2i(900,500);
glVertex2i(500,700);
glVertex2i(900,700);
glVertex2i(300,300);
glVertex2i(700,300);
glVertex2i(300,100);
glVertex2i(700,100);
glVertex2i(300,300);
glVertex2i(300,100);
glVertex2i(700,300);
glVertex2i(700,100);
glVertex2i(900,700);
glVertex2i(700,300);
glVertex2i(900,500);
glVertex2i(700,100);
glVertex2i(500,500);
glVertex2i(300,100);
glVertex2i(300,300);
53
54. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glVertex2i(500,700);
54
55. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glEnd();
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("MI primer ventana"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
En esta practica tratamos de hacer un cubo, esto fue el primer intento para hacerlo
y poder hacer las practicas anteriores
55
57. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
ESTRELLA
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <GL/glu.h>
void inicializa(void)
{
glClearColor(0.0,0.0,0.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 1000.0, 0.0, 1000.0); //vista ortogonal
}
void dibuja(void) //funcion dibuja
{
glClear(GL_COLOR_BUFFER_BIT); //borra pantalla
glColor3f(1.0 , 2.0 , 3.0);
glBegin(GL_LINES);
glVertex2i(400,700);
glVertex2i(700,100);
glVertex2i(700,100);
glVertex2i(100,500);
glVertex2i(100,500);
glVertex2i(800,500);
glVertex2i(800,500);
glVertex2i(200,100);
glVertex2i(200,100);
glVertex2i(400,700);
glEnd();
glFlush(); //forza dibujo
57
58. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("MI primer ventana"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
Esta práctica es un poco sencilla, ya que solo unes los puntos en cada pico de la
estrella
58
64. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glVertex2i(308,157);
glVertex2i(308,143);
glVertex2i(308,143);
glVertex2i(308,128);
glVertex2i(293,128);
glVertex2i(293,143);
glEnd();
glEnd();
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("Muñeco con triangulos"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
En esta práctica aprendimos hacer triángulos y juntarlos, casi igual al de los cubos
y formamos un muñequito
64
65. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
MOVIMIENTO EN OCHO
#include <unistd.h>
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
int x=1, x2=1,y=1;
double a=6.15, b=6.15;
void inicializa(void){
65
66. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glClearColor(2.0,0.0,0.0,0.9);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0, 700.0, 0.0, 700.0);// el ancho y largo de nuestra pantalla
}
void circulo(int x, int y, int radio){
int angulo=0;
glBegin(GL_TRIANGLE_FAN);
glVertex2f(x,y);
for (angulo=0;angulo<=360; angulo+=6){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();}
void dibuja(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glColor3f(0.5, 0.0, 0.9);
circulo(300, 300, 70);
circulo(300,180,70);
glColor3f(5.0,0.9,0.0);
circulo(300,300,50);
circulo(300,180,50);
glColor3f(1.0,0.9,2.0);
if(a>=6.15 && a<=12.41){
circulo(300 + sin (a)*60,300- cos(a)*60,10);
a=a + 0.1;
}
else{
circulo(300 + sin (b) *60,180-cos(b)*-60,10);
b=b + 0.1;
if(b>12.4){a=6.15;b=6.15;}
for(int j=0; j<=10000000; j++) {}
glFlush();
glutSwapBuffers();
int main (int argc, char** argv)
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA| GLUT_DEPTH);
glutInitWindowSize(700,700);
glutInitWindowPosition(10,10);
glutCreateWindow("Ventana");
inicializa();
66
67. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glutDisplayFunc(dibuja);
glutIdleFunc(dibuja);
glutMainLoop();
return 0;
Esta práctica es diferente a las otras ya que en esta tuvimos que aumentar el
movimiento y aquí podemos aumentar o disminuir la velocidad de la pelota.
67
68. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
MUÑECO CON FIGURAS
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
void inicializa(void)
{
glClearColor(1.0,1.0,1.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 800.0, 0.0, 700.0); //vista ortogonal
}
void circuloc(int x, int y, int t, int radio)
{
int angulo=0;
glPointSize(t);
glBegin(GL_POINTS);
//glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
//glColor3f(0,0.0,0.0);
for (angulo=0;angulo<=360; angulo+=1){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();
}
void circulo(int x, int y, int radio)
{
int angulo=0;
glBegin(GL_TRIANGLE_FAN);
// glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
for (angulo=0;angulo<=360; angulo+=1){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();
}
void dibuja(void) //funcion dibuja
{
glClear(GL_COLOR_BUFFER_BIT);
//orejas
glColor3f(0.8,0.6,0.0);
circulo(195,400,20);
circulo(305,400,20);
//cabeza
circulo(250,400,60);
68
72. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
circulo(255,160,10);
glEnd();
//zapatos
glBegin(GL_TRIANGLES);
glColor3f(0.8 ,0.1 , 0.1);
glVertex2i(155,20);
glVertex2i(170,35);
glVertex2i(220,20);
//zapatos
glBegin(GL_TRIANGLES);
glColor3f(0.8 ,0.1 , 0.1);
glVertex2i(355,20);
glVertex2i(340,35);
glVertex2i(290,20);
//cuello2
glBegin(GL_TRIANGLES);
glColor3f(0.8 ,0.6 , 0.0);
glVertex2i(235,325);
glVertex2i(270,325);
glVertex2i(255,305);
glEnd();
glFlush(); //forza dibujo
int main (int argc, char** argv) //metodo main
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(20,20); //posicion inicial de la ventana
glutCreateWindow("Ventana"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
72
73. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Aquí no solo pusimos cubos y triángulos si no que ocupamos otras figuras, como
rectángulos y círculos.
OSO
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
void inicializa(void)
73
74. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
{
glClearColor(1.0,1.0,1.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 500.0, 0.0, 500.0); //vista ortogonal
}
void circuloc(int x, int y, int t, int radio)
int angulo=0;
glPointSize(t);
glBegin(GL_POINTS);
//glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
//glColor3f(0,0.0,0.0);
for (angulo=0;angulo<=360; angulo+=1){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();
void circulo(int x, int y, int radio)
int angulo=0;
glBegin(GL_TRIANGLE_FAN);
// glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
for (angulo=0;angulo<=360; angulo+=1){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();
void dibuja(void) //funcion dibuja
glClear(GL_COLOR_BUFFER_BIT);
glColor3f(0.5,0.4,0.3); //borra pantalla
circulo(250,400,50);
//ojos
glColor3f(0.0,0.0,0.0); //borra pantalla
circulo(250,390,9);
glColor3f(1.0,1.0,1.0); //borra pantalla
circulo(230,410,15);
glColor3f(1.0,1.0,1.0); //borra pantalla
circulo(270,410,15);
glColor3f(0.0,0.0,0.0); //borra pantalla
circulo(230,410,10);
glColor3f(0.0,0.0,0.0); //borra pantalla
circulo(270,410,10);
glColor3f(0.5,0.4,0.3);
circulo(250,250,100);
glColor3f(0.6,0.5,0.4);
circulo(250,250,75);
glColor3f(0.5,0.4,0.3);
74
75. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
circulo(200,450,30);
glColor3f(0.5,0.4,0.3);
circulo(300,450,30);
glColor3f(0.6,0.5,0.4);
circulo(200,450,20);
glColor3f(0.6,0.5,0.4);
circulo(300,450,20);
//manos
glColor3f(0.5,0.4,0.3);
circulo(350,300,35);
glColor3f(0.5,0.4,0.3);
circulo(150,300,35);
glColor3f(0.6,0.5,0.4);
circulo(350,300,25);
glColor3f(0.6,0.5,0.4);
circulo(150,300,25);
;
//patas
glColor3f(0.5,0.4,0.3);
circulo(170,170,35);
glColor3f(0.5,0.4,0.3);
circulo(320,170,35);
glColor3f(0.6,0.5,0.4);
circulo(170,170,25);
glColor3f(0.6,0.5,0.4);
circulo(320,170,25);
glFlush(); //forza dibujo
int main (int argc, char** argv) //metodo main{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(500,500); //tamaño de la ventana
glutInitWindowPosition(100,100); //posicion inicial de la ventana
glutCreateWindow("Ventana"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
Esta figura aparte de que esta bonita ocupamos solo los círculos para formar un
oso
75
76. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PIRAMIDE CON MOVIMIENTO
#include <GL/glut.h>
#include <stdlib.h>
GLfloat anguloCuboX = 0.0f;
GLfloat anguloCuboY = 0.0f;
GLfloat anguloEsfera = 0.0f;
GLint ancho, alto;
int hazPerspectiva = 0;
GLUquadricObj *cilindro;
GLfloat girax=0,giray=0,zoom=0,e,f;
GLboolean malla=GL_FALSE, ejes=GL_TRUE;
void mover(void){
glTranslated(0,0,zoom);
76
77. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glRotated(girax,1.0,0.0,0.0);
glRotated(giray,0.0,1.0,0.0);
}
void creaMalla(void){
int i, long_eje=10;
glColor3f(1.0,1.0,0.0);
glBegin(GL_LINES);
for(i=-long_eje;i<=long_eje;i++){
glVertex3f(i,-long_eje,0);
glVertex3f(i,long_eje,0);
glVertex3f(-long_eje,i,0);
glVertex3f(long_eje,i,0);
glVertex3f(i,0,-long_eje);
glVertex3f(i,0,long_eje);
glVertex3f(-long_eje,0,i);
glVertex3f(long_eje,0,i);
}
glEnd();
void creaEjes(void){
glColor3f(0.0,0.0,0.0);
glBegin(GL_LINES);
glColor3f(0.0,0.0,1.0);
glVertex3f(-11.0,0.0,0.0);
glVertex3f(11.0,0.0,0.0);
glColor3f(1.0,0.0,0.0);
glVertex3f(0.0,-11.0,0.0);
glVertex3f(0.0,11.0,0.0);
glColor3f(0.0,1.0,0.0);
glVertex3f(0.0,0.0,-11.0);
glVertex3f(0.0,0.0,11.0);
glEnd();
glBegin(GL_TRIANGLES);
glColor3f(0.0,0.0,1.0);
glVertex3f(11.0,0.0,0.0);
glVertex3f(10.5,0.0,-.50);
glVertex3f(10.5,0.0,.50);
glColor3f(1.0,0.0,0.0);
glVertex3f(0.0,11.0,0.0);
glVertex3f(-.50,10.5,0.0);
glVertex3f(.50,10.5,0.0);
glColor3f(0.0,1.0,0.0);
glVertex3f(0.0,0.0,11.0);
glVertex3f(-.50,0.0,10.5);
glVertex3f(.50,0.0,10.5);
77
78. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
//puntas otras
glColor3f(0.0,0.0,1.0);
glVertex3f(-11.0,0.0,0.0);
glVertex3f(-10.5,0.0,.50);
glVertex3f(-10.5,0.0,-.50);
glColor3f(1.0,0.0,0.0);
glVertex3f(0.0,-11.0,0.0);
glVertex3f(.50,-10.5,0.0);
glVertex3f(-.50,-10.5,0.0);
glColor3f(0.0,1.0,0.0);
glVertex3f(0.0,0.0,-11.0);
glVertex3f(.50,0.0,-10.5);
glVertex3f(-.50,0.0,-10.5);
glEnd();
void reshape(int width, int height)
{
glViewport(0, 0, width, height);
glClearColor(1.0,1.0,1.0,0.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-150,150,-150,150,-300,300);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
glClear(GL_DEPTH_TEST);
ancho = width;
alto = height;
void display()
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
mover();
if(malla) creaMalla();
if(ejes) creaEjes();
glColor3f(0.0f, 1.5f, 0.0f);
glBegin(GL_QUADS); //cara frontal
glVertex3f(-10,15,10);
glVertex3f(10,15,10);
glVertex3f(10,15,-10);
glVertex3f(-10,15,-10);
glVertex3f(-10,-15,10);
glVertex3f(10,-15,10);
glVertex3f(10,-15,-10);
glVertex3f(-10,-15,-10);
glVertex3f(15,-10,10);
78
81. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glColor3f(0.0f, 0.0f, 0.0f);
glPopMatrix();
glutSwapBuffers();
void activo(int x,int y){
// x= e;
//y= f;
girax=y;
giray=700-x;
glutPostRedisplay();
}
void init()
{
glClearColor(1.0,1.0,1.0,0);
glEnable(GL_DEPTH_TEST);
ancho = 1000;
alto = 1000;
}
void idle()
display():
void teclado(unsigned char key, int x, int y){
switch(key){
case 27:
exit(0);
case '+':
zoom++;
break;
case '-':
zoom--;
break;
case 'p':
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluPerspective(450,1,1,1000);
zoom=-150;
break;
case 'o':
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-150,150,-150,150,-300,300);
zoom=0;
break;
case 'm':
malla= !malla;
break;
81
82. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
case 'e':
ejes= !ejes;
default: break;
}
glutPostRedisplay();
void flechas(int key, int x, int y){
switch(key){
case GLUT_KEY_LEFT:
giray-=15;
break;
case GLUT_KEY_RIGHT:
giray+=15;
break;
case GLUT_KEY_UP:
girax-=15;
break;
case GLUT_KEY_DOWN:
girax+=15;
break;
default: break;
}
glutPostRedisplay();
}
int main(int argc, char **argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
glutInitWindowPosition(1, 1);
glutInitWindowSize(700, 700);
glutCreateWindow("Piramide");
init();
glutDisplayFunc(display);
glutReshapeFunc(reshape);
glutIdleFunc(idle);
glutKeyboardFunc(teclado);
glutSpecialFunc(flechas);
//glutPassiveMotionFunc(activo);
glutMotionFunc(activo);
glutMainLoop();
return 0;
82
83. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Esta pirámide tiene cuatro partes la cual puedes rotar y ver hasta los rincones, lo
que tiene de diferente es que ahora ocupamos el punto Y también para poderle
dar tanto movimiento como altura
83
84. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PIRAMIDE
//mi primer ventana
#include <GL/glut.h>
#include <GL/gl.h>
#include <GL/glu.h>
void inicializa(void)
{
glClearColor(0.0,0.0,0.0,0.0); //color de fondo
glMatrixMode(GL_PROJECTION); //Modo de proyeccion
glLoadIdentity(); //Establece los parametros de proyeccion
gluOrtho2D(0.0, 1000.0, 0.0, 1000.0); //vista ortogonal
}
void dibuja(void) //funcion dibuja
{
int i,a=20;
glClear(GL_COLOR_BUFFER_BIT);
glColor3f(1.0 ,1.0 ,1.0 );
glLineWidth(5);
glBegin(GL_LINES);
for(i=0;i<=7;i++){
glVertex2i(400-a*i,400-a*i);
glVertex2i(600+a*i,400-a*i);
glVertex2i(600+a*i,400-a*i);
glVertex2i(600+a*i,600+a*i);
glVertex2i(600+a*i,600+a*i);
glVertex2i(400-a*i,600+a*i);
glVertex2i(400-a*i,600+a*i);
glVertex2i(400-a*i,400-a*i);
glVertex2i(255,255);
glVertex2i(400,400);
glVertex2i(400,600);
glVertex2i(255,745);
glVertex2i(600,400);
glVertex2i(750,250);
glVertex2i(600,600);
glVertex2i(750,750);
84
85. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
}
glEnd();
glFlush(); //forza dibujo
}
int main (int argc, char** argv) //metodo main
{
glutInit(&argc, argv); //incializa GLUT
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGBA); //establece el modo de
visualización
glutInitWindowSize(700,700); //tamaño de la ventana
glutInitWindowPosition(0,0); //posicion inicial de la ventana
glutCreateWindow("piramide"); //nombre de la ventana
inicializa();
glutDisplayFunc(dibuja); //Envia los graficos a la ventana de
visualización
glutMainLoop(); //muestra todo y espera
return 0; //retorna un valor de cero
En esta pirámide lo que hicimos fue ir haciendo cada una de las bases de la
pirámide para que se viera así, solo hicimos cuatro pisos, en esta ocasión no se
ocupa el punto Y porque no rota esta figura
85
86. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
PIRAMIDE
#include <unistd.h>
#include <GL/glut.h>
#include <GL/gl.h>
#include <math.h>
86
87. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
int rad=100;
double ang=0,a=0,b=0,c=0;
void inicializa(void)
{
glClearColor(0.1,0.0,0.0,0.1);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0,1000.0,0.0,1000.0);// el ancho y largo de nuestra pantalla
}
void circulo(int x, int y, int radio)
{
int angulo=0;
glBegin(GL_TRIANGLE_FAN);
glVertex2f(x,y);
for (angulo=0;angulo<=360; angulo++){ glVertex2f(x + sin(angulo) * radio, y
+ cos(angulo) * radio);}
glEnd();
}
void circuloc(int x, int y, int t, int radio)
{
int angulo=0;
glPointSize(t);
glBegin(GL_POINTS);
//glColor3f (1.0, 0.0, 1.0);
glVertex2f(x,y);
//glColor3f(0,0.0,0.0);
for (angulo=0;angulo<=360; angulo+=1){ glVertex2f(x + sin(angulo) * radio,
y + cos(angulo) * radio);}
glEnd();
void dibuja(void)
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);//esto
glColor3f (0.9,0.8,0.0);
circulo(500,500,50);
glColor3f (1.0,1.0,1.0);
circuloc(500,500,1,70);
glColor3f (0.8,0.8,0.8);
circulo(500+ sin(ang) * 70,500 + cos(ang) * 70,10);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,150); //funcion circulo
glColor3f (0.8, 0.2, 0.1);
circulo( 500+ sin(a) * 150,500 + cos(a) * 150,10);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,200);
87
88. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glColor3f (0.0, 0.0, 1.0);
circulo( 500+ sin(ang) * 200,500 - cos(ang) * 200,20);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,250);
glColor3f (0.9, 0.4, 0.1);
circulo( 500- sin(c) * 250,500 - cos(c) * 250,20);
glColor3f (0.6, 0.8, 0.9);
circulo( 500- sin(b) * 310,500 + cos(b) * 310,15);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,310);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,370);
glColor3f (0.4, 0.8, 0.0);
circulo( 500- sin(ang) * 370,500 - cos(ang) * 370,15);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,400);
glColor3f (0.4, 0.0, 1.0);
circulo( 500- sin(a) * 400,500 - cos(a) * 400,15);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,460);
glColor3f (0.8, 0.7, 0.4);
circulo( 500+ sin(b) * 460,500 + cos(b) * 460,15);
glColor3f (1.0,1.0, 1.0);
circuloc(500,500,1,490);
glColor3f (0.4, 0.5, 0.4);
circulo( 500+ sin(ang) * 490,500 - cos(ang) * 490,15);
a+=0.2;
b+=0.1;
c+=0.1;
ang=ang+0.01; //velocidad entre mas grande mas rapido y entre menos mas lento
for(int j=1;j<=10000000;j++){}//pausa
if(ang==360){ang=0;}// se repite idefinidamente
glFlush(); //forzar dibujado
glutSwapBuffers(); //y esto
int main (int argc, char** argv)
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA| GLUT_DEPTH);//esto
tambien
glutInitWindowSize(1000,1000);
88
89. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
glutInitWindowPosition(10,10);
glutCreateWindow("Planetario");
inicializa();
glutDisplayFunc(dibuja);
glutIdleFunc(dibuja);//esto es lo que cambia
glutMainLoop();
return 0;
Photoshop – VENTANA DE PHOTOSHOP
Esta práctica es muy fácil, solamente imprimimos nuestra pantalla y la pegamos
en un documento de Word, en la barra de herramientas aparece una opción que
dice insertar, le damos clic y seleccionamos las flechas y con cada una vamos
seleccionando los componentes de nuestra pantalla
89
91. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
HERRAMIENTAS DE PHOTOSHOP
91
92. IMAGEN NOMBRE SIRVE PARA…
COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DELde
Herramienta Seleccionar
ESTADO DE MEXICO cualquier
selección cosa
Marco rectangular Para seleccionar algo
especifico
Herramienta lazo Sirve para cortar
Herramienta selección Sirve para marcar casi
rápida exacto la imagen que
quieras cortar
Herramienta recortar .seleccionas lo que
quieras cortar
cuentagotas Te ayuda a pintar algo
del mismo color de
otro pero que no
encuentres
Pincel corrector
puntual
Pincel Puedes marcar
Tampón de copiar. Puedes copiar una foto
Herramienta borrador Es para borrar
Degradado Puedes degradar
cualquier color
Desenfocar Dejas de marcar algo
Herramienta pluma Sirve para hacer líneas
Herramienta texto Puedes agregar
cualquier texto
Herramienta selección Seleccionar un trazo
de trazado
Herramienta Sirve para seleccionar
rectángulo en forma de
rectángulo
92
Herramienta mano Deslizar tu pantalla
zoom Para hacer mas grande
93. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
Esta práctica consiste en cortar cada herramienta de photoshop y hacer un
cuadro en Word, colocando tres columnas que tenga el nombre de nombre,
imagen y la de que función realiza
BLANQUEO DE DIENTES
Esta práctica no esta complicada pero si un poco laboriosa, primero vamos a
escoger la imagen de los dientes que quiero blanquear, escogemos el lienzo que
lo queremos y con nuestro pincel vamos seleccionando los dientes amarillos para
que terminemos le demos clic en el color blanco y le vamos poniendo el color
hasta nuestro gusto.
.
Como estas imágenes que les mostré, puede quedar.
93
94. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
FOTOMONTAJE
El tema de esta práctica fue que podemos hacer un fotomontaje ya sea agregarle
personas, objetos, o hasta alguien en otro tipo de cuerpo, etc.
Mi imagen tiene unos ovnis cuando fui a las pirámides y les muestro como se ve
antes y después.
Se ve muy bien ya que no se nota tanto lo que recorte de los ovnis.
94
95. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
FUSION DE CAPAS
En esta práctica aprendimos a fusionar capas y que queden como si fueran un
paisaje o foto difuminada en la otra imagen de atrás.
Quedando más o menos como esta.
Pero claro que tiene que quedar mas clara la foto de arriba.
95
96. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
FONDO DE PANTALLA
En esta práctica lo que aprendimos fue hacer un fondo de pantalla con fotos,
primero las tuvimos que poner en nuestra hoja de trabajo y ajustarlas al tamaño
que queramos, si queremos solo poner solo una o varias fots como yo las hice
aquí.
A si puede quedar un fondo de pantalla.
96
97. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
LUZ DE NEON
En esta práctica lo que tuvimos que hacer fue rodearnos con luz de neón, para la
cual escogemos la herramienta de pluma y con clic derecho escogemos también
el color de un color verde fosforescente, y por ultimo lo que pudimos hacer es que
con la herramienta de borrador pudimos eliminar las líneas que pasan por delante
que son las que hacen que nuestra imagen no se vea muy real.
A si se tiene que ver.
97
98. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
FOTO DE GENERACION
En esta práctica lo que hicimos fue tomarnos una foto de grupo y teníamos que
escoger el mejor diseño para nuestra foto de generación
98
99. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
TEXTO CON EFECTO
En esta práctica no le había entendido mucho, a si que tuve que seguir los pasos
con un video tutorial.
99
100. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CECYTEM
En esta práctica lo que tuvimos que hacer fue como darle propaganda a nuestra
escuela, para alumnos de primer ingreso, que es lo que le ofrecemos, nuestras
instalaciones, etc.
Por ejemplo este es un muy buen ejemplo de las comodidades que tiene nuestra
escuela y la alta calidad de estudio.
100
101. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
SEXUALIDAD
En esta práctica tuvimos que poner como es una vida sexual sana, usando
protección al momento de tener relaciones sexuales, y que una relación se basa
en amor, respeto, confianza, etc. Para que funcione.
101
102. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
BULLYING
Esta práctica fue muy interesante e importante, ya que tuvimos que juntar unas
imágenes para que engrandezcamos como personas sin bullying, por que el
bullying no te hace ser más importante o cosas así.
Todas las personas somos igual ante todo y todos.
102
103. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
RETAURACION FOTOGRAFICA
Aquí lo que tuvimos que hacer fue tomar una foto rota o maltratada para que
nosotros lo podamos hacer, como agregarle más color, componiendo las
partiduras, etc.
103
104. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
COLOREAR
En esta práctica lo único que hicimos fue copiar esta imagen y quitarle el color,
para que después nosotros podamos colorearlos como queramos.
Esta práctica fue sencilla pero divertida.
104
105. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
CONCLUSIONES
Este trabajo es una representación de lo que aprendí en el tercer semestre de la
carrera de INFORMATICA.
Espero que este mismo haya podido satisfacer todas las dudas de los programas
OPEN GL, COREL DRAW, PHOTOSHOP, en el sentido teórico y práctico, ya que
estas prácticas fueron hechas para eso.
105
106. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
BIBLIOGRAFIAS
1._Tutorial Photoshop Convertir en Avatar.wmv
2._Tutorial Photoshop Colorear Imagen en Blanco y Negro part 1.flv
3._Tutorial Photoshop Efecto Texto de Neón.avi
106
107. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
BIBLIOGRAFIAS
1._Tutorial Photoshop Convertir en Avatar.wmv
2._Tutorial Photoshop Colorear Imagen en Blanco y Negro part 1.flv
3._Tutorial Photoshop Efecto Texto de Neón.avi
106
108. COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MEXICO
BIBLIOGRAFIAS
1._Tutorial Photoshop Convertir en Avatar.wmv
2._Tutorial Photoshop Colorear Imagen en Blanco y Negro part 1.flv
3._Tutorial Photoshop Efecto Texto de Neón.avi
106