Loading...
Logo
Processing Forum
  • Screen name:
    jigsaw004
jigsaw004's Profile
5 Posts
3 Responses
0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:
Private Message
  • How to get all the pixels within a rotated image of a sprite in a screen?
    I have a map with square obstacles of size 20px X 20px, 

    whose center points are indexed into an array list. In my 

    game, I have a tank with dimension of 30px X 30px which 

    moves through the map, but should stop when it collides with 

    an obstacle. To check the collision, I need to get all the 

    pixels' coordinates within the rotated image of the tank. 

    Does the image.loadPixel() work for this? If yes, then what 

    pixels would pixels[] be populated with? I need the x- and 

    y- coordinates of the pixels separated for my purpose. How 

    would this be possible using the pixels[] array? 

    Any other way to check for collisions b/w the tank and the 

    square obstacles would be a great plus.

    PS: I am working on Processing.js.
  • Is there some modification to be done,to use get(x,y,width,height) function in Processing.js?
    I have written the following code in Processgin IDE on my local machine and online on Processing.js editor at  http://sketch.processing.org/. However, the latter does not show anything. The motive of the code is to make an image to seem as poping-out out of a hole.


    3. Justin j1;
    4. int x1=0;
    5. void setup()   
    6. {  
    7.    
    8.   size(400, 300);  
    9.   
    10.   println("starting app ..");
    11.                                                                               
    12. j1=new Justin();

    14. }

    16.   
    17. void draw()                                       
    18. {  
    19.  background(100);  
    20. j1.display((width/2)-30,height/2-x1);
    21. if(x1<60)
    22. x1++;
    23. } 
    24. class Justin{
    25.     PImage just,sec1;
    26.     int ysize=0;
    27.     Justin(){
    28.         just=loadImage("https://lh4.googleusercontent.com/-b6Ux87YG_aM/T8HQfHzS1VI/AAAAAAAAAEQ/EeIIbcHrVx0/s128/justin%20bieber%20clipart.png");
    29.     }
    30.     void display(float x,float y){
    31.         
    32.        if(ysize<=just.height){
    33.         image(just.get(0,0,just.width,ysize),x,y);
    34.         ysize=ysize+1;
    35.         }
    36.         else
    37.           image(just,x,y);
    38.    }
    39.     void setYSize(){
    40.         ysize=0;
    41.     }
    42.     int getYSize(){
    43.         return ysize;
    44.     }
    45. }

  • How to rotate a image in Processing at the cursor coordinate?
    I am new to Processing and I need help relating to the rotate() function. What I need is that a image is displayed at the cursor's coordinates and when the mouse is pressed, the image should rotate counterclockwise by 90 degrees at the cursor's coordinate itself. How to accomplish this? Also, I am currently confused as to what translate() does. Any explanation would help.
  • How to display an image only for a short while or a specified period of time?
    I am new to Processing. I have been building a simple game where one has to shoot some random moving birds. Although, it seems pretty simple, yet I have been stuck with the following problem: I need that once a bird has been shot, an image(of explosion/gunshot) should be displayed for at least 1 second. I tried using millis() to time the animation, but to no avail. Is there a way, such that two draw() functions be executed at the same time: one is the normal draw() and other of the object I want to display?  Any workaround would be highly beneficial!