Processing Blogs

Update: It turned out all i needed to do was to 1. Use the OpenGL option and 2. move the the variable declarations out of the draw method to make things go faster – yeah I know, I’m smaaart . New version uses a circle in 3d (polar coordinates). Added reflection. Check it out: http://vimeo.com/235542
—-

A prototype of an interface to browse picture galleries. I coded this in processing. Unfortunately the animation is extremely slow, so i’ll have to switch to Flash (ActionScript) or Java(Applets). More on this on my website mmenchu.net.

PImage[] images;
int numImages;
int[] xcoord;
int[] ycoord;
int[] zcoord;

int frameWidth = 1152;
int frameHeight = 1024;
int currentIndex = 0;
int startingCurrentIndex = 0;
int bottomEllipse = 0;
int imagewidth = 150;
int imageheight = 100;

int a = (int)(frameWidth/2.05);
int b = (int)(frameHeight/3.3);
int translationX =(int)(a);
int translationY = (int)(b/0.95) – 100;
int translationZ =-500;

void setup()
{
size(frameWidth,frameHeight,P3D);
frameRate(30);

numImages = 25; // This needs be loaded form the xml
images = new PImage[numImages];
xcoord = new int[4*a];
ycoord = new int[4*a];

// precompute all the coordinates
// x^2/a^2 + y^2/b^2 = 1
// y^2/b^2 = 1 – x^2/a^2
// y^2 = (1 – x^2/a^2)*b^2
// y = Sqrt((1 – x^2/a^2)*b^2)

for(int i=0; i < a; i++){
xcoord[i] = translationX + (a - i);
xcoord[1*a - 1 + i] = translationX - i;
xcoord[2*a - 1 + i] = translationX - a + i;
xcoord[3*a - 1 + i] = translationX + i;
int ycoordinate = (int)(sqrt((1 - (sq(i) / sq(a))) * sq(b)));
ycoord[a - i] = translationY + ycoordinate;
ycoord[1*a + i] = translationY + ycoordinate;
ycoord[(3*a - 1) - i] = translationY - ycoordinate;
ycoord[3*a + i] = translationY - ycoordinate;
}

for(int i=0; i < numImages; i++){
images[i] = loadImage("http://www.mmenchu.net/blog/files/renamed/" + (i+1) + ".jpg");
}

}

void draw()
{

background(0,0,0);
currentIndex = startingCurrentIndex;
startingCurrentIndex += 2;
double depthFactor = 3;
int zcoord = 0;
int deltaIndex = (int)(a*4.5 / numImages);
int variance = 10;
int varianceX = 20;

for(int i=0; i < numImages; i++){
//point(xcoord[currentIndex],ycoord[currentIndex],0);
noStroke();
beginShape();
texture(images[i]);
if (currentIndex >= (4*a))
currentIndex = deltaIndex;

// if (abs(translationY – ycoord[currentIndex]) < variance)
// zcoord = translationZ;
// else
zcoord = translationZ - (int)(depthFactor*(translationY - ycoord[currentIndex]));

vertex(xcoord[currentIndex], ycoord[currentIndex],zcoord, 0,0);
vertex(xcoord[currentIndex] + imagewidth, ycoord[currentIndex],zcoord,images[i].width,0);
vertex(xcoord[currentIndex] + imagewidth, ycoord[currentIndex] + imageheight,zcoord,images[i].width,images[i].height);
vertex(xcoord[currentIndex], ycoord[currentIndex] + imageheight, zcoord,0,images[i].height);
endShape();

//if (((currentIndex % a) < varianceX) && (ycoord[currentIndex] < translationY))
// currentIndex += (int)(deltaIndex*0.95);
//else
currentIndex += deltaIndex;
}

}

I was inspired by http://www.morrise.com/youtubesearch.html

Cast: mmenchu

Cast: +zero

Another rough sketch. Best results so far with heavy music.

Cast: njmcgee

The boss has been letting me work on gesture recognition at work. I added to the self simplifying line so it accounts for when the user changes their drawing speed (just interpolate on the big gaps). This confuses the neural net less. But because my boss was greedy for more shapes I found other ways to recognise shapes heuristically.

• Does the line cross over itself once? You’ve drawn a loop.
• Does the line cross over itself twice? You’ve drawn a figure eight.
• Is there low variance between angles along the line? You’ve drawn a straight line.
• Is the starting point a short distance from the end point? You’ve drawn a circle (note that you have to force it to fail when someone draws a shape too small – otherwise just clicking the mouse is always a circle).
• None of the above? Let’s hand it over to the neural net and see if we’ve got some other shape here.

So okay – you can get away with some really poor drawing, but what’s great about this is that you can get away with some really poor drawing! A game needs the feel that you lost because you’re bad at the game, not because the programmer didn’t make the effort to make gameplay comfortable. I’ll link to this game if and when it comes out.

Yoga postures with how-to animations
ASCII game
Darth Vader helmet art
OLED flexible transparent display
Game and Watch remakes
LOL Code
Scrambler Drawing Machine
Old Soviet arcade games
Midfield General feat. Noel Fielding – Midfielding video
Photosynth – image clever technology
IKEA ice cube straws trick
Wooden robot toys
3D printer site
Great Firewall of China – test the availability of your site in China
Falling Sand Java
Brain and Behaviour
Hello World on wheat field

OCR with perceptrons in Java
SWX data transter method for Flash
Flash file uploader
Saving jpg or png with Flash 8 revisited
Fast random lists of number for Flash
ITP Sensor workshop reports

Cast: +zero

faceCloth_sur(ta)face is the latest installment on faceCloth, which runs on the MTUI multi-touch interface.

A collaboration with smallfly. See http://facecloth.prisonerjohn.com for more information.

Cast: prisonerjohn, smallfly