CREACIÓN DIGITAL Y PENSAMIENTO COMPUTACIONAL
SCRATCH
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.
DIAGRAMAS DE FLUJO
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:
PROCESSING
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
![](https://www.google.com/images/icons/product/drive-32.png)
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);
}
}
INICIACIÓN A REALIDAD VIRTUAL
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.