hey im trying to move this object but its not going according to plan im trying to make this small square shoot off the page upwards and then making another 1 shoot when the first one is about half way...easiest way to think is when you shooting something i guess basically trying to make an animation of my box shooting...
these are my codes im still trying to figure it out but cant seem to get it so if any1 can help i appreciate it

color BG = color(32);
float angle;
float x = 0;
float y = 0;
float z = 0;
float w = 0;
float speed = 1;

void setup() {
  size(500,500);
  strokeWeight(5);
  smooth();
  rectMode(CENTER);
}

void draw() {
  background(BG);
if (key =='1') {
  translate(width/2, height-40);
  rotate( angle );
  rect(0,0, 60,60);
  beginShape();
  vertex(10, 10);
  vertex(20, 25);
  vertex(10, 20);
  vertex(25, 20);
  vertex(20, 20);
  vertex(20, 25);
  vertex(20, 10);
  vertex(25, 20);
  endShape(CLOSE);
  angle = angle + PI/180;
}
else if (key == '2'){
   move();
  translate(width/2, height-40);
  rect(x,y, 60,60);
  beginShape();
  vertex(x + 10, y + 10);
  vertex(x + 20, y + 25);
  vertex(x + 10, y + 20);
  vertex(x + 25, y + 20);
  vertex(x + 20, y + 20);
  vertex(x + 20, y + 25);
  vertex(x + 20, y + 10);
  vertex(x + 25, y + 20);
  endShape(CLOSE);
}
else if (key == '3'){
  move();
  shoot();
  translate(width/2, height-40);
  rect(0,0, 60, 60);
  rect (z, w, 5, 5);
  beginShape();
  vertex(10, 10);
  vertex(20, 25);
  vertex(10, 20);
  vertex(25, 20);
  vertex(20, 20);
  vertex(20, 25);
  vertex(20, 10);
  vertex(25, 20);
  endShape(CLOSE);
}
}

  void move() {
    translate(x, 0);
    x += speed;
    if (x < -30 || x > 30) {
      speed = -speed;
  }
  }
 
  void shoot() {
    translate(z, 0);
    w = w + speed;
    if (w > height) {
    w = 0;
    }
  }

hi every1 im drawing a character with a drawing app that i made and was wandering how i could save my character to a csv file???im not to sure how to do this?? these are my codes and not too sure where to put it or use it...

// Color
color BG = color(32);
color Red = color(255,13,13);
color Blue = color(24,22,240);
color Green = color(51,229,52);
color Purple = color(116,41,240);
color Yellow = color(255,244,31);
color Orange = color(255,157,52);
color White = color(255);
color Grey = color(175);
color Black = color(0);

color pickedColor;

//Switching between modes
 static final int NONE = 0;
 static final int RECTANGLE = 1;
 static final int CIRCLE = 2;
 static final int TRIANGLE = 3;

//Store current mode
 int myDrawMode = NONE;

//Palette Dimension
int paletteWidth = 125;
int paletteHeight = 150;

import controlP5.*;

ControlP5 controlP5;

ListBox l;
int cnt = 0;

void setup(){
  size(500,500);
  background(BG); // suppose to put in void draw but that screws up my paint app.....
  smooth();
  frameRate(30);
  controlP5 = new ControlP5(this);
  l = controlP5.addListBox("myList",130,20, 260,120);
  l.setItemHeight(15);
  l.setBarHeight(15);
 
  l.captionLabel().toUpperCase(true);
  l.captionLabel().set("Instructions");
  l.captionLabel().style().marginTop = 3;
  l.valueLabel().style().marginTop = 3; // the +/- sign

  for(int i=0;i<1;i++) {
    l.addItem("Press 1,2,3 to change draw modes and 4 to restart "+i,i);
  }
  l.setColorActive(color(0,10,255,128));
  l.setColorActive(color(0,0,255,128));

}

