Cuarto

09 de junio 2018

CREANDO UN PAISAJE CON SOL ANIMADO EN JAVASCRIPT

Recientemente iniciamos el proceso para crear un paisaje con sol animado en JavaScript escribiendo nuestras primeras 10 líneas de código. en esta entrada, explicaré los 7 comandos utilizados, así como la forma correcta de usarlos:

Entrando al programa:

para iniciar el trabajo, es necesario que entres al sitio web http://www.code.org e inicies sesión usando el botón de la esquina superior derecha. En la siguiente pantalla, usa la casilla del costado derecho para insertar el código de sección y dando clic a tu nombre, insertarás tus palabras ocultas.

Cuando inicies sesión, podrás dar clic al vínculo “panel de control” y buscar al final de la página el vinculo “laboratorio de juego”.

En el laboratorio de juego, deberás dar clic al botón que se encuentra en el costado superior derecho, que dice “mostrar texto”.

Declarar la función:

Cuando inicias un programa en javaScript, por defecto el programa arranca con el comando:

function draw() {

}

En este comando es necesario aclarar, que una función es un proceso que el computador ejecutará muchas veces; todas las instrucciones del proceso quedan definidas dentro de los corchetes ({}), así que si por equivocación borras un corchete, el computador te marcará un error. Asegúrate de no borrar los corchetes y escribir todos los comandos dentro de ellos.

La expresión “draw()” es solo el nombre de la función. Los paréntesis son para darle valores a los parámetros de la función. no cambies esta expresión.

Cambiar el color de fondo de la pantalla:

El primer comando que se utilizará dentro de la función, será para cambiar el color de fondo de la pantalla; la forma de escribirlo es:

background(“blue”);

En este comando es necesario resaltar que “blue” corresponde al color que se desea obtener en el fondo; significa que en este campo se puede escribir cualquier color en inglés para que JavaScript interprete la acción.

En segundo lugar, el punto y coma al final de la línea le indica al computador que debe pasar al siguiente renglón, así que si no colocas el signo “;” te marcará un error con un triángulo amarillo al inicio de la línea.

Cambiar el color de relleno:

Para continuar el trabajo, debemos cambiar el color de relleno con el que se realizarán las figuras para hacer el paisaje; la forma correcta de escribirlo es:

 

fill(“yellow”);

 

Al igual que en el comando anterior, la palabra “yellow” cambiará el color de relleno a amarillo.

Creando el sol:

Para crear la figura circular utilizaremos el comando:

ellipse(x, y, w, h);

teniendo en cuenta que en el comando x se coloca la coordenada de posición en sentido horizontal de 0 a 400, el comando y lleva la coordenada de posición en sentido vertical de 0 a 400.

La letra w corresponde al ancho (width) de la figura circular en pixeles. La letra h corresponde al alto (height) de la figura circular en pixeles.

Creando el suelo:

El suelo del paisaje se realizará con un rectángulo verde; para hacerlo usaremos el comando:

rect(x, y, w, h);

los comandos x,y,w,h tienen el mismo manejo del comando anterior.

Quitando las lineas de borde

El círculo y el rectángulo que hemos realizado aparecen con una línea negra de borde por defecto; para retirar esta línea utilizaremos:

noStroke();

 

Hacer mover el sol:

para hacer mover el sol será necesario crear una variable con el comando var, luego de escribirlo, será necesario asignarle un nombre a la variable, en este caso el nombre será sol. Para finalizar, esta variable puede tener un valor; en este caso, el valor de la variable debe ser el mismo que se haya colocado en la coordenada de posición vertical (y) al momento de hacer el sol:

var sol= coordenada de posición en y;

 

Como la variable contiene el mismo valor de la coordenada de posición en y del sol, podemos reemplazar el valor de y por el nombre de la variable como muestra el siguiente ejemplo:

ellipse(200, sol, 50, 50);

 

Solo falta hacer que la variable sol empiece a aumentar su valor; para eso, vamos a insertar dentro de la función, un comando que haga que sol sume una unidad cada vez que se ejecuta la función, así:

sol= sol + 1;

Finalizando el programa:

Las 10 lineas del programa quedan escritas de la siguiente forma:

 

noStroke();
var sol=56;
function draw() {
sol=sol+1;
background(“blue”);
fill(“yellow”);
ellipse(198,sol,50,50);
fill(“green”);
rect(0,300,400,100);
}

puedes ver el paisaje dando clic a este vínculo:

 

https://goo.gl/FRjNjA

 

Practica en casa este programa; cualquier duda escríbela en los comentarios al final de la página.

 

Daniel Plata


29 de abril

PROYECTO GRADO CUARTO

Estimados estudiantes, dejo publicado el video para realizar el ábaco, proyecto que venimos desarrollando entre las comunidades académicas de artes, tecnología e informática y matemáticas


20 de febrero 2018

