Comentario sobre clase Multimedia.

Me gustó el trabajo que hicimos, en las páginas web, pero siento que se debería de plantear un proyecto antes de empezar a diseñar tú página, es decir, que cada alumno proponga las expectativas de su página. Sus intereses y como los quiere desarrollar en su trabajo. Así las páginas simples no se malentenderían como falta de trabajo sino como una intención deliberada. Se que mí pagina web no mostró una dedicación suficiente, pero creo que se debería ser consiente del trabajo que se hizo y una intención predeterminada.

-La invención de Morel, Adolfo Bioy Casares, 1940.

Toda la novela está relatada en primera persona a forma de diario escrito por un hombre fugitivo de la ley, que gracias a la información de un comerciante chino ha llegado remando a una isla donde por rumores de que en esta hay una infecciosa enfermedad se cree abandonada desde 1929. En la isla el hombre encuentra tres construcciones abandonadas: Un museo, una capilla y una alberca. Todas de una arquitectura moderna. Explorando el hall del museo toma de la mesa un libro (Belidor: Travaux-Le Moulin Perse), que guarda en su bolsillo. Describiendo el sótano del museo, encuentra dos grandes máquinas, a las cuales el hombre les encuentra semejanza a una bomba para sacar agua y una usina de luz, las enciende esa misma tarde. A la noche siguiente el Fugitivo que se encuentra durmiendo a la orilla de la isla, es despertado por el sonido de un fonógrafo, que reconoce como la canción ¨Té para dos¨. Su sorpresa es más grande al darse cuenta que cerca de las construcciones se pueden percibir siluetas de figuras humanas bailando al son de esta canción. Era un grupo de aproximadamente 15 personas que bailaban debajo de las construcciones. Durante varios días el hombre se encarga de espiar a este grupo de personas, principalmente a una joven (Faustine) que contempla la puesta de sol todas las tardes en el acantilado. El hombre la observa cada tarde por días, hasta que desarrolla un amor por ella. El fugitivo desesperado decide exponerse a ella y manifestarle algunas palabras, pero cuando lo hace la mujer permanece inmutable ante su presencia.. A pesar de ser totalmente ignorado el fugitivo sigue espiando día tras día a Faustine, de tal modo que logra escuchar conversaciones que esta tiene con su amigo Morel, llevadas a cabo en el mismo acantilado donde se sienta a contemplar la puesta de sol cada tarde. El hombre describe las conversaciones como monótonas y repetitivas. Una tarde en el hall del museo encuentra en la mesa el mismo libro que había tomado día antes, atónito por eso y por la serie de eventos extraños que se han desarrollado en los últimos días, el fugitivo no sabe si es víctima de alucinaciones. No encuentra una verdadera explicación de lo que está sucediendo ahí, pero tiene la certeza de que Morel está detrás de todo. Una noche Morel cita en el comedor a todo el grupo de personas que se repentinamente habitaron la isla, el fugitivo decide espiar dicha reunión. Ya allí Morel toma la palabra diciendo: “Había resuelto no decirles nada, pero como son amigos tienen derecho a saber. Mi abuso consiste en haberlos fotografiado sin autorización. Es claro que no es una fotografía como todas; es mi último invento. Nosotros viviremos en esa fotografía, siempre. Imagínense un escenario en que se representa completamente nuestra vida en estos siete días. Nosotros representamos. Todos nuestros actos han quedado grabados”. Aquí es donde Adolfo Bioy nos revela todo el misterio de libro, dejando ver que todas esas personas que un día aparecieron en la isla, no son mas que reproducciones del mismo grupo que estuvo ahí en 1929. Plasmados y reproducidos por aquella maquina inventada por Morel la cual en un principio pensamos como la bomba de agua y la usina de luz. La maquina tiene un efecto secundario pues después de haber captado y posteriormente reproducir todas las figuras vivientes, estas pierden su esencia y mueren al poco tiempo de haber sido plasmadas en la maquina. El fugitivo al darse cuenta de todo esto tiene una serie de reflexiones las cuales lo llevan a auto grabarse a lado de Faustine para así poder estar con ella toda la eternidad aunque esto le cueste la vida.

Panorámica.