void draw(){
 
  renderObjects();
 
  //Draw background of toolbar
  fill(White);
  rect (-1, -1, paletteWidth, paletteHeight);
 
  //Draw color selections
  stroke(0);
  strokeWeight(2);
  fill(Red);
  ellipse (20,20, 25, 25);
  fill(Blue);
  ellipse (60, 20, 25, 25);
  fill(Green);
  ellipse (100, 20, 25, 25);
  fill(Purple);
  ellipse (20, 60, 25, 25);
  fill(Yellow);
  ellipse (60, 60, 25, 25);
  fill(Orange);
  ellipse (100, 60, 25, 25);
  fill(Black);
  ellipse (20, 100, 25, 25);
  fill (White);
  ellipse (60, 100, 25, 25);
  fill (Grey);
  ellipse (100, 100, 25, 25);

  //Different Modes
 if(mousePressed) {
     switch(myDrawMode) {
       case(RECTANGLE):
       fill(pickedColor);
       rect(mouseX, mouseY, 20,20);
       break;
       case(CIRCLE):
       fill(pickedColor);
       ellipse(mouseX, mouseY, 20,20);
       break;
       case(TRIANGLE):
       fill(pickedColor);
       triangle(mouseX-10, mouseY+10, mouseX, mouseY-10,mouseX+10, mouseY+10);
       break;
     }
}
}

   void chooseColor(){
    pickedColor = get(mouseX, mouseY);
  }
  
  void mousePressed()
  {
    if (mouseX < paletteWidth)
    {
      if (mouseY < paletteHeight)
      {
        chooseColor();
    }
    else
    {
      draw();
    }
  }
  }
 
 void keyPressed() {
   // draw mode accordingly.
   switch(key) {
     case('0'): myDrawMode = NONE; break;
     case('1'): myDrawMode = RECTANGLE; break;
     case('2'): myDrawMode = CIRCLE; break;
     case('3'): myDrawMode = TRIANGLE; break;
     case('4'): background(BG); break;
   }
    save("Drawing_app.png");
}

hi all i know you can save images with processing when you press run or when you use saveFrame but what i want to know is that since i have a drawing app can i save like pictures that i drew and then save or can i not???? cause currently its just save when i press run and thats only the app itself i cant save drawing that i do and yea was wondering is there a way???

thanks

hi guys im wanting to change my draw modes when i click on the number kyes...1,2,3,4 and so on.....but currently stuck in how to do it.....rite now im just drawing with a circle and just want to know how to change it to a different mode say drawing with a rectangle or something...if any1 knows how to do it or if theres post about this kind of thing plz link to me thanks

appreciate the help

hi iv finished up my color picker and my brush sizes but now i want to so that when i click on a color it changes to that, same with the brush size but i dunno how if any1 knows how to then thanks just wanting to make a simple drawing app...got the layouts done just duno how to actually get it to change cause rite now im drawing on a black line and yea again dunno how to change the color and brush size.


Color Picker
- The user can select a color, and new lines are that color
- Lines remember their color

Brush Size
- The stroke width can be increased and decreased
- Lines remember their width

Erase Tool
- I can erase lines and parts of lines

This is what im wanting to do but i dont know where to actually start. i have a framwork build already done and yea just want to know if i can get some examples of how to do this..... new to programming and i do like processing since you can do tones of stuff on it but yea. i read some notes on some of the stuff i have to do but yea dont really understand it....

All positions should be stored in an array.
Increase the size of the array as you drag with the mouse.
By using an int, switch draw modes to display the painting in 4 different ways
Points, lines, and you chose the other 2.
Swap between draw modes using the numbers on the keyboard.
Add user instructions to the screen that appear at the start
and move offscreen after 4 seconds. Have a rectangle help
button that when clicked brings up the help menu.
Add the ability to save the vector paths to a csv text file
Add the ability to load the vector paths from the text file
Add the ability to save a PNG of the output



thanks to whoever can help me i really appreciate it and hopefully i can help people in the future.