MATERIALES

El desarrollo tecnológico del ser humano se ha determinado por la relación entre el hombre y los diferentes materiales que lo rodean. Por esta razón, la Tecnología se ha encargado de clasificar estos materiales en cuatro categorías principales de acuerdo con sus propiedades físicas y la facilidad con la que se pueden producir o manipular para configurar objetos de diversa complejidad.

El día de hoy aprenderemos algunas características básicas de estos materiales así como su forma de obtención y usos en tecnología:

Metales

Los metales son buenos conductores de calor y electricidad, poseen alta dureza y poca fragilidad.

Se obtienen de los minerales de las rocas (mineral de hierro, piedra caliza y carbón) que deben ser fundidos en los altos hornos para obtener el hierro. Metales como el oro, la plata y el cobre, fueron utilizados desde la prehistoria, por eso son materiales muy importantes en la Tecnología.

Su organización atómica es similar a un grupo de amigos muy unidos pero algo desordenados:

metales

En este vídeo pueden ver cual es el proceso industrial que se lleva a cabo para obtener el hierro en la planta de Huachipato, Chile. Observen la dificultad de esta planta para conseguir los materiales necesarios (mineral de coque, carbón y piedra caliza):

Como lo hablamos en clase, Colombia es un país afortunado por tener en el departamento de Boyacá, una de las minas más grandes de Mineral de hierro, carbón y piedra caliza. Para terminar, los invito a conocer la historia de Acerías paz del Rio:

Maderas

La madera es una de las materias primas de origen vegetal más explotada por el hombre. Se encuentra en los árboles de tallo leñoso (que tienen tronco) encontrando su parte más sólida debajo de la corteza del árbol. Se utiliza para fabricar productos de gran utilidad como mesas, sillas y camas, muebles en general y en Tecnología se usa para realizar muchos proyectos.

La madera es un recurso renovable, abundante, orgánico, económico y con el cual es muy fácil de trabajar. Generalmente, tienen alta resistencia a la flexión, baja a la tracción y buena resistencia a la compresión.

La estructura de las maderas se organiza en filas (cadenas de celulosa); por lo cual se asemejan a una fila ordenada de soldaditos:

maderas

El siguiente vídeo muestra el proceso de obtención de las maderas:

En este vídeo pueden ver como se obtienen las maderas aglomeradas:

Cerámicos

Los materiales cerámicos han sido utilizados por el ser humano desde el principio de su evolución, pues estos derivan de las rocas, arcillas y arenas que tradicionalmente han servido para construir armas, recipientes o ladrillos. Son materiales que requieren de un tratamiento térmico, pues para alcanzar un grado de dureza significativo deben pasar por un proceso de cocción que les permite alcanzar buena consistencia.

Los materiales cerámicos se caracterizan principalmente porque son resistentes a las altas temperaturas; tienen un alto grado de dureza pero también un alto índice de fragilidad, además de ser malos conductores de electricidad y tener una densidad elevada.

Su organización atómica es similar a una cuadrilla de soldados organizados en filas, todos muy juntos.

ceramicos

El siguiente video muestra la forma de obtención del vidrio:

En el siguiente vídeo, podrán ver cómo la sal, que es considerado un material cerámico, afecta nuestro cuerpo al consumirla en grandes cantidades:

Plásticos

Los plásticos son materiales orgánicos constituidos por largas cadenas de átomos que contienen abundante carbono.

Los plásticos dependiendo de su procedencia pueden ser:

Naturales:

Si se obtienen directamente de materias primas vegetales como por ejemplo la celulosa, que se encuentra en las células de las plantas, el Celofán que se obtiene disolviendo fibras de madera, algodón y cáñamo o el látex que se obtiene del jugo de la corteza de un árbol tropical.

Sintéticos (artificiales):

Son los que se elaboran a partir de compuestos derivados del petróleo, el gas natural o el carbón. La mayoría pertenece a este grupo.

En la actualidad, la mayoría de los plásticos que se comercializan provienen de la destilación del petróleo. La industria de plásticos utiliza el 6% del petróleo que pasa por las refinerías para convertirlo en plástico.

     La mayoría de los materiales plásticos pueden ser transparentes, elásticos, incoloros, frágiles, tenaces, rígidos, duros, no se pudren, no se oxidan y son de peso ligero.

La organización atómica de los plásticos es similar a un grupo de amigos algo desordenados pero muy unidos.

plasticos

El siguiente vídeo muestra el proceso de obtención del plástico y la importancia del petroleo en su producción:

En el siguiente vídeo podemos ver como el exceso de plástico que usamos diariamente, está generando un impacto ambiental fatídico sobre el planeta:

Espero que esta información les sea de utilidad y consulten más información acerca de los procesos de producción de objetos y cómo podemos contribuir a mejorar la calidad de vida de nuestro grupo social.

Advertisements