CREACIÓN DIGITAL Y PENSAMIENTO COMPUTACIONAL

Para iniciarse en la programación empezamos con el lenguaje Scratch, realizando algunos  animaciones y juegos sencillos. A continuación, se muestran algunos trabajos realizados por los estudiantes. 

Un diagrama de flujo es un diagrama que describe un proceso, sistema o algoritmo informático. Se usan ampliamente en numerosos campos para documentar, estudiar, planificar, mejorar y comunicar procesos que suelen ser complejos en diagramas claros y fáciles de comprender. 

En Creación Digital y Pensamiento Computacional aprendimos a realizar diagramas de flujo con la herramienta de Google diagrams.net. Un ejemplo de los realizados por el alumnado es el siguiente:

Para iniciarse en el lenguaje de programación PROCESSING hemos seguido el REA de la Junta de Andalucía "animamos tu evento": https://edea.juntadeandalucia.es/bancorecursos/file/a2f92f2a-4339-478e-83c6-b2a8a2a98e3b/1/CDI_1BAC_REA_03_v01.zip/index.html

TABLA DE COMANDOS BÁSICOS


Referencia_Processing_con_Imagenes.pdf

EJEMPLOS DE CÓDIGOS REALIZADOS POR EL ALUMNADO

ANIMACIÓN 1:


float angle= 0.0;

void setup () {

  size(1200,800,P2D);

  generate();

}

void keyPressed(){

  generate();

}

void generate(){

  fondo();

}

  void fondo() {

    color col1 = color(random(255),random(255),random(255));

    color col2 = color(random(255),random(255),random(255));

  beginShape();

    fill(col1);

    vertex(0,0);

    fill(col1);

    vertex(width,0);

    fill(col2);

    vertex(width, height);

    fill(col2);

    vertex(0,height);

    endShape();  

  }

void draw () {

  fill(#CEC4A4);

  quad(0,125,100,125,255,325,0,325);

  fill(#4687CB);

  rect(50,125,25,200);

  fill(#1E930F);

  circle(290,445,400);

  circle(137,475,400);

  fill(#4687CB);

  rect(125,275,25,125);

  fill(255);

  circle(137,425,100);

  fill(#9B7A21);

  rect(425,200,100,100);

  rect(525,200,100,100);

  fill(#CE151B);

  triangle(425,200,475,125,525,200);

  quad(475,125,587,125,625,200,525,200);

  fill(#DEFAFA);

  rect(550,225,25,25);

  fill(#1E930F);

  circle(560,450,400);

  fill(#4687CB);

  rect(0,400,700,100);

  fill(#89420B);

  rect(275,175,25,75);

  rect(300,75,25,175);

  fill(#448616);

  triangle(250,175,287,100,325,175);

  triangle(275,75,310,0,350,75);

  fill(#EAC118);

  circle(175,125,100); 

  stroke(238,255,0);

  fill(255,180,0);

  translate(mouseX,mouseY);

  float scalar =sin(angle) +2;

  scale(scalar);

  rotate(angle);

  strokeWeight(1.0/scalar);

  rect(-30,-30,60,60);

    angle+=0.1;

}

  ANIMACIÓN 2:

void setup(){

  size (600,600);

colorMode(HSB);

for (int i = 0; i < 600; i++) {

stroke(i*1.275, 255, 255);

line(i, 0, i, 600);

  }

   }

 void draw(){

   fill(0,255,0);

   stroke (0,0,255);

   if (keyPressed){

 }

 if (mousePressed){

   ellipse(mouseX,mouseY,30,30);

    }else{

      rect (mouseX,mouseY,30,30);

       } }

      

  ANIMACIÓN 3:

float angle=0.0;

void setup(){

 size(1000,1000);

}

void draw(){

  if(keyPressed){

  background(random(50,250),random(50,250),random(50,250));

  }

  if(mousePressed){

    colorMode(HSB);

for (int i = 0; i < 1000; i++) {

stroke(132, i*1.275, 204);

line(i, 0, i, 1000);

}

  }

  translate(500,500);

float scalar= sin(angle)+2;

scale(scalar);

rotate(angle);

rect(-20,-20,60,60);

angle+=0.1;

if (keyPressed){

rect(-40,-40,120,120);

rotate(angle);

triangle(-50,-50,60,60, -160,60);

}

}

También nos hemos iniciado en la realidad virtual, haciendo uso de las gafas Meta Quest 2, de las que dispone el centro en el aula ATECA.