Informática Décimo

Lenguaje de promoción

Propósitos: adquirir los conceptos de variable, operador aritmético, operador lógico y función utilizando el lenguaje de programación Processing.

Procedimiento o Función: Conjunto de instrucciones agrupadas bajo un nombre, los elementos que hacen parte de un procedimiento están limitados por los símbolos { }. Un procedimiento se puede llamar (ejecutar) desde el programa principal o desde otro procedimiento.

Variable: Objeto o elemento que puede tomar diferentes valores durante la ejecución de un programa.

Parámetro: Son valores iniciales requeridos para ejecutar un procedimiento.

Operador aritmético: permiten hacer operaciones aritméticas entre variables y constantes numéricas.

Operadores lógicos y condicionales: proporcionan un resultado falso o verdadero, dependiendo de que se cumpla o no una cierta condición, se utilizan para tomar decisiones en el programa.

Instrucciones de Processing:

size(x,y);     Establece las dimensiones de la ventana de trabajo.

                    Parámetros: x (ancho), y (alto).
                    ejemplo: size(200,150);

background(r,g,b);     Establece el color de fondo del lienzo en formato RGB.
                    Parámetros: r  color rojo, varía entre 0 y 255.

                                        g color verde, varía entre 0 y 255.
                                        b color azul, varía entre 0 y 255.
                                        Si se usa un solo parámetro el color asignado sera un tono de grises.

stroke(r,g,b):     Establece el color de los bordes del objeto a dibujar.
                          Parámetros: r rojo, g  verde, b azul, varían entre 0 y 255.
                                        Si se usa un solo parámetro el color asignado  sera un tono de grises.
                           ejemplo: stroke(255,0,0);

fill(r,g,b):     Establece el color del relleno del objeto a dibujar.
                     Parámetros: r rojo, g  verde, b azul, varían entre 0 y 255.
                                        Si se usa un solo parámetro el color asignado  sera un tono de grises.

                    ejemplo: fill(0,200,0);

point(x,y);     Dibuja un punto en las coordenadas (x,y) con el color seleccionado previamente.
                      Parámetros: x,y coordenadas (x,y) del punto.
                    ejemplo: point(100,70);

line(x1,y1,x2,y2); Dibuja una linea en las coordenadas (x1,y1,x2,y2) con el color seleccionado                                      previamente.
                      Parámetros:    x1,y1 :coordenadas punto inicial, 

                                            x2,y2 :coordenadas punto final.
                    ejemplo: line(50,50,150,50);

triangle(x1,y1,x2,y2,x3,y3);     Dibuja un triangulo con vértices en las coordenadas (x1,y1),(x2,y2) y                                                     (x3,y3) con el color seleccionado previamente.

                    Parámetros: x1,y1 :coordenadas vértice 1.

                                        x2,y2 :coordenadas vértice 2.

                                        x3,y3 :coordenadas vértice 3.

                    ejemplo: triangle(10,10,100,10,150,120);

rect(x,y,a,b);     Dibuja un rectángulo con vértice superior izquierdo en las coordenadas (x,y), con el                                 color seleccionado previamente.
                    Parámetros: x,y  coordenadas (x,y) vértice superior izquierdo.
                                        a  ancho .
                                        b  alto.

                    ejemplo: rect(10,10,150,100);

circle(x,y,d);     Dibuja un circulo con centro en las coordenadas (x,y) con el color seleccionado                                      previamente.

              Parámetros: x,y coordenadas (x,y) del centro.

                                        d  diámetro.

                    ejemplo: circle(100,80,90);

ellipse(x,y,d1,d2); Dibuja una elipse con centro en las coordenadas (x,y) con el color seleccionado                             previamente.          
              Parámetros: x,y coordenadas (x,y) del centro.
                                    d1 diámetro en eje x.
                                    d2 diámetro en eje y.

                    ejemplo: ellipse(100,80,80,50);

cuad(x1,y1,x2,y2,x3,y3,x4,y4);  Dibuja un polígono de 4 lados en las coordenadas de los vértices                                                 (x1,y1),(x2,y2),(x3,y3) y (x4,y4) con el color seleccionado previamente.                         Parámetros: x1,y1 :coordenadas vértice 1.
                                 x2,y2 :coordenadas vértice 2.
                                 x3,y3 :coordenadas vértice 3.
                                 x4,y4 :coordenadas vértice 4.
                    ejemplo: quad(10,10,150,20,170,120,20,70);

Variables de sistema: variables predefinidas en el sistema, en estas variables se almacenan datos relacionados con el sistema.

mouseX almacena el valor de la coordenada (x) de la posición del mouse

mouseY almacena el valor de la coordenada (y) de la posición del mouse

key almacena el carácter correspondiente a la tecla presionada.

 width ancho de la ventana

height alto de la ventana

Funciones predefinidas en el sistema:

mouseMoved() Las instrucciones de esta función se ejecutan cuando se mueve el mouse.

mousePressed() Las instrucciones de esta función se ejecutan cuando se presiona un botón el mouse.

keyPressed() Las instrucciones de esta función se ejecutan cuando se presiona una tecla.