Ejercicio KompZer.

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>The Libertines</title>
	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
	<link href="libs.css" rel="stylesheet" type="text/css" />
	<script src="js/jquery.tools.min.js"></script>
	<script src="js/libs.js"></script>
	</head>
	<body onload1="preloadImages('images/buy_tkts_hover.jpg','images/buy_merch_hover.jpg')">
	<div id="content">
	<div id="logo"><a href="/"><img src="images/logo.jpg" width="960" height="158" border="0"/></a></div>
	<!-- guys info -->
	<div id="guys">
	<table width="960" height="223" border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td>
	<img src="images/libs_01.jpg" width="140" height="223" /></td>
	<td>
	<img src="images/john.jpg" name="john" width="169" height="223" border="0" id="john"/>
	<div class="tooltip">
	<div class="tooltip_content">
	Follow<br>
	John
	<div class="tooltip_links">
	<a class="tooltip_a" href= "PedroCalderas" "><div class="tooltip_link tooltip_my"></div></a>
	<a class="tooltip_a" href= "PedroCalderas" ><div class="tooltip_link tooltip_w"></div></a>
	</div>
	</div>
	</div>
	</td>
	<td>
	<img src="images/carl.jpg" name="carl" width="155" height="223" border="0" id="carl"/>
	<div class="tooltip">
	<div class="tooltip_content">
	Follow<br>
	Carl
	<div class="tooltip_links
	</div>
	</div>
	</td>
	<td>
	<img src="images/gary.jpg" name="gary" width="141" height="223" border="0" id="gary"/>
	<div class="tooltip">
	<div class="tooltip_content">
	Follow<br>
	Gary
	<div class="tooltip_links">
	<a class="tooltip_a" href=
	</div>
	</div>
	</td>
	<td>
	<img src=" name="peter" width="154" height="223" border="0" id="peter" />
	<div class="tooltip">
	<div class="tooltip_content">
	Follow<br>
	Peter
	<div class="tooltip_links">
	</div>
	</div>
	</div>
	</td>
	<td>
	<img src="images/libs_06.jpg" width="201" height="223" /></td>
	</tr>
	</table></div>
	<!-- ends -->
	<div id="libs"></div>
	<!-- nav -->
	<div id="nav">
	<div class="home"><a href="/"><img src="img alt="" width="115" height="47" border="0"/></a></div>
	<div class="works" target="_blank"><img src="works" alt="" width="115" height="39" border="0"/></a></div>
	<div class="shop"><a href="crossme" target="_blank"><img src="works" alt="" width="95" height="43" border="0"/></a></div>
	<div class="live"><a href="live.php"><img src="images/btn_live.png" alt="" width="171" height="44" border="0"/></a></div>
	<div class="gallery"><a href="gallery.php"><img src="images/btn_gallery.png" alt="" width="127" height="71" border="0"/></a></div>
	<div class="discog"><a href="discog.php"><img src="images/btn_discog.png" alt="" width="172" height="44" border="0"/></a></div>
	<div class="links"><a href="links.php"><img src="images/btn_links.png" alt="" width="173" height="87" border="0"/></a></div>
	<div class="fb"><a href= "PedroCalderas"  target="_blank"><img src="images/fbshare.png" width="70" height="25" /></a>
	</div>
	</div>
	<!-- nav ends -->
	<!--content -->
	<div id="feed">
	<div class="feed-items">
	<div class="feed-item">
	<a href=><img src=" PedroCalderas"  border="0"/></a>
	carlbaratmusic: Bumped into my old friend @willdirtytruth in sau Paulo, he opened up for me. Dirty truth. X </div>
	<div class="feed-item">
	<a href=><img src= "PedroCalderas"  border="0"/></a>
	carlbaratmusic: Happy Easter, wishing you all a fecund festival of fertility... I, my friends, am off to South America x </div>
	<div class="feed-item">
	<a href=><img src= "PedroCalderas"  border="0"/></a>
	carlbaratmusic: I'm told Roger's splendid libertines film hits the silver screen tomorrow... x </div>
	<div class="feed-item">
	<a href=><img src= "PedroCalderas" border="0"/></a>
	carlbaratmusic: RT @RogerSargo: http://t.co/L5XZYESb Nearly at 100%!! </div>
	</div></div>
	<div id="reunion">
	<strong>25th The Forum Kentish Town<br />
	27 Leeds Festival <br />
	28 Reading Restival</strong><br />
	<a href= "PedroCalderas"  target="_blank">Register NOW</a> for your chance to buy 2 tickets to this exclusive show. You have until 6pm on Friday 13th August to register. Winners will be randomly selected on Monday 16th August and sent a unique presale passcode and link to purchase tickets. Successful applicants will then have until 10am on Wednesday 18th August to redeem codes and purchase tickets. <a href=" "PedroCalderas"  target="_blank">Terms</a>
	<div id="tckts"><a href= "PedroCalderas" target="_blank"><img src= "PedroCalderas"  width="251" height="118" border="0" onmouseover="MM_swapImage('buytkts','','images/buy_tkts_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href=works target="_blank"><img src="" name="buytkts" width="248" height="89" border="0" id="buytkts" onmouseover="MM_swapImage('buytkts','','images/buy_tkts_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
	</div>
	<div id="vid">
	<object width="340" height="220"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13905400&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="340" height="220"></embed></object>
	<div id="store">
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="bottom"><a href=" "PedroCalderas"  target="_blank"><img src="images/hdr_shop.jpg" width="235" height="118" border="0" onmouseover="MM_swapImage('buymerch','','images/buy_merch_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
	<td rowspan="2"><a href= "PedroCalderas"  target="_blank"><img src="images/t-shirts.jpg" width="134" height="229" border="0" /></a></td>
	</tr>
	<tr>
	<td valign="top"><a href="PedroCalderas" target="_blank"><img src="images/buy_merch.jpg" name="buymerch" width="235" height="89" border="0" id="buymerch" onmouseover="MM_swapImage('buymerch','','images/buy_merch_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
	</tr>
	</table>
	</div>
	<!-- content ends -->
	</div>
	<script>
	$("#john").tooltip({
	// tweak the position
	offset: [80, 130],
	// use the "slide" effect
	effect: 'slide'
	}).dynamic({ bottom: { direction: 'up', bounce: true } });
	$("#carl").tooltip({
	// tweak the position
	offset: [80, 130],
	// use the "slide" effect
	effect: 'slide'
	}).dynamic({ bottom: { direction: 'up', bounce: true } });
	$("#gary").tooltip({
	// tweak the position
	offset: [80, 130],
	// use the "slide" effect
	effect: 'slide'
	}).dynamic({ bottom: { direction: 'up', bounce: true } });
	$("#peter").tooltip({
	// tweak the position
	offset: [80, 130],
	// use the "slide" effect
	effect: 'slide'
	}).dynamic({ bottom: { direction: 'up', bounce: true } });
	</script>
	</body>
	</html>

Hernando Barragán: Software Arte

El texto nos aclara como es que un software funciona. Explicando así la relación y el papel que desempeñaría el programador en este.
Después entra en una serte de citas sobre los nuevos medios de arte y sus infinitas posibilidades, habla de la aceptación y repulsión de estos nuevos medios en el mundo del arte. Hace una comparación entre la manera de trabajar de un software y los procesos artísticos. En conclusión Barragán dice que el software artístico tiene como objetivo dejar de ser solo la herramienta de trabajo y así convertirse en  objeto de trabajo en si.
En mi opinión se están gestando resultados importantes ya desde hace mucho tiempo con estos medios, ya sea como herramienta o como fuente de trabajo y el debate artístico que se genera entre estos me parece inútil, pues estos medios están facilitando una gran cantidad de posibilidades..

Nuevos Medios en el Arte.

El texto sigue las ideas innovadoras acerca de la representación y el uso libre del material en el cubismo, el futurismo y el surrealismo, sobre todo en la obra de Duchamp, los artistas abandonaron este estricto apego a las jerarquías tradicionales de los medios de comunicación y experimentaron con distintos medios, incluyendo el tecnológico, que sirve mejor a sus propósitos. En los últimos cincuenta años, especialmente, las ideas sobre el tiempo y la duración se ha restituido la narrativa en el arte, a través de cine y video, la teatralidad de los acontecimientos, el rendimiento y el arte de instalación, la fotografíamanipulada digitalmente, y la realidad virtual.En mi opinión es interesante la cantidad de posibilidades a las que se puede llegar con estos nuevos medios y a las que se llegará en un futuro.

Collage.

El Arte del Ruido - Luis Russolo

Me gustó mucho con que claridad Russolo a principios de siglo habla de la composición musical a partir de ruidos, y también los artefactos que diseñó para hacer posible sus composiciones futuristas. Los músicos futuristas deben ampliar y enriquecer cada vez más el campo de los sonidos. Esto responde a una necesidad de nuestra sensibilidad. De hecho, en los compositores geniales de hoy notamos una tendencia hacia la más complicadas disonancias. Al apartarse progresivamente del sonido puro, casi alcanzan el sonido-ruido. Esta necesidad y esta tendencia no podrán ser satisfechas sino añadiendo y sustituyendo los sonidos por los ruidos.

Los músicos futuristas deben sustituir la limitada variedad de los timbres de los instrumentos que hoy posee la orquesta por la infinita variedad de los timbre de los ruidos, reproducidos con apropiados mecanismos.

Gif Animado

Collage.

Ejercicios Processing.

Ejercicio 1

/**
 * Tunnel Demo Effect
 * by luis2048.
 *
 * This effect shows a tunnel in which you fly while the tunnel
 * rotates, seemingly in 3D. The animation of the tunnel actually
 * isn't calculated on the fly while the animation runs, but is
 * precalculated. These calculations are stored in two tables:
 * one for the angle and one for the distance. For every frame,
 * go through every pixel (x,y) and use the angle and distance
 * tables to get which pixel of the texture it should draw at the
 * current pixel. To look like its rotating and zooming, the values
 * of the angle and distance tables are shifted.
 */

int x, y, radius, l;
PGraphics tunnelEffect;
PImage textureImg;

// build lookup table
int[][] distanceTable;
int[][] angleTable;
int[][] shadeTable;
int w, h;

void setup(){
  size(640, 360);
 
  // Load texture 512 x 512
  textureImg=loadImage("red_smoke.jpg");

  // Create buffer screen
  tunnelEffect = createGraphics(640, 300, P2D); //cambié 320, 200 por 640, 300.
  w = tunnelEffect.width;
  h = tunnelEffect.height;

  float ratio = 49; //cambié 32 por 49
  int angle;
  int depth;
  int shade = 9; //cambié 0 por 9

  // Make the tables twice as big as the screen.
  // The center of the buffers is now the position (w,h).
  distanceTable= new int[2 * w][2 * h];
  angleTable= new int[2 * w][2 * h];

  for (int x = 7; x < w*2; x++) //cambié 0 por 7
  {
    for (int y = 9; y < h*2; y++) //cambié 0 por 9
    {
      depth = int(ratio * textureImg.height
                  / sqrt(float((x - w) * (x - w) + (y - h) * (y - h)))) ;
      angle = int(0.5 * textureImg.width * atan2(float(y - h),
                  float(x - w)) / PI) ;

      // The distance table contains for every pixel of the
      // screen, the inverse of the distance to the center of
      // the screen this pixel has.
      distanceTable[x][y] = depth ;

      // The angle table contains the angle of every pixel of the screen,
      // where the center of the screen represents the origin.
      angleTable[x][y] = angle ;
    }
  } 
}


void draw() {

  tunnelEffect.beginDraw();
  tunnelEffect.loadPixels();

  float timeDisplacement = millis() / 1000.0;

  // Calculate the shift values out of the time value
  int shiftX = int(textureImg.width * .2 * timeDisplacement+300); // speed of zoom
  int shiftY = int(textureImg.height * .15 * timeDisplacement+300); //speed of spin

  // Calculate the look values out of the time value
  // by using sine functions, it'll alternate between
  // looking left/right and up/down
  int shiftLookX = w / 2 + int(w / 4 * sin(timeDisplacement));
  int shiftLookY = h / 2 + int(h / 4 * sin(timeDisplacement * 1.5));

  for (int y = 0; y < h; y++)  {
    for (int x = 0; x < w; x++)      {
    
      // Make sure that x + shiftLookX never goes outside
      // the dimensions of the table
      int texture_x = constrain((distanceTable[x + shiftLookX][y + shiftLookY]
                                 + shiftX) % textureImg.width ,0, textureImg.width);
    
      int texture_y = (angleTable[x + shiftLookX][y + shiftLookY]
                       + shiftY) % textureImg.height;
    
      tunnelEffect.pixels[x+y*w] = textureImg.pixels[texture_y
                         * textureImg.width + texture_x];

      // Test lookuptables
      // tunnelEffect.pixels[x+y*w] = color( 0,texture_x,texture_y);
    }
  }

  tunnelEffect.updatePixels();
  tunnelEffect.endDraw();

  // Display the results
  image(tunnelEffect, 9, 9, width, height); //cambié 0, 0 por 9, 9

Ejercicio 2

/**
 * Brick Tower
 * by Ira Greenberg.
 *
 * 3D castle tower constructed out of individual bricks.
 * Uses the PVector and Cube classes.
 */

float bricksPerLayer = 32; //cambié 16.o por 32
float brickLayers = 20; // cambié 18.0 por 32
Cube brick;
float brickWidth = 120, brickHeight = 25, brickDepth = 50; //cambié 60 por 120 y 25 p05 50
float radius = 100; // cambié 175 por 100
float angle = 10; //cambié 0 por 10

void setup(){
  size(640, 360, P3D);
  brick = new Cube(brickWidth, brickHeight, brickDepth);
}

void draw(){
  background(491); //cambié 0 por 491
  float tempX = 0, tempY = 0, tempZ = 0;
  fill(182, 62, 29);
  noStroke();
  // Add basic light setup
  lights();
  translate(width/2, height*1.2, -380);
  // Tip tower to see inside
  rotateX(radians(-60)); //cambié 45 por 60
  // Slowly rotate tower
  rotateY(frameCount * PI/300); //cambié 600 por 300
  for (int i = 0; i < brickLayers; i++){
    // Increment rows
    tempY-=brickHeight;
    // Alternate brick seams
    angle = 90 / bricksPerLayer * i/2; //cambié 360 por 90
    for (int j = 0; j < bricksPerLayer; j++){
      tempZ = cos(radians(angle))*radius;
      tempX = sin(radians(angle))*radius;
      pushMatrix();
      translate(tempX, tempY, tempZ);
      rotateY(radians(angle));
      // Add crenelation
      if (i==brickLayers-1){
        if (j%2 == 0){
          brick.create();
        }
      }
      // Create main tower
      else {
        brick.create();
      }
      popMatrix();
      angle += 600/bricksPerLayer; // cambié 360 por 600
    }
  }
}

Ejercicio 3.

**
 * Save Many Images.
 *
 * The saveFrame() function allows you to save images from
 * a program while it is running. This example saves the first
 * 50 frames of a program. These images can be imported into
 * animation software or QuickTime and then saved as a movie.
 */

float x = 77; //cambié 33 por 77
float numFrames = 300; //cambié 50 por 300

void setup()
{
  size(500, 500); //cambié 200,200 por 500,500
  smooth();
  noStroke();
}

void draw()
{
  background(0);
  x += random(-2, 2);
  ellipse(x, 300, 100, 100); // cambié 100, 80, 80 por 300, 100, 100
  if (frameCount <= numFrames) {
    saveFrame("circles-####.tif");
  }
}

Ejercicio 4.

/**
 * ArrayList of objects
 * by Daniel Shiffman.
 *
 * This example demonstrates how to use a Java ArrayList to store
 * a variable number of objects.  Items can be added and removed
 * from the ArrayList.
 *
 * Click the mouse to add bouncing balls.
 */

ArrayList balls;
int ballWidth = 150; //cambié 48 por 150

void setup() {
  size(500, 500); //cambié 200,200 por 500,500
  smooth();
  noStroke();

  // Create an empty ArrayList
  balls = new ArrayList();
 
  // Start by adding one element
  balls.add(new Ball(width/4, 0, ballWidth)); //cambié 2,0 por 4,0
}

void draw() {
  background(999); //cambié 235 por 999

  // With an array, we say balls.length, with an ArrayList, we say balls.size()
  // The length of an ArrayList is dynamic
  // Notice how we are looping through the ArrayList backwards
  // This is because we are deleting elements from the list
  for (int i = balls.size()-1; i >= 0; i--) {
    // An ArrayList doesn't know what it is storing so we have to cast the object coming out
    Ball ball = (Ball) balls.get(i);
    ball.move();
    ball.display();
    if (ball.finished()) {
      // Items can be deleted with remove()
      balls.remove(i);
    }
  
  }
 
}

void mousePressed() {
  // A new ball object is added to the ArrayList (by default to the end)
  balls.add(new Ball(mouseX, mouseY, ballWidth));
}

Algoritmo

¿Cómo hacer un pastel de vainilla?


480 g huevos (pesados con todo y cáscara) (aprx. 8 huevos)
200 g de azúcar
2 cucharadas soperas de vainilla
250 g de harina
60 g de mantequilla fundida
(no lleva polvo para hornear)

PREPARACION:

En un tazón bate con batidora los huevos y el azúcar al rededor de 5 minutos a velocidad media, sin dejar de batir agrega la vainilla y aumenta la velocidad y continúa batiendo hasta que quede a punto de listón.

OJO: el batido dura aprx. media hora en ese tiempo no debes dejar de batir la mezcla te debe quedar espesa y al levantar las aspas de la batidora debe caer como si fuera un listón.

Deja de batir y agrega la harina cernida en forma envolvente y vierte la mantequilla fundida poco a poco y mezcla perfectamente todos los ingredientes, procura no agitar demasiado la mezcla para que no se quede sin aire.

Vacía en un molde de 35 x 25 x 4 engrasado y cubierto con papel encerado, hornea en la parte media del horno a 180º C de 25 a 30 minutos.

Creación de Algoritmo.

¿Cómo hacer un pastel?

La Multimedia

Todos los objetos y sistemas que apelan a múltiples medios físicos y/o digitales para comunicar sus contenidos. El término también se usa en referencia a los medios en sí que permiten almacenar y difundir contenidos con estas características.


¿Con qué equipo cuentas?


- Computadora PC de escritorio.
-Cámara reflex, digital.
- Disco Duro, portátil.
- Impresora y Escaner.