Diferencia entre revisiones de «Casiopea»

De Casiopea
Sin resumen de edición
Sin resumen de edición
(No se muestran 19 ediciones intermedias del mismo usuario)
Línea 2: Línea 2:
__NOTITLE__
__NOTITLE__
__NOEDITSECTION__
__NOEDITSECTION__
<div class='row well'>
'''50 años''' ~ 50 voces polifónicas del Diseño <span style="float:right">'''2020'''</span>
Información importante en el contexto del '''[[Estudio en Modalidad Remota]]''': Una página para compartir recursos, herramientas y estrategias.
 
</div>
{{#widget:P5
{{#widget:P5
|code =  
|code =  
let init = 1970;
let anno;
let sketch;
let sketch;
let flock;
let flock;
let col = ["#ffb400", "#e58637", "#d6423b", "#b41039", "#420c30", "#fe60a1", "#c961f7", "#ff734c", "#3bc7ff", "#8089ff"];
let col = ["#ffb400", "#e58637", "#d6423b", "#b41039", "#420c30", "#fe60a1", "#c961f7", "#ff734c", "#3bc7ff", "#8089ff"];
let dash = true;
let connectors = false;
let normal = true;
let alfa = 30;


function getCol(){
let swD, swC, swM, btnS;
  let i = Math.floor(random(col.length));
  return col[i];
}


function setup() {
function setup() {
  anno = year() - init;
 
   sketch = createCanvas(document.getElementById("p5").offsetWidth, 350);
   sketch = createCanvas(document.getElementById("p5").offsetWidth, 350);
   sketch.parent('p5');
   sketch.parent('p5');
   flock = new Flock();
   flock = new Flock();
   strokeCap(SQUARE);
   strokeCap(SQUARE);
   placeGrid(5, 10, 30, 60, 32, 16);
   place50(5, 2, 130, 160, 32, 32);
   let margin = 100;
 
   let xspacer = 30;
   swD = createCheckbox("d", true);
   let yspacer = 20;
   swD.changed(changeDash);
  swC = createCheckbox("c", false);
   swC.changed(changeConnectors);
  swM = createCheckbox("m", false);
  swM.changed(changeMode);
  btnS = createButton("F");
  btnS.mousePressed(saveFile);
  fixStyles();
}


function getCol() {
  let i = Math.floor(random(col.length));
  return col[i];
}
}


Línea 37: Línea 45:
}
}


function placeGrid(cols, rows, mx, my, xspacer, yspacer){
 
    for (let y = 0; y < rows; y++) {
function place50(cols, rows, mx, my, xspacer, yspacer) {
  for (let y = 0; y < rows; y++) {
     for (let x = 0; x < cols; x++) {
     for (let x = 0; x < cols; x++) {
       let xpos = mx + xspacer * x;
       let xpos = mx + xspacer * x;
       let ypos = my + yspacer * y;
       let ypos = my + yspacer * y;
       let b = new Boid(xpos, ypos);
       place5(xpos, ypos, xspacer / 2.2);
      flock.addBoid(b);
     }
     }
   }
   }
}
}


function keyPressed(){
function place5(x, y, sp) {
   if(key === ' '){
   for (let i = 0; i < 4; i++) {
     placeGrid(5, 10, 30, 60, 32, 16);
     let b = new Boid(x + i * (sp / 4), y);
     anno = flock.boids.length;
     flock.addBoid(b);
   }
   }
  let b = new Boid(x + (sp / 2.2), y);
  b.velocity = createVector(0.5, -0.25);
  flock.addBoid(b);
}
function changeDash() {
  dash = !dash;
  if (dash) {
    swD.checked = true;
  } else {
    swD.checked = false;
  }
}
function changeConnectors() {
  connectors = !connectors;
}
}


function titleText() {
function changeMode() {
   noStroke();
   normal = !normal;
  fill(255,100);
   if (normal) {
  rect(0, 12, width, 30);
     alfa = 40;
  rect(0, height - 12, width, 30);
  let lh;
  textFont("Alegreya Sans");
  textSize(18);
  fill(0, 100);
   if (width > 220) {
     text(""+anno+" voces polifónicas del Diseño", 78, 30);
    lh = 0;
   } else {
   } else {
     lh = 20;
     alfa = 5;
    text(""+anno+" voces polifónicas", 10, 30 + lh);
    text("del Diseño", 10, 30 + lh * 2);
   }
   }
  fill(0, 170);
  text(""+anno+" años ~", 10, 30);
  fill(0, 70);
  text("1970", 10, height - 20);
  text("2020", width - 60, 30 + lh * 2);
  textSize(14);
}
}


function draw() {
function draw() {
   background(255);
   background(255);
   titleText();
   if (normal) {
    blendMode(BLEND);
  } else {
    blendMode(DARKEST);
  }
   flock.run();
   flock.run();
}
}
Línea 112: Línea 126:
function Boid(x, y) {
function Boid(x, y) {
   this.acceleration = createVector(0, 0);
   this.acceleration = createVector(0, 0);
   this.velocity = createVector(1, 0);
   this.velocity = createVector(0, random(-1, 1));
   this.position = createVector(x, y);
   this.position = createVector(x, y);
   this.r = 10;
   this.r = 8;
   this.maxspeed = 1; // Maximum speed
   this.maxspeed = 1; // Maximum speed
   this.maxforce = 0.05; // Maximum steering force
   this.maxforce = 0.05; // Maximum steering force
   this.c = color(getCol());
   this.c = color(getCol());
  this.c.setAlpha(30);
}
}


Boid.prototype.run = function(boids) {
Boid.prototype.run = function(boids) {
   if (frameCount > 150) {
   if (frameCount > 250) {
     this.flock(boids);
     this.flock(boids);
     this.update();
     this.update();
     this.borders();
     this.borders();
   }
   }
   this.render();
   if (dash) this.render();
}
}


Línea 177: Línea 190:
   let theta = this.velocity.heading();
   let theta = this.velocity.heading();
   noFill();
   noFill();
   stroke(0);
   if (normal) {
   strokeWeight(4);
    stroke(0);
  } else {
    stroke(0, 5);
  }
  strokeCap(SQUARE);
   strokeWeight(1.5);
   push();
   push();
   translate(this.position.x, this.position.y);
   translate(this.position.x, this.position.y);
Línea 189: Línea 207:
Boid.prototype.borders = function() {
Boid.prototype.borders = function() {
   let t = 5;
   let t = 5;
   if (this.position.x < this.r + t) {this.position.x = this.r + t; this.acceleration = p5.Vector.mult(this.acceleration, -1);}
   if (this.position.x < this.r + t) {
   if (this.position.y < this.r + t) {this.position.y = this.r + t; this.acceleration = p5.Vector.mult(this.acceleration, -1);}
    this.position.x = this.r + t;
   if (this.position.x > width - this.r - t) {this.position.x = width - this.r - t; this.acceleration = p5.Vector.mult(this.acceleration, -1);}
    this.acceleration = p5.Vector.mult(this.acceleration, -1);
   if (this.position.y > height - this.r - t) {this.position.y = height - this.r - t; this.acceleration = p5.Vector.mult(this.acceleration, -1);}
  }
   if (this.position.y < this.r + t) {
    this.position.y = this.r + t;
    this.acceleration = p5.Vector.mult(this.acceleration, -1);
  }
   if (this.position.x > width - this.r - t) {
    this.position.x = width - this.r - t;
    this.acceleration = p5.Vector.mult(this.acceleration, -1);
  }
   if (this.position.y > height - this.r - t) {
    this.position.y = height - this.r - t;
    this.acceleration = p5.Vector.mult(this.acceleration, -1);
  }
}
}


Línea 205: Línea 235:
     let d = p5.Vector.dist(this.position, boids[i].position);
     let d = p5.Vector.dist(this.position, boids[i].position);
     // If the distance is greater than 0 and less than an arbitrary amount (0 when you are yourself)
     // If the distance is greater than 0 and less than an arbitrary amount (0 when you are yourself)
   
 
     if ((d > 0) && (d < desiredseparation)) {
     if ((d > 0) && (d < desiredseparation)) {
       // Calculate vector pointing away from neighbor
       // Calculate vector pointing away from neighbor
       let diff = p5.Vector.sub(this.position, boids[i].position);
       let diff = p5.Vector.sub(this.position, boids[i].position);
   
 
       diff.normalize();
       diff.normalize();
       diff.div(d); // Weight by distance
       diff.div(d); // Weight by distance
       steer.add(diff);
       steer.add(diff);
       count++; // Keep track of how many
       count++; // Keep track of how many
       this.connect(boids[i]);
       if (connectors) this.connect(boids[i]);
     }
     }
   }
   }
