Ship myShip;
int a=1;
int b=100;
int c=200;
int d=300;
int e=400;
int f=500;
int z=10;
int j=160;
boolean [] keys = new boolean[128];


void setup() {
  size(500, 600); 
  smooth();
  myShip = new Ship();
}
void gameOver() {
    textAlign(CENTER);
    text("GAME OVER", width / 2, height / 2);

    }

void draw() {
  background(0);
  a=a+3;
  b=b+3;
  c=c+3;
  d=d+3;
  e=e+3;
  f=f+3;
  z=z+4;
  rect(j,z+3,25,25);
  rect(270,a+3,5,30);
  rect(270,b,5,30);
  rect(270,c,5,30);
  rect(270,d,5,30);
  rect(270,e,5,30);
  rect(270,f,5,30);
  rect(80,0,5,1500);
  if (a>=600)
  a=-10;
  if (b>=600)
  b=-10;
  if (c>=600)
  c=-10;
  if (d>=600)
  d=-10;
  if (e>=600)
  e=-10;
  if (f>=600)
  f=-10;
  myShip.run();
}

void keyPressed() {
  keys[key] = true;
}

void keyReleased() {
  keys[key] = false;
}


class Ship {  
  PVector pos, vel;
  float rotation;


  Ship() {
    pos = new PVector(160, height/2);
    vel = new PVector(5, 5);
    rotation = 0;
  }

  void run() {    //generic function container
    display();
    move();
  }


  void display() {
    pos.x=constrain(pos.x, 25, width);
    pos.y=constrain(pos.y, 25, height);
    pushMatrix();
    translate(pos.x, pos.y);
    rect(0, 0, 50, 50);
    popMatrix();
   if (pos.x>=260) 
  noLoop();
  if (pos.x<=60) 
  noLoop();
  if (pos.x>=260)
  gameOver();
    if (pos.x<=60)
  gameOver();
  if (dist(pos.x,pos.y,50,a+1)<25)
  noLoop();


  }


  void move() {
    if (keys['a']) //move left 
      pos.x -= vel.x;
    if (keys['d']) //move right
      pos.x += vel.x;
    if (keys['w']) //move up
      pos.y -= vel.y;
    if (keys['s']) //move down
      pos.y += vel.y;

  }

}

I need help to add interactivity to a work I've done, can you help me with this?

class Particle {

  PVector location;
  PVector velocity;
  PVector acceleration;
  PVector force,friction;
  float mass,r,distance,loc;
  float maxForce, maxSpeed,strength;
  int id,val;
  color c;
  float k = 0.02;
  int age = 0;
  int spawnAge = (int)random(80,120);
  float minr = 0;
  float maxr = 5.0;
  boolean spawned = false;

  Particle(float x, float y,int _id) {
    mass = 0.1;
    id = _id;
    r = 0.1;
    maxSpeed = 1;
    maxForce = 10;
    location = new PVector(constrain(x,r,width-r), constrain(y,r,height-r));
    velocity = new PVector(0, 0);
    acceleration = new PVector(0, 0);
  }

  void applyForce(PVector force) {
    //PVector f = PVector.div(force, mass);
    acceleration.add(force);
  }

  void update() {
    velocity.add(acceleration);
    velocity.limit(maxSpeed);
    location.add(velocity);
    acceleration.mult(0);
    friction();
    borders();
    age+=1;
  }

  void friction(){
     friction = velocity.copy();
     friction.mult(-1);
     friction.normalize();
     friction.mult(k);

     applyForce(friction);
  }

  void display() {

    ellipse(location.x,location.y,r*2,r*2);
  }

  PVector attract(Particle p) {
    force = PVector.sub(p.location,location);
    distance = force.magSq(); 

      distance = constrain(distance, 1.0, 5000.0);
      force.normalize();

      strength = (g) / (distance*4*PI);
      force.mult(strength);n
      return force;


  }

  void setRadius (PImage img){

      loc = (int)location.x + (int)location.y*img.width;
      //c= img.get((int)location.x,(int)location.y);
      //c =  img.pixels[int(loc)];
      val = img.pixels[int(loc)] & 0xFF;
      r=  lerp(r,map(val,0.0,255.0,minr,maxr),0.01);

  }

  void borders() {
      if ( location.x < r || location.x > width-r){
          velocity.x = -velocity.x;
      }
      if ( location.y < r || location.y > height-r){
          velocity.y = -velocity.y;
      }

      if (location.x> width-r) location.x = width-r;
      if (location.x< r) location.x = r;
      if (location.y> height-r) location.y = height-r;
      if (location.y< r) location.y = r;

  }

}

I am studying IT at an university in the Netherlands. We got an assignment in which we need to create a run. In this run there will be two to fourteen triangles competing each other. The goal of this game is that all the triangles will move separately by using the dice. However, they move all at the same time. The second issue is that once all the triangles passed the finish line, there should come up a box with the overal score (from first up to the last place).

Is there anyone who could help me with these two issues?

Please find below the codes.

Thanking you in advance.

int numberOfTriangles;
int margin;
float y = 0;
boolean startGame = false;


void setup() {
  // background(0);
  size(600, 600);
}


void draw() {


  background(0);
  if (startGame) {
    drawButton(" STOP", width-width/5, height/40, width/6, height/17);
    drawLines();
    printTexts();

    moveTriangles();
  } else {
    drawButton(" START", width-width/5, height/40, width/6, height/17);
    printTexts();
    drawLines();
    drawTriangles();
    drawSliderNumbers(width/4, height/40, width/12, height/60, 15);
   drawSliderMargin(width/20, height/40, width/12, height/60, width/3);
  }
}

