Hello there,


I am just posting in the hope that someone smart in here will be nice and spend a few minutes helping me out.

I have made a processing app that I would now like to upload it to my server so that it can launched from a browser.

Unfortunately I am experiencing some difficulties:


1. The program isn't running as smooth as when launched directly from the computer through Processing - any ideas why?

2. The second frame (with the cat), doesn't show up when launched through the browser? (note. you have to get the mouse' head to the hole and then click - you might have to try a few times to hit it)

3. I would like to have it as a pop-up window without no background - any ideas on how to do this?


Index.html: http://jonasskafte.com/portfolio/Mousehole10/applet/index.html
Source code: http://jonasskafte.com/portfolio/Mousehole10/applet/Mousehole10.pde
Full package with all files zipped: http://jonasskafte.com/portfolio/Mousehole10.zip


Any help will be greatly appreciated! -and if you are anywhere near East London, then I will gladly reward you with a coffee in the sun! :-)


Cheers,


//Jonas.

Hello there! :-)


I am currently sitting here working all I can on getting a hand-in ready for tomorrow (or today - Friday 19th). I have to pass!

I have only just learned working with Processing tonight. I think that what I need help with it is actually quite simple, but I haven't yet fully understood the basics, so your help will be highly appreciated, as I have now been trying to figure it out myself for hours...

I have uploaded two links below. The first one being a short visualized explanation of what I wish to do, and the second being my codes so far.

1 - http://jonasskafte.com/explanation.pdf
2 - http://jonasskafte.com/Mousehole7.zip


I hope to hear back from you soon!


Thanks in advance and kind regards



/Jonas.




Here are my codes so far - please excuse me if they are a bit messy...

1. // A whole to crawl into!
   // Jonas Skafte
   // http://www.jonasskafte.com
   
   
   //Images
   
   PImage img;
   
   PImage teddy2;
   
   PImage teddy3;
   
   PImage teddy4;
   
   PImage teddy;
   float xpos;
   float ypos;
   float drag = 30;
   
   
   //Link
   
   int circleX, circleY;  // Position of circle button
   int circleSize = 45;   // Diameter of circle
   color circleColor, baseColor;
   color circleHighlight;
   color currentColor;
   boolean circleOver = false;
   
   
   
   void setup() {
     size(1152,792);
     img = loadImage("hole.jpg");
     teddy = loadImage("mouse3.PNG");
     teddy2 = loadImage("mouse4.png");
     teddy3 = loadImage("Cat.jpg");
     xpos = width/2;
     ypos = height/2;
     circleX = width/2+circleSize/2+10;
     circleY = height/2;
     circleColor = color(0);
     circleHighlight = color(100);
     ellipseMode(CENTER);
   
   
   
    
    
   }
   
   void draw() {
     noCursor(); 
     background(0);
     image(img,0,0);
     float difx = mouseX - xpos-teddy.width/2;
     if (abs(difx) > 2) {
       xpos = xpos + difx/drag;
       xpos = constrain(xpos, 0, width-teddy.width);
      
     if(circleOver) {
       fill(circleHighlight);
     } else {
       fill(circleColor);
     }
     ellipse(circleX, circleY, circleSize, circleSize);
   
   
   }
    
     float dify = mouseY - ypos-teddy.height/2;
     if (abs(dify) > 1) {
       ypos = ypos + dify/drag;
       ypos = constrain(ypos, 0, height-teddy.height);
     } 
    
     // Display the sprite at the position xpos, ypos
   
       image(teddy2, xpos, ypos);
     if(mousePressed) {
         image(img,0,0);
       image(teddy, xpos, ypos);
   
     }
   
   }