Línea 233: Línea 263:
}
}


Boid.prototype.connect = function(b){
Boid.prototype.connect = function(b) {
   let t1 = this.velocity.heading();
   let t1 = this.velocity.heading();
   let t2 = b.velocity.heading();
   let t2 = b.velocity.heading();
Línea 244: Línea 274:
   let x4 = b.position.x + cos(t2) * -this.r;
   let x4 = b.position.x + cos(t2) * -this.r;
   let y4 = b.position.y + sin(t2) * -this.r;
   let y4 = b.position.y + sin(t2) * -this.r;
   blendMode(MULTIPLY);
   //blendMode(MULTIPLY);
   noStroke();
   noStroke();
   fill(this.c);
   fill(this.c);
   quad(x1, y1, x2, y2, x4, y4, x3, y3,);
  this.c.setAlpha(alfa);
   blendMode(BLEND);
   quad(x1, y1, x2, y2, x4, y4, x3, y3, );
 
   //blendMode(BLEND);
}
}


// Alignment
// Alignment
Línea 297: Línea 326:
     return createVector(0, 0);
     return createVector(0, 0);
   }
   }
}
function saveFile() {
  let filename = "" + year() + month() + day() + "-" + hour() + minute() + second() + ".png";
  let file = createImage(width, height);
  file = get();
  file.save(filename, 'png');
}
function fixStyles() {
  let sd = createDiv();
  let sc = createDiv();
  let sm = createDiv();
  sd.parent('p5');
  sc.parent('p5');
  sm.parent('p5');
  swD.parent(sd);
  swC.parent(sc);
  swM.parent(sm);
  sd.style('display', 'inline-block');
  sc.style('display', 'inline-block');
  sm.style('display', 'inline-block');
  sd.style('padding', '0 2em 0 0');
  sc.style('padding', '0 2em 0 0');
  sm.style('padding', '0 2em 0 0');
  btnS.parent('p5');
}
}
}}
}}
'''1970'''