void moveTriangles() {

  int p =width/120;

  float space = margin * (numberOfTriangles+1);   
  float sidesNumbers = width- space;
  float side = sidesNumbers /numberOfTriangles; 



  float x1=0;
  float x2=0;
  float x3=0;
  float y1 = height-height/20 -p;
  float y2 =height-height/20 -p;
  float y3 = height-height/20-p-side;

  float players[][] = {{x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, };

  int i = 0;
  while (i< numberOfTriangles) {
    players[i][0] =(side*i)+((i+1)*margin);
    players[i][2] = players[i][0] + side;
    players[i][4] = players[i][2] - (side/2);
    i++;
  }

  if (side<25 ||side>70) {

    fill(255);
    textSize(width/30);
    textAlign(CENTER, CENTER);
    text("game can't start with this margin", width/2, height/2);
  } else {
    i=0;
    while (i< numberOfTriangles) {
      fill(random(255), random(255), random(255));
      triangle(players[i][0], y1-y, players[i][2], y2-y, players[i][4], y3-y);
      fill(random(255), random(255), random(255));
      textAlign(CENTER, BOTTOM);
      text(i+1, players[i][4], y1-y);


      i++;
    }
    y++;

    y=constrain(y, 0, (height/1.33));
    println(mouseY);
  }
}

    void drawLines() {
      stroke(255, 0, 0);
      line(0, height/5, width, height/5);       //finish
      line(0, height - height/20, width, height - height/20);     //start
    }

    void printTexts() {
      theTexts("numberOfTriangles: " + numberOfTriangles, width/4, height/25);

      theTexts("margin : " + margin, width/20, height/25);
      theTexts("Finish Line", 0, height/5);
      theTexts("Start Line", 0, height - height/20);

    }

    String theTexts(String text, int x, int y) {
      fill(255);
      textSize(width/40);
      textAlign(LEFT, TOP);
      text(text, x, y);
      return text;
    }




    void drawButton(String notification,int x , int y, int Width , int Height) {


      fill (#00FF00);    
      rect(x, y, Width, Height);
      textSize(width/20);
      fill (0);        
      textAlign(CENTER, CENTER);
      text ( notification, width-width/8, height/20) ;
    }


    void mouseClicked() {
      int x = width-width/5;
      int y=height/40;
      int Width = width/6;
      int Height=height/17;

      if ( mouseX > x  && mouseX < x + Width
        && mouseY > y && mouseY< y + Height ) {
        startGame = ! startGame;
      }
    }

void drawTriangles() {
  int p =width/120;

  float space = margin * (numberOfTriangles+1);   //de lege afstand tussen de driehoeken
  float sidesNumbers = width- space;
  float side = sidesNumbers /numberOfTriangles; 

  float x1=0;
  float x2=0;
  float x3=0;
  float y1 = height-height/20 -p;
  float y2 =height-height/20 -p;
  float y3 = height-height/20-p-side;

  float players[][] = {{x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, 
    {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, {x1, y1, x2, y2, x3, y3}, };


  int i = 0;
  while (i< numberOfTriangles) {
    players[i][0] =(side*i)+((i+1)*margin);
    players[i][2] = players[i][0] + side;
    players[i][4] = players[i][2] - (side/2);
    i++;
  }

  if (side<25 ||side>60) {

    fill(255);
    textSize(width/30);
    textAlign(CENTER, CENTER);
    text("game can't start with this margin", width/2, height/2);
    // text("side = " +side, width/2, height/3);
  } else {
    i=0;
    while (i< numberOfTriangles) {
      fill(random(255), random(255), random(255));
      triangle(players[i][0], y1, players[i][2], y2, players[i][4], y3);
      fill(random(255), random(255), random(255));

      textAlign(CENTER, BOTTOM);
      text(i+1, players[i][4], y1);


      i++;
    }
  }
}

void drawSliderNumbers(float x, float y, float Width, float Height, int nPosition) {
  float cubeWidth= Width/nPosition;
  int position ;

  //println(floor((mouseX - x) / cubeWidth)); 

  if (mouseX>=x && mouseX< x + Width && mouseY>= y && mouseY<=y +Height) {
    position = floor(((mouseX -x) / cubeWidth));
    numberOfTriangles = position  ;
  } else {
    position  = numberOfTriangles ;
    numberOfTriangles =constrain(numberOfTriangles, 2, 14);
  }

  noStroke();
  fill(255);
  rect(x, y, Width, Height);

  fill(#2257F0);
  rect(x + position * cubeWidth, y, cubeWidth, Height);
}

void drawSliderMargin(float x, float y, float Width, float Height, int nPosition) {
  float cubeWidth= Width/nPosition;
  int position ;

  //println(floor((mouseX - x) / blokjeBreedte)); // we maken Nposities om te bepalen hoeveel rect we willen,ipv delen door een getaal hier

  if (mouseX>=x && mouseX< x + Width && mouseY>= y && mouseY<=y +Height ) {
    position = floor((mouseX - x) / cubeWidth);
    margin = position +2  ;
  } else {
    position = margin ;
    margin=constrain(margin, 2, width/3);
  }
  noStroke();
  fill(255);
  rect(x, y, Width, Height);
  fill(255, 0, 0);
  rect(x + position * cubeWidth, y, cubeWidth, Height);
}

First post, first use of processing, level basic, code fudged...

I'm trying to get the equivalent of a flag to run up a flagpole via mouseY but want to stop the image at the bottom and top. What metalanguage should I be searching for to help me to do this? Code posted below so far, (one flag image is replaced with another)

Thanks

Lukas

PImage field;
PImage flag;
PImage whiteflag;

void setup() {

  size(600, 399); // size of field file is size of window for now
  flag = loadImage("flag.jpg");  // Load the image
  field = loadImage("fieldnpole.jpg");  // Load the image
  whiteflag = loadImage("whiteflag.jpg");  // Load the image
}


void draw() {
  background(0);
  tint(255, 255);


  image(field, 0, 0);


  image(whiteflag, 125, mouseY, 200, 100);

  tint(255, 255, 255, mouseY);
  image(flag, 125, mouseY, 200, 100);
}

Wanderer[] wanderer = new Wanderer[1];

void setup()
{
 size(1280, 720);
 background(0);
 fill(250);
 noStroke();

 for (int i=0; i<wanderer.length; i++)
 {
   wanderer[i] = new Wanderer(random(width), random(height));
 }
}

void draw()
{
 background(0);

 for (int i=0; i<wanderer.length; i++)
 {
   wanderer[i].stayInsideCanvas();
   wanderer[i].move();
   ellipse(wanderer[i].getX(), wanderer[i].getY(), 50, 50);
 }
}
class Wanderer
{
 float x;
 float y;
 float wander_theta;
 float wander_radius;

 // bigger = more edgier, hectic
 float max_wander_offset = 0.3;
 // bigger = faster turns
 float max_wander_radius = 20.5;

 Wanderer(float _x, float _y)
 {
   x = _x;
   y = _y;

   wander_theta = random(TWO_PI);
   wander_radius = random(max_wander_radius);
 }

 void stayInsideCanvas()
 {
   x %= width;
   y %= height;
 }

 void move()
 {
   float wander_offset = random(-max_wander_offset, max_wander_offset);
   wander_theta += wander_offset;

   x += cos(wander_theta);
   y += sin(wander_theta);
 }

 float getX()
 {
   return x;
 }

 float getY()
 {
   return y;
 }
}

window.onresize = function() {
  if(c.width >= 600){
    c.size(window.innerWidth, c.height);
  }
  if(c.height >= 400){
    c.size(c.width, window.innerHeight);
  }
}

But i have some strange behavior : when i reduce the size of the window it works and limits the canvas size, but after that if i want to expand the window the sketch's size won't change anymore .... I guess i'm mistaking somewhere but can't see where ... Do you have any idea ?

Thanks

Here is the link to the code (I couldn't figure out how to indent the code on here): https://paste.ofcode.org/sBSTST866aqUv5xkzWJ84g

I tried doing if (pandaX==xPosCandy && pandaY==yPosCandy ) But it didn't work. I also tried doing if (pandaX>xPosCandy && pandaY<yPosCandy ) but it says YOU TOUCHED THE CANDY too soon.

Any help would be appreciated, and let me know if you need more code. Thanks!

Right now I want to get my circle, which is controlled by arrow keys to move and bump into static squares but it is just going through them. Did I set it up incorrectly? I have been coding for three months, so I might be quite slow sorry!

var Engine = Matter.Engine,
    World = Matter.World,
    Bodies = Matter.Bodies;

var engine = Engine.create();
var world = engine.world;

var player;
var rocks = [];
var cols = 7;
var rows = 7;

function setup() {
    createCanvas(750, 750);
    Engine.run(engine);

    player = new Player(300, 300, 25);

    var spacing = width / cols;
    for (var j = 0; j < rows; j++) {
        for (var i = 0; i < cols; i++) {
            var r = new Rocks(i * spacing, j * spacing);
            rocks.push(r);
        }
    }
}

function draw() {
    background(51);
    Engine.update(engine);
    for (var i = 0; i < rocks.length; i++) {
        rocks[i].show();
    }
    player.show();
    player.move();
}

function Player(x, y, r) {
    this.body = Bodies.circle(x, y, r);
    this.r = r;
    World.add(world, this.body);

    this.show = function () {
        ellipse(x, y, this.r * 2);
    }

    this.move = function () {
        if (keyIsDown(RIGHT_ARROW))
            x += 10;
        if (keyIsDown(LEFT_ARROW))
            x -= 10;
        if (keyIsDown(UP_ARROW))
            y -= 10;
        if (keyIsDown(DOWN_ARROW))
            y += 10;
        x = constrain(x, this.r, height - this.r);
        y = constrain(y, this.r, width - this.r);
    }
}

function Rocks(x, y, w, h, options) {
    var options = {
        isStatic: true
    }
    this.body = Bodies.rectangle(x, y, h, w, options);
    this.w = w;
    this.h = h;
    this.size = player.r * 2;
    World.add(world, this.body);

    this.show = function () {
        rect(x, y, this.size, this.size);
    }
}

I guess this is not the best solution. Any advice?

import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;
Minim minim;
AudioPlayer player;

PImage image, imageSprite;
int sX, sY, eX, eY ;
XML fruitList ;
XML[] fruits ;
int click;
String name, thisPage, startMessage;

void setup() {
  size(600, 400) ;
  minim = new Minim(this);
  click = 0 ;
  name ="";
  thisPage = "";

  image = loadImage("fruits.jpg") ;
  fruitList = loadXML("fruitList.xml") ;
  fruits = fruitList.getChildren("fruit") ;
  startMessage = "In this lesson, you will learn " + fruits.length + " words.\nLeft-click to start & go next. \nRight-click to go back." ;

  player = minim.loadFile("0.mp3", 2048); // to preload the initial sound clip
}

void draw() {
  if (click == 0) {
    background(255) ;
    textSize(20);
    fill(0);
    text(startMessage, width/2 - textWidth(startMessage)/2, height/2 - 40);
  } else {
    background(255) ;
    name = fruits[click-1].getChild("name").getContent();
    fill(0);
    textSize(40);
    text(name, width/2 - textWidth(name)/2, 60);


    sX = int(fruits[click-1].getChild("get/sX").getContent());
    sY = int(fruits[click-1].getChild("get/sY").getContent());
    eX = int(fruits[click-1].getChild("get/eX").getContent());
    eY = int(fruits[click-1].getChild("get/eY").getContent());
    imageSprite = image.get(sX, sY, eX - sX, eY - sY);
    image(imageSprite, width/2 - imageSprite.width/2, height/2 - imageSprite.height/2) ;

    thisPage = click + "/" + fruits.length ;
    fill(127);
    textSize(20);
    text(thisPage, width - textWidth(thisPage), height -25);
  }
}

void mouseClicked () {
  if (mouseButton == LEFT) {
    click++ ;
  } else if (mouseButton == RIGHT) {
    click-- ;
  }
  click = constrain(click, 1, fruits.length);

  player = minim.loadFile(click-1 + ".mp3", 2048); // 1024, 2048
  player.setGain(-20);
  player.play();
}

I got this sketch here : https://www.openprocessing.org/sketch/391671 I want the Circles to bounce of the walls. I made an if statement inside "this.update" to make the circles bounce off the left and right of the canvas, but it doesn't work. Also i'd like the circles to bounce of each other.

var fly;
var sam;

function setup() {
    createCanvas(900,600);
    background(100);
    fly = new Bug(width/2,height/2);
    sam = new Bug(100,250);
}

function draw() {



    fly.update();
    fly.draw();


    sam.update();
    sam.draw();

}

function Bug(startX,startY) {
    this.x = startX;
    this.y = startY;
    this.diameter = random(10,100);
    this.speed = random(2,10);

    this.draw = function(){ 
        fill(55);
        stroke(255);
        ellipse(this.x,this.y,this.diameter,this.diameter);
    }

    this.update = function() {
        this.x += random(-this.speed,this.speed);
        this.y += random(-this.speed,this.speed);

        if (this.x > 200){
            this.speed = this.speed * -1;
            console.log("out of canvas right")
        }
        if (this.x < 200){
            this.speed = this.speed;
            console.log("out of canvas left")
        }

    }
}
    /*this.bounce = function() {
        if (this.x >= width || this.x <= width){
        this.speed *= -1;
        console.log("test");
    } 

    }*/

My goal is to make the variable alienSize be the max size when it ( and the mouse ) is at the bottom of the window and 1/10th the size when it ( and the mouse ) is at the top of the window. I have so far this code which works for the max size but there is no limit to how small the alien can get. any help please :)

Edit: I have to hand this in so no cheating please like having an if statement check for the size or anything

Original code Processing:

float mx; float my; float easing = 0.05; int radius = 10; int edge = 235; int inner = edge + radius; void setup() { size(500, 700); noStroke(); ellipseMode(RADIUS); rectMode(CORNERS); }

void draw() {

if (abs(mouseX - mx) > 0.1) { mx = mx + (mouseX - mx) * easing; } if (abs(mouseY - my) > 0.1) { my = my + (mouseY- my) * easing; }

mx = constrain(mx, inner, width - inner); my = constrain(my, inner, height - inner); fill(196, 239, 234); rect(edge, edge, width-edge, height-edge); fill(146, 140, 211);
ellipse(mx, my, radius, radius); }

Code that I typed in p5:

var mx; var my; var easing = 0.05; var radius = 10; var edge = 120; var inner = edge + radius;

function setup() { createCanvas(windowWidth, windowHeight); noStroke(); background(255,255,255) ellipseMode(RADIUS); rectMode(CORNERS); }

function draw() {

if (abs(mouseX - mx) > 0.1) { mx = mx + (mouseX - mx) * easing; } if (abs(mouseY - my) > 0.1) { my = my + (mouseY- my) * easing; }

x= constrain(mx, inner, width - inner); y= constrain(my, inner, height - inner); fill(196, 239, 234); rect(edge, edge, width-edge, height-edge); fill(146, 140, 211);
ellipse(mx, my, radius, radius);

}

Also once I get the sound file play according to the pulse I would like to control the volume of it with data received by ultrasonic sensors. Like getting louder when the distance gets closer.

I'm a total beginner and just so confused how I should put code for both programs. Help me and thanks!

My arduino code :

// Variables int pulsePin = 0; // Pulse Sensor purple wire connected to analog pin 0 int blinkPin = 13; // pin to blink led at each beat int fadePin = 5; // pin to do fancy classy fading blink at each beat int fadeRate = 0; // used to fade LED on with PWM on fadePin

// Volatile Variables, used in the interrupt service routine! volatile int BPM; // int that holds raw Analog in 0. updated every 2mS volatile int Signal; // holds the incoming raw data volatile int IBI = 600; // int that holds the time interval between beats volatile boolean Pulse = false; // "True" when User's live heartbeat is detected. "False" when not a "live beat". volatile boolean QS = false; // becomes true when Arduoino finds a beat.

// Regards Serial OutPut static boolean serialVisual = false; // Set to 'false' by Default. Re-set to 'true' to see Arduino Serial Monitor ASCII Visual Pulse

define trigPin1 12

define echoPin1 11

define trigPin2 3

define echoPin2 2

long duration, distance, RightSensor, LeftSensor;

void setup(){ pinMode(blinkPin,OUTPUT); // pin that will blink to your heartbeat! pinMode(fadePin,OUTPUT); // pin that will fade to your heartbeat! Serial.begin(115200); // we agree to talk fast! interruptSetup();

Serial.begin (9600); pinMode(trigPin1, OUTPUT); pinMode(echoPin1, INPUT); pinMode(trigPin2, OUTPUT); pinMode(echoPin2, INPUT);

void loop(){

serialOutput() ;       

if (QS == true){ // A Heartbeat Was Found // BPM and IBI have been Determined // Quantified Self "QS" true when arduino finds a heartbeat fadeRate = 255; // Makes the LED Fade Effect Happen // Set 'fadeRate' Variable to 255 to fade LED with pulse serialOutputWhenBeatHappens(); // A Beat Happened, Output that to serial.
QS = false; // reset the Quantified Self flag for next time
}

ledFadeToBeat(); // Makes the LED Fade Effect Happen delay(20); // take a break

SonarSensor(trigPin1, echoPin1); RightSensor = distance; SonarSensor(trigPin2, echoPin2); LeftSensor = distance;

Serial.print(LeftSensor); Serial.print(" - "); Serial.print(RightSensor); Serial.print(" - ");

}

void SonarSensor(int trigPin,int echoPin) { digitalWrite(trigPin, LOW); delayMicroseconds(500); digitalWrite(trigPin, HIGH); delayMicroseconds(500); digitalWrite(trigPin, LOW); duration = pulseIn(echoPin, HIGH); distance = (duration/2) / 29.1; }

void ledFadeToBeat(){ fadeRate -= 15; // set LED fade value fadeRate = constrain(fadeRate,0,255); // keep LED fade value from going into negative numbers! analogWrite(fadePin,fadeRate); // fade LED }

+++

My processing code :

import processing.serial.*; import processing.sound.*;

Serial myPort;

SoundFile file;

int number_of_swallowed; int Sensor; // HOLDS PULSE SENSOR DATA FROM ARDUINO int IBI; // HOLDS TIME BETWEN HEARTBEATS FROM ARDUINO int BPM; // HOLDS HEART RATE VALUE FROM ARDUINO necessary?

int trigPin1; int echoPin1; int trigPin2; int echoPin2;

int pulsePin = 0; // Pulse Sensor purple wire connected to analog pin 0 int blinkPin = 13; // pin to blink led at each beat int fadePin = 5; // pin to do fancy classy fading blink at each beat int fadeRate = 0; // used to fade LED on with PWM on fadePin volatile boolean Pulse = false; // "True" when User's live heartbeat is detected. "False" when not a "live beat". volatile boolean QS = false; // becomes true when Arduoino finds a beat.

boolean beat = false; // set when a heart beat is detected, then cleared when the BPM graph is advanced

// SERIAL PORT STUFF TO HELP YOU FIND THE CORRECT SERIAL PORT

/* String serialPort; String[] serialPorts = new String[Serial.list().length]; boolean serialPortFound = false; */

void setup() { size(400, 200);

myPort = new Serial(this, "COM6", 9600); myPort.bufferUntil('\n'); // Trigger a SerialEvent on new line //myPort = new Serial(this, "COM6", 9600);// //myPort.buffer(1);//?

// Load a soundfile from the /data folder of the sketch and play it back file = new SoundFile(this, "whalesound.mp3"); file.play();

if (QS == true); { file = new SoundFile(this, "heartbeat.mp3"); file.play(); } }

void draw() { background(0); textSize(50); text(number_of_swallowed +" swallowed", 50, 100); }

void mouseReleased() { if (mouseButton == LEFT) { number_of_swallowed++; } else { number_of_swallowed = 0; } }

a float constrained between -2 and 2 is used to define certain states

i.e -2 will print W, -1 will print SW, 0 will print E, 1 will print SE and two will print E

using conditionals, the program will print according to which state its at (for example , no key = 0, if left key is hit, state becomes -1, if hit again its -2 and cannot go past. if you want a positive you must hit the opposite key (from -2 to 2, the right arrow key must be hit 4 times) and vice versa from 2 to -2.

float state = 0;

void setup(){
  size(500,500);
  constrain(state,-2,2);
}

void draw(){
  background(255);
  fill(0);
  textSize(32);
  numberControl();
}

void numberControl(){
  if (keyPressed ==true && key == CODED && keyCode == LEFT){
    state--;
    constrain(state + 1,-2,2);
    if (constrain(state + 1,-2,2) == -1){
      text(""+ constrain(state + 1,-2,2), width/2,height/2);
    }
  }
}

I have gotten to the 1st part and It goes past the boundary set and loops. I know draw continually loops but I cannot think how to achive what im trying to do without calling the numberControl method in draw. Any Suggestions?

          Player Player1;
            Player Player2;
            float x = 300;
            float y = 200;
            float xspeed = 1;
            float yspeed = 3.3;
            float PlayerSpeed =10;
            float x0 = 200;// falling ball
            float y0 = 0;//^
            float y0_speed=5;//^
            int score=0;
            float xPos;
            float yPos;
            float speed;
            boolean moveLeft, moveRight, moveLeft1, moveRight1;

            void setup() {
            size(600, 400);
            background(55);
            Player1 = new Player(color(255), 137, 369, 2);
            Player2 = new Player(color(255), 452, 369, 2);
            speed = 8;
            moveLeft = moveRight = moveLeft1 = moveRight1 = false;
            }
            void draw() {
            println (mouseX +"," + mouseY);
            background(55);
            noStroke();
            fill(255);
            rect(300, 1, 0.1, 800);
            if(moveLeft) Player1.xPlayer -= speed;
            if(moveRight) Player1.xPlayer += speed;
            if(moveLeft1) Player2.xPlayer -= speed;
            if(moveRight1) Player2.xPlayer += speed;
            if (y0 > height+15) //15 is the radius of the ball
            {
            y0 = -15; //Move it back to just above the screen
            x0 = random(width); //start in randmon spot
            y0_speed = random(3, 7); //Pick a new random speed
            }
            //Move the ball
            y0 += y0_speed; //Increase the balls y value
            //Ball
            fill(255, 255, 255);
            ellipse(x0, y0, 30, 30);
            Player1.display();
            Player2.display();
            }
            class Player {// Trying out classes xD
            color c;
            float xPlayer;
            float yPlayer;
            float WPlayer;
            float Hplayer;
            float pspeed;
            Player(color tempC, float xpos, float ypos, float padspeed) {
            c = tempC;
            xPlayer = xpos;
            yPlayer = ypos;
            Hplayer = 5;
            WPlayer = 40;
            pspeed = padspeed;
            }
            void display() {
            stroke(0);
            fill(c);
            rect(xPlayer, yPlayer, WPlayer,Hplayer);
            }
            }
            void keyPressed() {// player movement
            if (keyCode == LEFT) {
            moveLeft = true;
            } else if(keyCode == RIGHT) {
            moveRight = true;
            } else if(key == 'a') {
            moveLeft1 = true;
            } else if(key == 'd') {
            moveRight1 = true;
            }
            }

            void keyReleased() {//Player movement
            if (keyCode == LEFT) {
            moveLeft = false;
            } else if(keyCode == RIGHT) {
            moveRight = false;
            } else if(key == 'a') {
            moveLeft1 = false;
            } else if(key == 'd') {
            moveRight1 = false;
            }
            }

`import processing.serial.*; PrintWriter writer;

Serial myPort; // The serial port int xPos = 0; // horizontal position of the graph float inByte = 0; int lastxPos = 1; int lastHeight = 0;

void setup () { // set the window size: size(800,600);

// List all the available serial ports // if using Processing 2.1 or later, use Serial.printArray() println(Serial.list());

// I know that the first port in the serial list on my mac // is always my Arduino, so I open Serial.list()[0]. // Open whatever port is the one you're using. myPort = new Serial(this, "COM3", 115200);

// don't generate a serialEvent() unless you get a newline character: myPort.bufferUntil('\n');

//writer = createWriter("new_data.txt"); // set inital background: background(0); } void draw () { // draw the line: stroke(255,255,255); strokeWeight(1); //delay(5); line(lastxPos, lastHeight, xPos, height - inByte); lastxPos = xPos; lastHeight = int(height - inByte); if (xPos >= width) { xPos = 0; lastxPos = 0; background(0); } else { // increment the horizontal position: xPos++; }

}

void serialEvent (Serial myPort) { // get the ASCII string: if(myPort.available() > 0){ String inString = myPort.readStringUntil('\n');

if (inString != null) { // trim off any whitespace:

inString = trim(inString);
// convert to an int and map to the screen height:
inByte = float(inString);
//println(inByte);    
inByte = constrain(inByte, 0, 32768);
println(inByte/16384.0);
inByte = map(inByte, 0, 32768, 0, height);

}

} }`

I've watched several videos Daniel Shiffman about how to create a class, function, rect, circle, etc. but still not all that I have seen.

I am trying to create a function which can create a box shape as in potoshop

This is the result of my work

I may look fail :'( but I hope you can teach me how to write the code.

thx.... i am sorry if my english so bad

I'm new to the forum and fairly new to Processing. I've scoured around and founds lots of help so far, but now I'm at a point where I'm not totally sure where to head.

I'd like to load an image, analyze each pixel's RGB value, and based on those values move particles in a certain direction.

So... a little pseudo code to explain my thoughts.

Load image, get it's pixels
Go through each pixel, separate it's RGB values
If R < 128, velocity.x = -1
If R > 128, velocity.x = 1
If G < 128, velocity.y = -1
If G > 128, velocity.y = 1
Ignore the B values, I don't really need them.

position.add(speed) to move the particle. 

Initially I was going using the get() function so each particle feeds it's position, looks at the color behind it, analyzes it, and moves accordingly, but that's waaaaay to slow for hundreds of particles.

I'm thinking of loading all of the pixel values into an array (does it need to be a 2D array, for x and y values?) at the start so it's all in memory, and then each particle reads where it's at on the screen, finds the corresponding image pixel index, and just pulls the vector out, without having to re-analyze the image on every frame since it's not changing.

I've been working with vectors for a bit, but I don't have much experience with arrays. Is this a good approach? Can anyone point me in the right direction?

i've wrote a noise-walker-program, but i wonder why the direction of the walker is always top-left?! My intention was to write a program similar to Daniel Shiffmans random walker, but just with noise and a smooth, not so edgy motion... Here's the code:

Dot dot;

void setup() {
  size(900, 900);
  background(#222222);
  noStroke();
  dot = new Dot();
  fill(#eeeeee);
}

void draw() {
  dot.move();
  dot.display();
}



class Dot {

  int x = width/2;
  int y = height/2;
  float xoff =100;
  float yoff = 200;
  int xspeed;
  int yspeed;


  void move() {

    float thenoise1 = noise(xoff);  
    float thenoise2 = noise(yoff);  
    int stepx = int(map(thenoise1, 0, 1, 0, 3))-1; 
    int stepy = int(map(thenoise2, 0, 1, 0, 3))-1; 

    x = x + stepx;
    y = y + stepy;
    xoff = xoff + 10;
    yoff = yoff + 10;

    x = constrain(x, 0, width);
    y = constrain(y, 0, height);
  }

  void display() {
    ellipse(x, y, 2, 2);
  }
}

i've created a little random walker-sketch, but i have no idea how to tell the dot to stay inside the canvas. Any suggestions? Thank you !!!

PS: I'm also happy about any kind of advices for better syntax. :-)

Dot dot;

void setup() {
  size(100, 100);
  background(#222222);
  noStroke();
  dot = new Dot();
  fill(#eeeeee);
}

void draw() {
  dot.move();
  dot.display();
}



class Dot {

  int x = width/2;
  int y = height/2;
  float xoff =100;
  float yoff = 200;
  int xspeed;
  int yspeed;


  void move() {

    float thenoise1 = noise(xoff);  
    float thenoise2 = noise(yoff);  
    int stepx = int(map(thenoise1, 0, 1, 0, 3))-1; 
    int stepy = int(map(thenoise2, 0, 1, 0, 3))-1; 

    x = x + stepx;
    y = y + stepy;
    xoff = xoff + 0.1;
    yoff = yoff + 0.1;
  }

  void display() {
    ellipse(x, y, 2, 2);
  }
}

float r = 40, hoek=0, radhoek; 
int arm=4;
float[] xpos = new float[20];
float[] ypos = new float[20];
TurningWheel[] turningwheel = new TurningWheel[20];

void setup() {
  size(800, 800);
  for (int count=0; count <20; count=count+1) {
    turningwheel[count] = new TurningWheel(random(60, 800), random(60, 800));
  }
}

void draw() {
  background(210);
  for (int count=0; count <20; count=count+1) {
    turningwheel[count].display();
    turningwheel[count].move();
    turningwheel[count].numberArms();
  }
}

class TurningWheel {
  float xpos, ypos;

  TurningWheel (float tempxpos, float tempypos) {
    radhoek=radians(hoek);
    xpos = tempxpos;
    ypos = tempypos;
  }

  void display() {
    for (int i = 0; i < arm; i++) {
      float[] xarmen = new float[arm];
      float[] yarmen = new float[arm];  
      xarmen[i] = xpos + r * cos(radhoek+radians(i*360/arm));
      yarmen[i] = ypos + r * sin(radhoek+radians(i*360/arm));
      line(xpos, ypos, xarmen[i], yarmen[i]);
      ellipse(xarmen[i], yarmen[i], 6, 6);
    }
    ellipse(xpos, ypos, 20, 20);
  }

  void move() {
    if (hoek>360) {
      hoek=1;
    }
    hoek+=1;
  }

  void numberArms() {  
    if (keyPressed) {
      if (key == 'a') {
        arm=arm+1;
      }
    } else if (key == 'q') {
      arm=arm-1;
    }
    if (arm < 1) {
      arm = 1;
    }
    if (arm > 18) {
      arm = 18;
    }
  }
}

Another problem is, you can choose the number of arms of one "star", by pressing a and q. With the single star, it worked, though in stead of adding (or subtracting) one arm for each time you pressed a or q, it added (subtracted) more. Now, it just goes from the minimum (1) to the maximum (18). Why isn't it going stepwise?

I am relatively new to processing, having only started learning it this year as part of my course at university. I am writing a small game for part of my project but am having trouble working out how to get collision between to class-objects. I need to detect when the ball has hit the paddle. I can do the points and reversing of direction myself, but I really am struggling with the collision.

Here is my code: Void setup and draw functions

int P1points = 0;
int P2points = 0;

Ball myBall;
P1Paddle myPaddle;
P2Paddle yourPaddle;

void setup() {
  size(1280, 720);
  background(0);

  myBall = new Ball(320, 500);
  myPaddle = new P1Paddle(1260,308);
  yourPaddle = new P2Paddle(20,308);
}
void draw() {
  background(0);
  smooth();
  textSize(32);
  text("P1 Points: " + P1points, 10, 40);
  text("P2 Points: " + P2points, 10, 80);
  stroke(255);
  line(0, 90, 1280, 90);
  line(0, 95, 1280, 95);
  line(0, 710, 1280, 710);
  line(0, 715, 1280, 715);
  myBall.display();
  myPaddle.display();
  if (key == ENTER) {
    myBall.run();
  }
  myPaddle.run();
  yourPaddle.run();

}

  class P1Paddle {
  //GLOBAL VARIABLES
  float x = 0;
  float y = 0;
  float xspeed = 3;
  float yspeed = 3;
  int pad2w = 10;
  int pad2h = 80;

  //CONSTRUCTOR
  P1Paddle(float _x, float _y) {
    x = _x;
    y = _y;
  }
  //FUNCTIONS
  void run() {
    display();
    move();
  }
  void move() {
    if (key == CODED) {
      if (keyCode == UP) {
        if (keyPressed) {
          y = y - 4;
        }
        if (y <=145) {
          y = 145;
        }
      }
      if (keyCode == DOWN) {
        if (keyPressed) {
          y = y + 4;
        }
        if (y >= 660) {
          y = 660;
        }
      }
    }
  }

  void display() {
    rectMode(CENTER);
    rect(x, y, pad2w, pad2h);
  }
}

  class P2Paddle {
  //GLOBAL VARIABLES
  float x = 0;
  float y;
  float xspeed = 3;
  float yspeed = 3;
  int padw = 10;
  int padh = 80;

  //CONSTRUCTOR
  P2Paddle(float _x, float _y) {
    x = _x;
    y = _y;
  }
  //FUNCTIONS
  void run() {
    display();
    move();
  }
  void move() {
    if (keyPressed) {
      if (key == 'W' || key == 'w') {
        y = y - 4;
      }
      if (y <=145) {
        y = 145;
      }
      if (key == 'S' || key == 's') {
        y = y + 4;
      }
      if (y >= 660) {
        y = 660;
      }
    }
  }

  void display() {
    rectMode(CENTER);
    rect(x, y, padw, padh);
  }
}


  class Ball {
  //GLOBAL VARIABLES
  float x = 0;
  float y = 0;
  float xspeed = 3;
  float yspeed = 3;
  int ew = 15;
  int eh = 15;

  //CONSTRUCTOR
  Ball(float _x, float _y) {
    x = _x;
    y = _y;
  }
  //FUNCTIONS
  void run() {
    display();
    move();
    bounceY();
    addpoints();
  }
  void move() {
    x += xspeed;
    y += yspeed;
  }
  void display() {
    ellipse(x, y, ew, eh);
  }
  void bounceY() {
    if (y <= 95) {
      yspeed = yspeed * -1;
    }
    if (y >= 710) {
      yspeed = yspeed * -1;
    }
  }
  void addpoints() {
    if (x >= 1250) {
      P1points = P1points +1;
    }
    if (x <= 18) {
      P2points = P2points +1;
    }
  }
}

Any help would be greatly appreciated..Oh and the other problem I have to is that when I press enter the ball will move, but trying to move the paddles at the same time results in the ball pausing...Though I am trying to work all this out.

string myString = "lots of words";
textFont(myFont, 20);
text(myString, x, y);

but the performances are very low (5 fps). Does anyone has an advice for a best performance?

Thanks a lot, JM

So, i tried converting radians to angles, constrain degrees and convert to radians again. But the result is the same.

a = radians(constrain(degrees(a), 90, 270));

Any clue?

int[][][] space = new int[40][40][20];
boolean move_ok = true;
int time;
void setup() {
  size(1000, 1000, P3D);
  for (int i = 0; i < 200; i++) { // number of balls
    space[int(random(40))][int(random(40))][0] = 1;
  }
  space[25][20][0] = 2;// initial food on the ground

  // 4 existing buildings 
  for (int x = 10; x < 15; x++) {
    for (int y = 20; y < 25; y++) {
      for (int z = 0; z < 11; z++) {
        space[x][y][z] = 4;
      }
    }
  }
  for (int x = 35; x < 40; x++) {
    for (int y = 20; y < 25; y++) {
      for (int z = 0; z < 11; z++) {
        space[x][y][z] = 4;
      }
    }
  }
  for (int x = 20; x < 30; x++) {
    for (int y = 5; y < 8; y++) {
      for (int z = 0; z < 6; z++) {
        space[x][y][z] = 4;
      }
    }
  }
  for (int x = 20; x < 30; x++) {
    for (int y = 35; y < 38; y++) {
      for (int z = 0; z < 6; z++) {
        space[x][y][z] = 4;
      }
    }
  }
  for (int x = 20; x < 30; x++) {
    for (int y = 35; y < 38; y++) {
      for (int z = 6; z < 7; z++) {
        space[x][y][z] = 0;
      }
    }
  }
  // end of buildings

  time = -1;
}
//.............................................................

void draw() {

  if (millis() > time ) {// control the speed by millisecond
    move();
    time = millis() +100;
  }
  background(255);
  translate(width/2, height/2);

  pushMatrix();// camera setup
  scale(330);
  lights();
  popMatrix();
  rotateY(map(mouseX, 0, width, -PI, PI));
  rotateX(-map(mouseY, 0, height, -PI, PI));
  translate(-250, -250, -250);
  fill(#4F504F);
  pushMatrix();
  translate(450, 450, -15);
  box(1000, 1000, -10);
  popMatrix(); //end of camera setup


  //.......................................................
  // moving on grid

  for (int k = 0; k<20; k++) {
    for (int j = 0; j<40; j++) {
      for (int i = 0; i<40; i++) {
        pushMatrix();
        translate(20*i, 20*j, 20*k);
        switch(space[i][j][k]) { // switch between the grids 
        case 0:
          break;
        case 1: // ant
          fill(#25F018);
          noStroke();
          sphere(5);
          break;

        case 2: // food
          fill(#FF3E41);
          noStroke();
          box(20);
          break;

        case 3: // empty food
          pushMatrix();
          translate(-9, -9, -9);
          noStroke();
          fill(100);
          for (int m=0; m<10; m++) {
            pushMatrix();
            translate(2*m, 0, 0);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(0, 2*m, 0);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(0, 0, 2*m);
            box(2, 2, 2);
            popMatrix();
          }

          for (int n=-9; n<0; n++) {
            pushMatrix();
            translate(18, 0, -2*n);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(18, -2*n, 0);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(-2*n, 18, 0);
            box(2, 2, 2);
            popMatrix();
          }

          for (int p=-9; p<0; p++) {
            pushMatrix();
            translate(0, 18, -2*p);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(18, -2*p, 18);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(-2*p, 18, 18);
            box(2, 2, 2);
            popMatrix();
          }
          for (int r=-9; r<0; r++) {
            pushMatrix();
            translate(0, -2*r, 18);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(-2*r, 0, 18);
            box(2, 2, 2);
            popMatrix();

            pushMatrix();
            translate(18, 18, -2*r);
            box(2, 2, 2);
            popMatrix();
          }
          popMatrix();
          break;

        case 4: // building
          pushMatrix();         
          noFill();
          stroke(0);
          strokeWeight(1);
          box(20);
          popMatrix();
          break;

        case 5: // test
          pushMatrix();         
          fill(#4CB91E);
          box(20);
          popMatrix();
          break;
        }
        popMatrix();
      }
    }
  }
}
//.................................................

void move() {

  if ( !move_ok ) { 
    return;
  }
  //................................................


  int[][][] next = new int[40][40][20];
  for (int k = 0; k<20; k++) {
    for (int j = 0; j<40; j++) {
      for (int i = 0; i<40; i++) {
        switch(space[i][j][k]) {
        case 0:
          break;
        case 1: // ant behavior
          boolean be_food = false;
          int food_count = 0;
          int count=0;
          // reading (-1,0,1)of each grid it means one before and
          // one after to finding out if there is any sharing face  
          // with the food and changing to food if it is.
          for (int a = -1; a < 2; a++) {

              if (space[i+a][j][k] == 2) {
                be_food = true;
                next[i][j][k] = 2;
                food_count++;
            }

              if (space[i][j+a][k] == 2) {
                be_food = true;
                next[i][j][k] = 2;
                food_count++;
            }


              if (space[i][j][k+a] == 2) {
                be_food = true;
                next[i][j][k] = 2;
                food_count++;
            }
          }
          //...........................................................      


          // restricting the area around the food by 5 pixes in x,y only

          if ((next[i][j][k] == next[30][j][k])) {
            next[i][j][k] = 0;
          } 
          if ((next[i][j][k] == next[20][j][k])) {
            next[i][j][k] = 0;
          }
          if ((next[i][j][k] == next[i][15][k])) {
            next[i][j][k] = 0;
          }
          if ((next[i][j][k] == next[i][25][k])) {
            next[i][j][k] = 0;
          }
          // end of restriction
          //..........................................................................................

          if (( food_count >= 2) ) { // if the sharing face is more than 2 the food become empty 
            next[i][j][k] = 3;
          } 
          // this condition makes the movement of the agents 
          boolean done = false;  
          while (!done && !be_food  ) { // used the while loop cuz it never stops until the condition is true
            int a = int(random(-2, 2));
            int b = int(random(-2, 2));
            int c = int(random(-2, 2));
            if (next[i+a][j+b][k+c] >= space[i][j][k]) {
            next[i+a][j+b][k] = space[i][j][k];
            done = true;
            }
          }
          break;
        case 2:
          next[i][j][k] = 2;
          break;
        case 3:
          next[i][j][k] = 3;
          break;
        case 4:
          next[i][j][k] = 4;
          break;
        case 5:
          next[i][j][k] = 5;
          break;
        }
      }
    }
  }
  move_ok = false; // when not moving
  for (int k = 0; k<20; k++) {
    for (int j = 0; j<40; j++) {
      for (int i = 0; i<40; i++) {
        space[i][j][k] = next[i][j][k];
        move_ok = true;
      }
    }
  }
}  // end of move void        
//......................................................

Right now, it checks if the mouse was pressed on the circle, then it does the background(255) to get rid of previous circles and it draws a new circle. If I press outside of the circle, the circle stays where it is.

int circleX = 100;
int circleY = 100;

void setup() {
  size(200,200);
  background(255);
}

void draw() {
  ellipseMode(CENTER);
  stroke(0);
  fill(175);
  ellipse(circleX,circleY,50,50);
}

void mousePressed() {
  if (dist(mouseX, mouseY,circleX,circleY)<=25) {
      background(255);
     circleX = circleX + 50;
   }
 else {
    circleX = circleX;
 } 
}