I am using a ultrasonic sensor (powered by an Arduino) to control the speed of a slideshow array.

In processing, I am mapping the values from the sensor and then using the values in a timer function to run the array....

The mapping is linear, but I'd like to be able to curve the values so that the change in speed is more dramatic at first but then becomes more gradual as the interactor gets closer to the sensor.

Any ideas how I could manipulate the data to do this?

Thank you.

I am using the GiCenter Library to  run a randomized slideshow of 12 sketches. Each sketch is an animated array of images (ranging from 30-80 images) for a grand total of 800-ish images. I am asymmetrically loading the images in order to not run out of memory, and the speed of the animations is controlled by a sensor attached to an arduino. It is all running pretty smoothly, with one exception.

The size of the sketch is 1280x720, and the project will be running in a gallery for the next month.  Periodically (and it seemingly happens more frequently when the sketch first runs) a sketch will only show in the upper left corner of the display window (at 100 px x 100 px)- the rest will be black, and a null pointer exception will pop up. It seems to sort itself out the longer the sketch runs, but I can't figure out why it is happening, and it is less than ideal…. Any ideas why it is happening? I can't find anything in the code, all the sketches are set to the proper pixel dimensions….

Hi- This is my first time posting to this forum for help. I am working on this sketch as part of a larger interactive project; this is, I guess, phase one. I am trying to create a randomized grid that allows me to dynamically re-arrange photographs. Right now, I am loading one half of the sketch with pieces of one image, and one half with pieces from the other.

But, I want the integration of the two images to be more randomized, and I'm not sure how to do that. I would also like to be able to control what percentage of the mix comes from one image (right now it is essentially a 50/50 mix). Any suggestions?

Thanks.

2. PImage img1;
3. PImage img2;
4. 
   
5. int yunits = 50;
6. int xunits = 33;
7. int ypixelunits;
8. int xpixelunits;
9. 
   
10. void setup() {
11.   size(500, 334);
12.   ypixelunits = width/yunits;
13.   xpixelunits = height/xunits;
14.   img2 = loadImage("img_04.jpg");
15.   img1 = loadImage("img_03.jpg");
16.   //frameRate(5);
17.   noLoop();
18. }
19. 
    
20. void draw() {
21.   int rows = int(random(2, 15));  
22.   int[] rowPositions = new int[rows];
23. 
    
24.   //calculate the heights, not the y-coordinates
25.   int lastHeight = 0;
26.   int ycount = 0;
27.   int totalHeight = 0;
28.   for (int y = 0; y < height; y += lastHeight) {
29.     if (ycount == rows-1) {
30.       rowPositions[ycount] = height - totalHeight;
31.       lastHeight = rowPositions[ycount];
32.     } 
33.     else {
34.       int yelement = int(random(1, ((yunits-rows-ycount)/6)));
35.       rowPositions[ycount] = yelement * ypixelunits;
36.       lastHeight = rowPositions[ycount];
37.       totalHeight += lastHeight;
38.     }
39.     ycount++;
40.   }
41. 
    
42.   int ypos = 0;
43.   int xpos = 0;
44.   for (int i = 0; i < rowPositions.length; i++) {
45.     int columns = 2;  
46.     int[] columnPositions = new int[columns];
47.     int lastWidth = 0;
48.     int xcount = 0;
49.     int totalWidth = 0;
50. 
    
51.     for (int x = 0; x < width; x += lastWidth) {
52.       if (xcount == columns-1) {
53.         columnPositions[xcount] = width - totalWidth;
54.         lastWidth = columnPositions[xcount];
55.       } 
56.       else {
57.         int xelement = int(random(1, (xunits-columns-xcount)));
58.         columnPositions[xcount] = xelement * xpixelunits;
59.         lastWidth = columnPositions[xcount];
60.         totalWidth += lastWidth;
61.       }
62.       xcount++;
63.     }
64. 
    
65.     int xCrop = 0;
66.     for (int j = 0; j < columnPositions.length; j++) {
67.       PImage crop1;
68.       PImage crop2;
69. 
    
70.       int thisX = width-columnPositions[j];
71. 
    
72.       if (j == columnPositions.length-1) {
73.         thisX = 0;
74.       }
75. 
    
76.       if ((j%2) == 0) {
77.         //even
78.         crop1 = img1.get(xCrop, ypos, columnPositions[j], rowPositions[i]);
79.         image(crop1, thisX, ypos, columnPositions[j], rowPositions[i]);
80.         g.removeCache(crop1);
81.       }
82.       else {
83.         //not even
84.         crop2 = img2.get(xCrop, ypos, columnPositions[j], rowPositions[i]);
85.         image(crop2, thisX, ypos, columnPositions[j], rowPositions[i]);
86.         g.removeCache(crop2);
87.       }
88.       xCrop += columnPositions[j];
89.     }
90.     ypos += rowPositions[i];
91.   }
92. }
93. 
    
94. void mousePressed() {
95.   redraw();
96. }