<p style="margin: 1em 0 1.5em 0">
<p style="margin: 1em 0 1.5em 0">
'''[[Casiopea:Acerca de|Casiopea]]''' es una carpeta abierta y colectiva, bitácora de todos y lenguaje común de la [http://www.ead.pucv.cl Escuela de Arquitectura y Diseño, PUCV]; donde se expone, trabaja y documenta el estudio de los diversos talleres y cursos, además de albergar material del archivo patrimonial<ref>'''Casiopea''' dispone de una estructura semántica que define objetos como [[:Categoría:Travesía|Travesías]], [[:Categoría:Proyecto|Proyectos]], [[:Categoría:Obra|Obras]] (entre otros) y las [[Personas]] que los conforman.</ref>, tanto de la escuela como de la [[Ciudad Abierta]]. Esta wiki es mantenida y administrada por un [[Casiopea: Administradores|grupo abierto de colaboradores]].</p>
'''[[Casiopea:Acerca de|Casiopea]]''' es una carpeta abierta y colectiva, bitácora de todos y lenguaje común de la [http://www.ead.pucv.cl Escuela de Arquitectura y Diseño, PUCV]; donde se expone, trabaja y documenta el estudio de los diversos talleres y cursos, además de albergar material del archivo patrimonial<ref>'''Casiopea''' dispone de una estructura semántica que define objetos como [[:Categoría:Travesía|Travesías]], [[:Categoría:Proyecto|Proyectos]], [[:Categoría:Obra|Obras]] (entre otros) y las [[Personas]] que los conforman.</ref>, tanto de la [http://www.ead.pucv.cl Escuela] como de la [[Ciudad Abierta]].</p><p>Esta wiki es mantenida y administrada por un [[Casiopea: Administradores|grupo abierto de colaboradores]].</p>


<div class='row well'>
<div class='row well'>

Revisión del 20:08 14 jul 2020


50 años ~ 50 voces polifónicas del Diseño 2020

1970

Casiopea es una carpeta abierta y colectiva, bitácora de todos y lenguaje común de la Escuela de Arquitectura y Diseño, PUCV; donde se expone, trabaja y documenta el estudio de los diversos talleres y cursos, además de albergar material del archivo patrimonial[1], tanto de la Escuela como de la Ciudad Abierta.

Esta wiki es mantenida y administrada por un grupo abierto de colaboradores.

Si es la primera vez que estás acá por favor sigue las reglas básicas para colaborar
  1. Para editar y crear páginas debes estar registrado/a y haber iniciado sesión. Es importante que tengas una página con tu nombre (persona) para que puedas vincularla a los proyectos, publicaciones, tareas, etc; que crees.
  2. Al crear una página (proyecto, tarea, etc), utiliza un nombre específico. Nunca debes crear una página con un nombre genérico, como "Proyecto de Título", "Taller 7ª Etapa", etc. Debes definir un nombre único.
  3. Debes preparar los archivos antes de subirlos, no debes subir archivos innecesariamente pesados, fotos directamente de la cámara sin dimensionarlas para la pantalla. Las fotos originales son de muy alta resolución, más de lo necesario para visualizarlas en pantalla al 100%. Al igual que las páginas, los archivos deben tener un nombre específico; no llamarlo foto.jpg sino algo mejor como JPerez_maqueta_proyAlmendral_01_2016.jpg
  4. No crear páginas huérfanas, que no queden vinculadas por otras (chatarra espacial). Es aconsejable que se pueda llegar a ellas vía vínculo de hipertexto. La mejor forma es crearla como un objeto semántico donde puedas definir autor, taller al que pertenece, etc.
  5. Si creas proyectos, publicaciones, tareas participas en cursos o talleres debes agregar tu nombre (escrito de forma consistente) para que después puedas llamarlos desde tu página usando {{Mis Proyectos}} o {{Mis Talleres}} o {{Mis Travesías}}


Para aprender cómo formatear los textos y ubicar las imágenes, por favor lee cómo se edita una página.

Talleres

Taller de Amereida 2024

Talleres de Arquitectura 2024

Talleres de Título de Arquitectura


Asignaturas y Ramos Optativos

Cursos 2024

Cursos 2019


Presentación 2019


Proyectos


Proyectos de Título 2019

... más resultados

Estudios Avanzados

Proyectos de Investigación Activos

  1. Apoyos Visuales para la Plena Inclusión de las Personas con Discapacidad Intelectual en los Servicios Públicos en Chile
  2. Arquitectura en cohabitación: La construcción formal del diálogo entre el ser humano y la naturaleza
  3. Cinco intentos filosóficos de François Fédier
  4. Cuadernos Fundadores
  5. Cualidades espaciales del edificio escolar: Colegio María Gaete de Arauco (1965)
  6. Entre innovación y tradición: Fricciones y controversias en Pomaire y el objeto artesanal
  7. Facilitando el aprendizaje a lo largo de la vida: desafíos que plantea el envejecimiento de la población con discapacidad intelectual o del desarrollo en Chile
  8. Fondart 2018: Refiguración de un vacío lúdico: Observar y transformar la habitabilidad de un espacio público de estimulación para la primera infancia.
  9. GeoHumanidades y (Bio)Geografías Creativas abordando la sustentabilidad y co-conservación a través de “Inmersión Rizomática”
  10. Implementar Tecnología Undimotriz en el desarrollo de un Puerto Flotante Eficiente en las regiones de Los Lagos y Aysén
  11. LIAE - Laboratorio Interdisciplinario de Artes Escénicas para la creación de un poema escénico
  12. Materia, Forma y Despliegue: Diseño y aprendizaje recíproco, en experiencias de inmersión rizomática
  13. Nuevos desafíos para Educación en Chile: Apoyos a la vida independiente de adultos con discapacidad intelectual o del desarrollo
  14. Núcleo de Investigación en Estudios de Inclusión y Accesibilidad
  15. Publicación en formato libro: De la racionalización constructiva a la arquitectura sistemática: edificios escolares para la reforma educacional 1965. Primera etapa editorial
  16. Re-presentando la extensión Sudamericana: Compilación de la geo-poética de Mar Interior en las Travesías de Amereida (1964;1984-2019)
  17. Red Científica Interdisciplinaria de investigación e innovación en Discapacidad Intelectual y/o del Desarrollo (REIDI)

Archivo de Proyectos

  1. Casiopea dispone de una estructura semántica que define objetos como Travesías, Proyectos, Obras (entre otros) y las Personas que los conforman.