Tagged with #performance - Processing 2.x and 3.x Forum

Video Delay : Ed Tannenbaum, Recollections

Adrien — Thu, 30 Aug 2018 22:14:13 +0000

Hi,

I try to create something like this : https://www.youtube.com/watch?v=YBKkVpRxUfs, using a kinect. At the moment I made some test with something like this :

class User {
  PGraphics pgBodyBg; 
  PImage bodyImg; 
  float colorIndexCounter; 
  int id; 
  ArrayList bodyImageList = new ArrayList();
  PGraphics pgTotal; 
  DelayImg[] buffer;

  User(int i) {
    colorIndexCounter=random(10); 
    pgTotal=createGraphics(512, 424);  
    pgTotal.beginDraw(); 
    pgTotal.background(0, 0); 
    pgTotal.endDraw(); 
    buffer=new DelayImg[50];
  }


  void delayEffect() {
    fillBuffer(); 
    changeColor(); 
    display();
  }

  void fillBuffer() {
    PImage bi= bodyImg.copy(); 
    DelayImg di=new DelayImg(bi); 
    for (int i = buffer.length-1; i > 0; i--) {
      buffer[i] = buffer[i-1];
    }
    buffer[0]=di;
  }



  void changeColor() {
    pgTotal.beginDraw(); 
    pgTotal.clear(); 
    pgTotal.pushStyle(); 
    for (int j=buffer.length-1; j>=0; j--) { 
      if (buffer[j]!=null) buffer[j].changeColor(pgTotal);
    }
    pgTotal.popStyle();
    pgTotal.endDraw();
  }

  void display() {
    image(pgTotal, 0, 0);
  }
}



class DelayImg {
  PImage img; 
  float alf=255; 
  PShape shape; 
  PGraphics pgBg; 
  int partSize=200; 
  DelayImg(PImage _img) {
    img=_img; 
    img.filter(THRESHOLD); 
    pgBg=createGraphics(512, 424);
  }

  void display(PGraphics pg) {
    pg.tint(255, alf); 
    pg.image(img, 0, 0); 
    if (alf>0)alf-=0.5;
    else alf=0;
  }

  void changeColor(PGraphics pg) {
    pgBg.beginDraw(); 
    pgBg.background(random(255), random(255), random(255));  
     pgBg.mask(img);
    pgBg.endDraw();
    pg.image(pgBg, 0, 0);
  }
}

bodyImg is update each frame, coming from kinect.

I want to be able to change the color everytime, that why pgTotal is clear every frame and display fresh new images, but the way I do it is very slow (10 fps). Do you have any suggestion, different kind of algorithm to improve frameRate? I try to use some vertex and textures aswell, but no real improvement...

Thanks for your help!

Increasing maximum available memory testing. How to get better results?

bontempos — Fri, 08 Jun 2018 03:03:32 +0000

This is a i7-8700, 32Gb of RAM, NVIDIA GeForce GTX 1080, running Windows 10 and Java 8 (171) installed and heap memory set to max 32Gb(-Xmx32g) (?) on run parameters.

I think this is not a question about library. However, as experiment, I am running an example from box2D library for processing named Liquidy.pde where I changed the sketch sizeto (600,300) and tested 3 renderers (default, JAVA2D and P3D). P2D was way too slow to be considered at this point. I am printing the total memory, allocated memory, free memory, n of particles, fps in the title of the sketch. I am also declaring the sketch to run at 60 fps using frameRate(60); I have tried to increase maximum available memory, but when the option was disabled, I have got a slightly better performance in fps.

When running the sketch, a click of mouse will generate a particle system. 10 clicks would generate an environment with about 1000 particles, and 15 clicks will stay around 1700. See attached picture:

With 10 particle systems, each rendered kept sketch running around 60 fps:JAVA2D a little worse than default. P3D performed just a little better. for 15 particle systems, frame rate will decrease to 15 fps (P3D), 19fps (JAVA2D and default).

Disabling the "increase maximum available memory" in preferences (and restarting?) made default renderer and JAVA2D to perform a little better when running 15 particle systems. From ~20fps, they jumped to 25fps.

I am not running out of memory and I wonder if there is any way to improve the performance of my sketches. Thanks

Frame Rate keeps getting lower

dehyde — Mon, 07 May 2018 06:13:02 +0000

I working on a code running particles to represent refugee data The code limits the number of particles to keep the frameRate but even after using a steady number of particles, it keeps getting slower with lower frameRate.

I'm really not sure what I can do to make this run faster / smoother. Why does it keep getting slower?

Here's the data folder for the Sketch: https://www.dropbox.com/sh/z69phco3tahqklu/AAB8PLMpBQMoFUX5NGSie-5fa?dl=0

PImage texture;
PGraphics pg;
PShape worldMap;
import java.util.Map;  
int filterPSystemsNum;

PGraphics sumPG;

// ========== Table Data Stuff 

Table immigrationTable;
Table conflictTable;
Table countryLocations;

int k = 0;
String[] destCountryArray = new String[0];
String[] sourceCountryArray = new String[0];

String destCountry = "";
String prevDestCountry = "";

String sourceCountry;

float mapMultiplyX = 4;
float mapOffsetX = -100;
float mapMultiplyY = 4;
float mapOffsetY = 50;

// ========

int amountSum = 1;

String displayType = "Circular";

int maxParticles = 9000;

ParticleSystem ps;
ParticleSystem ps2;

int n = 0, n2=0;
int emmitMultiplyer = 1;
int emmitFreq = 1;
float particleSpeed = 1;

float locationX = 250;
float locationY = 450;

int[] sourceX = {10, 40, 200, 400, 700};
int[] destX = {300, 600, 300, 600, 600};
int[] amount = {10, 100, 500, 800, 1000};
int highestAmount;

float radius = 300;

float tempLong;
float tempLat;

int yearFilterMin = 1996;
int yearFilterMax = 2016;


ParticleSystem[] PSystems;

HashMap countries = new HashMap();

void setup() {
  size(1200, 800, P2D);
  ((PGraphicsOpenGL)g).textureSampling(3);

  texture = loadImage("paper_texture.jpg");
  //worldMap = loadShape("worldLow.svg");

  //=============== load immigrationTable and create an array of countries


  immigrationTable = loadTable("asylum_seekers_all.csv", "header");
  countryLocations = loadTable("LatLonCountries2.csv", "header");
  conflictTable = loadTable("ged171.csv", "header");

  destCountryArray = (String[]) append(destCountryArray, "Israel");

  sumPG = createGraphics(width, height);

  pg = createGraphics(width, height);
  pg.beginDraw();
  pg.background(177);

  pg.endDraw();
  image(pg, 0, 0);

  for (TableRow row : immigrationTable.rows()) {
    if (row.getInt("Year") <= yearFilterMax && row.getInt("Year") >= yearFilterMin) {

      String tempCountryHolder = row.getString("Country / territory of asylum/residence");

      boolean exists = countryExists(tempCountryHolder);
      if (exists==true) {

        continue;
      }

      destCountryArray = (String[]) append(destCountryArray, tempCountryHolder);
    }
  }

  for (TableRow row : immigrationTable.rows()) {
    if (row.getInt("Year") <= yearFilterMax && row.getInt("Year") >= yearFilterMin) {

      String tempCountryHolder = row.getString("Origin");

      boolean exists = countryExists(tempCountryHolder);
      if (exists==true) { //println("exists, skipping");
        continue;
      }
      destCountryArray = (String[]) append(destCountryArray, tempCountryHolder);
    }
  }
  destCountryArray = sort(destCountryArray);



  //============================ country hashmaps ======================================

  for (int i = 0; i < destCountryArray.length; i++) {
    String name = destCountryArray[i];




    for (TableRow row : countryLocations.rows()) {


      if (name.equals(row.getString("name"))) {

        tempLong = row.getFloat("longitude");
        tempLat = row.getFloat("latitude");
      }
    }

    countries.put(name, new Country(name, width/2+(tempLong*mapMultiplyX)+mapOffsetX, height/2-(tempLat*mapMultiplyY)+mapOffsetY));

  }

  for (String key : countries.keySet()) {
    Country c = countries.get(key);

  }

  //============================ PSystems =============

  PSystems = new ParticleSystem[immigrationTable.getRowCount()];
  int j = 0;

highestAmount = 291664;

  println(amountSum);
  for (TableRow row : immigrationTable.rows()) {
    if (row.getInt("Year") <= yearFilterMax && row.getInt("Year") >= yearFilterMin) {
      int tempAmount = row.getInt("decisions_recognized");
      String tempDestCountry = row.getString("Country / territory of asylum/residence");
      String tempSourceCountry = row.getString("Origin");
      int tempYear = row.getInt("Year");

      float sourceEmmiterX = countries.get(tempSourceCountry).x;
      float sourceEmmiterY = countries.get(tempSourceCountry).y;
      float destEmmiterX = countries.get(tempDestCountry).x;
      float destEmitterY = countries.get(tempDestCountry).y;

      PSystems[j] = new ParticleSystem(1, new Vector3D(sourceEmmiterX, sourceEmmiterY, 0), new Vector3D(destEmmiterX, destEmitterY, 0), tempAmount, tempYear);
      println("----");
      filterPSystemsNum++;

      println("tempAmount "+tempAmount);
      println("maxParticles "+maxParticles);
      println("amountSum "+amountSum);
      println("tempAmount*maxParticles "+tempAmount*maxParticles);
      println("tempAmount*(maxParticles/amountSum) "+tempAmount*maxParticles/amountSum); 
      //println("PSystems " + i + " is " +PSystems[i]);
      j++;
    }
  }

  smooth();
}
int currentYear = 2000;
void draw() {

  blendMode(MULTIPLY);
  background(247, 245, 246, 1);
  fill(1, 1, 1, 1);

  tint(255, 1);
  image(pg, 0, 0);

  for (int i = 0; i= 0; i--) {
      Particle p = (Particle) particles.get(i);
      p.run(onMouseOverPSystem);
      if (p.dead()) {
        particles.remove(i);
        //PCount--;
        //n--;
      }

    }
  }

  void addParticle() {
    particles.add(new Particle(origin, dest, PCount));
  }



  // A method to test if the particle system still has particles
  boolean dead() {
    if (particles.isEmpty()) {
      return true;
    } else {
      return false;
    }
  }
}

//=================================================== Class Country

class Country {
  String name;
  float x, y, lon, lat, migrationIndex, incoming, outgoing;
  // more things here?

  Country(String name, float x, float y) {
    this.name = name;
    this.x = x;
    this.y = y;
  }
}

// ================================================ Simple Vector3D Class


public class Vector3D {

  public float x;
  public float y;
  public float z;

  Vector3D(float x_, float y_, float z_) {
    x = x_; 
    y = y_; 
    z = z_;
  }

  Vector3D(float x_, float y_) {
    x = x_; 
    y = y_; 
    z = 0f;
  }

  Vector3D() {
    x = 0f; 
    y = 0f; 
    z = 0f;
  }

  void setX(float x_) {
    x = x_;
  }

  void setY(float y_) {
    y = y_;
  }

  void setZ(float z_) {
    z = z_;
  }

  void setXY(float x_, float y_) {
    x = x_;
    y = y_;
  }

  void setXYZ(float x_, float y_, float z_) {
    x = x_;
    y = y_;
    z = z_;
  }

  void setXYZ(Vector3D v) {
    x = v.x;
    y = v.y;
    z = v.z;
  }

  public float magnitude() {
    return (float) Math.sqrt(x*x + y*y + z*z);
  }

  public Vector3D copy() {
    return new Vector3D(x, y, z);
  }

  public Vector3D copy(Vector3D v) {
    return new Vector3D(v.x, v.y, v.z);
  }

  public void add(Vector3D v) {
    x += v.x;
    y += v.y;
    z += v.z;
  }

  public void sub(Vector3D v) {
    x -= v.x;
    y -= v.y;
    z -= v.z;
  }

  public void mult(float n) {
    x *= n;
    y *= n;
    z *= n;
  }

  public void div(float n) {
    x /= n;
    y /= n;
    z /= n;
  }

  public void normalize() {
    float m = magnitude();
    if (m > 0) {
      div(m);
    }
  }

  public void limit(float max) {
    if (magnitude() > max) {
      normalize();
      mult(max);
    }
  }

  public float heading2D() {
    float angle = (float) Math.atan2(-y, x);
    return -1*angle;
  }

  public Vector3D add(Vector3D v1, Vector3D v2) {
    Vector3D v = new Vector3D(v1.x + v2.x, v1.y + v2.y, v1.z + v2.z);
    return v;
  }

  public Vector3D sub(Vector3D v1, Vector3D v2) {
    Vector3D v = new Vector3D(v1.x - v2.x, v1.y - v2.y, v1.z - v2.z);
    return v;
  }

  public Vector3D div(Vector3D v1, float n) {
    Vector3D v = new Vector3D(v1.x/n, v1.y/n, v1.z/n);
    return v;
  }

  public Vector3D mult(Vector3D v1, float n) {
    Vector3D v = new Vector3D(v1.x*n, v1.y*n, v1.z*n);
    return v;
  }

  public float distance (Vector3D v1, Vector3D v2) {
    float dx = v1.x - v2.x;
    float dy = v1.y - v2.y;
    float dz = v1.z - v2.z;
    return (float) Math.sqrt(dx*dx + dy*dy + dz*dz);
  }
}

boolean countryExists(String tempCountryHolder) {

  for (int i = 0; i < destCountryArray.length; i++) {

    if (tempCountryHolder.equals(destCountryArray[i]) == true) {

      return true; // it exists
    } //if
  } //for
  return false ; // not found
}//func


//============================================= onMouseOver Bolean Class


boolean overParticle(int x, int y, int diameter) {
  float disX = x - mouseX;
  float disY = y - mouseY;
  if (sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
    return true;
  } else {
    return false;
  }
}

boolean overCountry(int x, int y, int diameter) {
  float disX = x - mouseX;
  float disY = y - mouseY;
  if (sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
    return true;
  } else {
    return false;
  }
}

2d Metaball sketch running super slow in Python mode

solub — Mon, 02 Apr 2018 20:27:28 +0000

Hi guys,

I made several Python versions of 2d metaball sketches I found here on the forum or on the CodingTrain Github.

Problem: It runs super slow (<1fps !) while all Java versions run very smoothly (60fps).

Questions:

Why such a difference in the framerates ?
Is is possible to improve the Python code or am i for ever doomed for having chosen Python mode over Java mode ?

original JAVA code

main tab:

Blob[] blobs = new Blob[10];

void setup() {
  size(640, 360);
  colorMode(HSB);
  for (int i = 0; i < blobs.length; i++) {
    blobs[i] = new Blob(random(width), random(height));
  }
}

void draw() {
  background(51);


  println(frameRate);

  loadPixels();
  for (int x = 0; x < width; x++) {
    for (int y = 0; y < height; y++) {
      int index = x + y * width;
      float sum = 0;
      for (Blob b : blobs) {
        float d = dist(x, y, b.pos.x, b.pos.y);
        sum += 10 * b.r / d;
      }
      pixels[index] = color(sum, 255, 255);
    }
  }

  updatePixels();

  for (Blob b : blobs) {
    b.update();
    //b.show();
  }
}

blob class

class Blob {
  PVector pos;
  float r;
  PVector vel;

  Blob(float x, float y) {
    pos = new PVector(x, y);
    vel = PVector.random2D();
    vel.mult(random(2, 5));
    r = random(120, 400);
  }

  void update() {
    pos.add(vel); 
    if (pos.x > width || pos.x < 0) {
      vel.x *= -1;
    }
    if (pos.y > height || pos.y < 0) {
      vel.y *= -1;
    }
  }

  void show() {
    noFill();
    stroke(0);
    strokeWeight(4);
    ellipse(pos.x, pos.y, r*2, r*2);
  }
}

PYTHON code

liste = []

def setup():
    size(640, 360, FX2D)
    colorMode(HSB)
    [liste.append(Blob(random(width), random(height))) for e in range(10)]

def draw():
    loadPixels()
    for x in range(width):
        for y in range(height):
            index = x + y * width
            sum = 0
            for e in liste:
                d = dist(x, y, e.pos.x, e.pos.y)
                try:
                    sum += 10 * e.r / d
                except ZeroDivisionError:
                    return 1
            pixels[index] = color(sum, 255, 255)
    updatePixels()

    for e in liste:
        e.update()

class Blob(object):
    def __init__(self, x, y):
        self.pos = PVector(x, y)
        self.velocity = PVector.random2D()
        self.velocity.mult(random(2, 5))
        self.r = random(120, 400)

    def update(self):
        self.pos.add(self.velocity)

        if self.pos.x > width or self.pos.x < 0:
            self.velocity.x *= -1
        if self.pos.y > height or self.pos.y < 0:
            self.velocity.y *= -1

Camera / video image slow

mcfetrmatt — Mon, 11 Jan 2016 23:06:07 +0000

Hi there, I am looking into accessing the camera built into my laptop and have that feed back into Processing. I have downloaded the Video library and copied the code from the Capture Class and when I run it I get 90 cameras listed and the processing window (the camera video feed) runs really slow, almost one frame a second. The image also has a green tint and I can only access the front camera. I have a i7 model of the new Surface Pro 4.

Any feedback appreciated,

How to get more FPS ?

GeorgeJava — Fri, 09 Mar 2018 13:17:05 +0000

How to GET more FPS ??? I dont know how to make program better :/ can you help me ?

PImage light, screen, bg, lightImage, mask;
PGraphics pg, lightMask;
int up, down, right, left;
float x, y, speed = 1;
color randomColor;
float camX=0, camY=0;
float  Ox1, Ox2, Oy1, Oy2;
int globalMX, globalMY;
void setup() {
  size(480, 270, P3D);
  frameRate(60);
  background(0);
  bg = loadImage( "https://" + "ichef.bbci.co.uk/images/ic/480xn/p01lckx1.jpg"  );
  lightImage = loadImage( "https://" + "i.stack.imgur.com/NaD6F.png" );
  bg.resize(width, height);
  light = bg.copy();
  lightMask = createGraphics(width, height);
  randomColor = color(random(256), random(256), random(256));
  bullets = new ArrayList();
  reloadLights();
  x = width/2;
  y = height/2;
}
void draw() {  
  background(0);
  imageMode(CORNER);
  image(bg, 0, 0);
  screen = get(0, 0, width, height);
  fill(0,125);
  noStroke();
  rectMode(CENTER);
  rect(x, y, width, height);
  reloadLights();
  screen.mask(lightMask);

  image(screen, x-width/2,y-height/2);
  fill(255, 255, 0);
  textAlign(LEFT, TOP);
  textSize(39);
  text(int(frameRate) + " FPS", 5, 5);
  ellipse(globalMX,globalMY,20,20);
  x += (right - left) * speed;
  y += (down - up) * speed;
  Ox1=camX-width+x;
  Ox2=camX+x;
  Oy1=camY-y;
  Oy2=camY+height-y;
  ortho(Ox1, Ox2, Oy1, Oy2);
}
void reloadLights() {
  pg = lightMask;
  pg.beginDraw();
  pg.background(0);
  pg.blendMode(ADD);
  pg.translate(-x+width/2,-y+height/2);
  for (int i = bullets.size()-1; i >= 0; i--) {
    Bullet bullet = bullets.get(i);
    drawLight(bullet.x, bullet.y, bullet.r);
    println(bullet.x + "  " + bullet.y);
  }
  pg.endDraw();
}
void drawLight(int xL, int yL, int rL) {
 // pushMatrix();
  pg.imageMode(CENTER);
  pg.image(lightImage, xL,yL, rL, rL);
  //popMatrix();
}

void mousePressed() {
  bullets.add( new Bullet(globalMX, globalMY, 50));
  reloadLights();
}
ArrayList bullets;
class Bullet {
  int x, y, r;
  public Bullet(int x_, int y_, int r_) {
    x = x_;
    y = y_;
    r = r_;
  }
}
void keyPressed() {
  if (key == 'a' || key == 'A') {
    left = 1;
  }
  if (key == 'd' || key == 'D') {
    right = 1;
  }
  if (key == 'w' || key == 'W') {
    up = 1;
  }
  if (key == 's' || key == 'S') {
    down = 1;
  }
}
void keyReleased() {
  if (key == 'a' || key == 'A') {
    left = 0;
  }
  if (key == 'd' || key == 'D') {
    right = 0;
  }
  if (key == 'w' || key=='W') {
    up = 0;
  }
  if (key == 's' || key == 'S') {
    down = 0;
  }
}
void mouseMoved() {
  globalMX=mouseX+int(x)-(width/2);
  globalMY=mouseY+int(y)-(height/2);
}

Basic questions about reducing CPU usage when drawing pictures

delsey — Sat, 10 Feb 2018 23:20:27 +0000

Hello, I wrote a program for choosing colors for an LED-Strip. It works quite good, but it seems to be using quite alot of CPU. (30% CPU, i5 7600k @4.6ghz)

I know that this usage is due to my program constantly loading pictures:

Setup method:

      fade = loadImage("fade.jpg");
      red = loadImage("red.jpg");
      green = loadImage("green.jpg");
      blue = loadImage("blue.jpg");
      plus = loadImage("plus.jpg");
      minus = loadImage("minus.jpg");

Draw-Method:

      image(fade, 1, 241, boxsize-1, boxsize-1);
      image(red, 82, 241, boxsize-2, boxsize-1);
      image(green, 161, 241, boxsize-1, boxsize-1);
      image(blue, 241, 241, boxsize-1, boxsize-1);
      image(plus, 401, 241, boxsize-1, boxsize-1);
      image(minus, 481, 241, boxsize-1, boxsize-1);

Can someone help me to adapt it? How do I load the pictures without consantly having to draw them? It would be enough to draw them once when the program starts.

Basic cpu question

matthieu — Wed, 31 Jan 2018 07:08:52 +0000

What is the most cpu difficult : float x = 9/2.0; or float x = 9*0.5;

100% CPU utilisation when playing multiple videos using the video library

alzxul — Fri, 08 Jan 2016 01:14:24 +0000

Hi,

I'm trying to play some movies and sound in a processing sketch; there are 10 movies and 1 sound file - all the movies are fairly small [<=5MB]; I create them in setup and call .play() on them, and then in draw() I use image() on them, and I also use movieEvent() function to call .read() on them; whenever I run this the videos lag and my CPU spikes to 100%

Surely playing 10 concurrent movies isn't that onerous?

Does anyone have any ideas for how to improve the performance or can tell me if I'm doing something wrong or missing something?

Any help would be much appreciated, thanks

Thanks

How do I reduce lag for many operations?

kellen — Sat, 16 Dec 2017 03:25:12 +0000

Hello, I am making a program with many particles that refer to each other and it is getting quite laggy. It is for every particle trying to calculate the distance to every other particle for gravity. So the more particles I add the lag increases exponentially. Any tips on how to reduce lag?

How to improve sketch performance

dehyde — Mon, 18 Dec 2017 10:11:04 +0000

I have a sketch that's using a few long arrays and image processing.

Is there a way to make openGL render the sketch, or any other simple "trick" to improve performance?

Image processing on Android - poor permormance.

Rakerson — Mon, 11 Dec 2017 09:05:05 +0000

Hi there !

I have made simple code which is performing a blue filter. It adds some value to R value and substract something from GB values in two for() loops. It works great on PC but on mobile the performance is really slow. You can see the stuttering on the screen below. Ofc. changing the size of capture image helps but it is not a solution I am looking. How can you improve the performance, what's the best way to do image proccesing on mobile ?

Code:

import ketai.camera.*;

PImage prev;
float threshold = 60;

color currentColor;
color lastColor;

float r1 = 0;
float g1 = 0;
float b1 = 0;

KetaiCamera cam;
void setup() {
  orientation(LANDSCAPE);
  imageMode(CENTER);
  cam = new KetaiCamera(this, 320, 240, 24);
  prev = createImage(320, 240, RGB);
  cam.start();
}

void onCameraPreviewEvent(){
  cam.read();
}

void draw() {
    image(prev, width/2, height/2);
    cam.loadPixels();
    prev.loadPixels();
    loadPixels();

    for (int y = 0; y < cam.height; y++ ) 
  {
    for (int x = 0; x < cam.width; x++ ) 
    {
      int loc = x + y * cam.width; 
      currentColor = cam.pixels[loc]; //current values, taken from cam
      lastColor = prev.pixels[loc];

      float r1 = red(currentColor);
      float g1 = green(currentColor);
      float b1 = blue(currentColor);

      //pixels[loc] = color(r1+30,g1-35,b1-35);
      //float r2 = red(lastColor);
      //float g2 = green(lastColor);
      //float b2 = blue(lastColor);

       prev.pixels[loc] = color(r1-40,g1-40,b1+40);
      //prev.pixels[loc] = lerpColor(lastColor, currentColor, 0.9);

    }
  }
    prev.updatePixels();
    //image(prev, width/2, height/2);
    updatePixels();
  }

PGraphics and Android : very slow, even with simple sketch

Adrien — Wed, 13 Dec 2017 08:33:01 +0000

Hi,

When I'm running this very simple sketch on a Samsung tab A (2016), frameRate is around 8fps, even with a very simple sketch as this one :

PGraphics pg; 
void setup() {
  size(displayWidth, displayHeight, P2D); 
  pg=createGraphics(width, height);
}

void draw() {
  println("fps : ", frameRate); 
  pg.beginDraw(); 
  pg.stroke(0); 
  pg.ellipse(width/2, height/2, 300, 300); 
  pg.endDraw(); 
  image(pg, 0, 0, width, height);
}

I tried different render (Default one, P2D, P3D, JAVA2D, OPENGL...), but still.

Do you have any idea where it come from (I have 2 times "OpenGL error 1280 at bot beginDraw(): invalid enum", aswell..) or how to manage things differently? I really need to draw on différent layer, because one has to be refhresh every frame and the other no...

Thanks for your help,

blend() and filter() significantly slow down 1080p Video FPS to 7; Any solutions?

SpPank — Thu, 15 Jun 2017 06:03:24 +0000

//hey, I'm probably not doing this right //is it cause I'm using the context of PGraphics and PImage mixed up?? //IM GETTING 7 FPS W/ I7 7700K AND 1070 sli //CPU AND GPU ARE NOT BEING PUSHED ///NEED HELP!!!!

import java.util.ArrayList; import KinectPV2.KJoint; import KinectPV2.*;

KinectPV2 kinect;

import processing.video.*;

Movie coral; PGraphics feedback;

void setup() { fullScreen(P2D, 2); feedback = createGraphics(1920,1080,P2D); background(0); //blendMode(ADD);

//Video stuff coral = new Movie(this, "CoralReef.mp4"); coral.loop();

//Kinect stuff kinect = new KinectPV2(this); kinect.enableBodyTrackImg(true); kinect.enableSkeletonDepthMap(true); kinect.init(); }

void movieEvent(Movie m) { m.read(); }

PImage kinectSil;

void draw() {

kinectSil = kinect.getBodyTrackImage();

kinectSil.filter(INVERT); kinectSil.loadPixels(); for (int i = 0; i < kinectSil.pixels.length; i++) { if (kinectSil.pixels[i] == color(0)) { kinectSil.pixels[i] = color(0, 0); } else { kinectSil.pixels[i] = color(255,255); } } kinectSil.updatePixels();

feedback.beginDraw(); feedback.image(kinectSil,0,0,1920,1080); feedback.blend(coral, 0, 0, coral.width, coral.height, 0, 0, coral.width, coral.height, MULTIPLY); feedback.filter(THRESHOLD); feedback.endDraw(); tint(255,10); image(coral,0,0,width,height); blend(feedback,0,0,feedback.width,feedback.height, 0, 0, width, height, LIGHTEST); fill(45); rect(0,0,150,54); textSize(30); fill(255); text(frameRate, 20,40); }

Having fps problems each time I use sprites (images).

chuckopo — Sun, 05 Nov 2017 06:00:15 +0000

For my game I started using simply figures for testing. Now that I had that working, I implemented sprites using images, but my fps starts going down quickly. I can not figure out how to fix this issue.

How to avoid lag when using parallax effect in fullscreen ?

Néon — Wed, 25 Oct 2017 19:40:06 +0000

Hi,

I'm making a 2D game with, hopefully, side-scrolling. Following a discussion with Chrisir, I'm posting my lag issue here with a MCVE. I run the following code and when I add the parallax function in fullscreen, I get intense lag. When I run it at 960x540, its fine. My code is far from perfect at this stage so if you see anything to improve, please let me know.

//I wont use all of these for this MCVE, 
//but its usually what I import for Box2d and collisions.
import shiffman.box2d.*;
import org.jbox2d.common.*;
import org.jbox2d.dynamics.joints.*;
import org.jbox2d.collision.shapes.*;
import org.jbox2d.collision.shapes.Shape;
import org.jbox2d.common.*;
import org.jbox2d.dynamics.*;
import org.jbox2d.dynamics.contacts.*;

// A reference to our box2d world
Box2DProcessing box2d;

//Declaring my hero
Hero hero;

PImage img;
PVector vBG;

void setup() {
  //fullScreen();
  size(960, 540);

  // Initialize box2d physics and create the world
  box2d = new Box2DProcessing(this);
  box2d.createWorld();

  // We are setting a custom gravity
  box2d.setGravity(0, -0.0005);

  //Initializing hero
  hero = new Hero(88, 88, 20);

  img = loadImage("Starsinthesky.jpg");

  vBG = new PVector(0, 0);
}

void draw() {

  imageMode(CORNER);
  parallaxe(img, vBG, hero.velocity().x); 

  // Thru time
  box2d.step();

  //Show and move Hero
  hero.display();
  hero.mover();
  hero.boundary(); //This is what I call to limit the range of my here

}

Here is the parallax function :

void parallaxe(PImage img, PVector pos, float vit) {
  pos.sub(vit, 0, 0); 

  if(pos.x < width-img.width) {
    image(img, pos.x+img.width, pos.y);
  }

  if(pos.x > 0) {
    image(img, pos.x-img.width, pos.y);
  }

  if(pos.x < -img.width) {
    pos.x = width;
  }

  if (pos.x > width) {
    pos.x = width-img.width;
  }

  image(img, pos.x, pos.y);
}

And here is my movable hero class :

class Hero {
  Body body;
  float r;

  Hero(float x, float y, float r_) {
    r = r_;
    // This function puts the hero in the Box2d world
    makeBody(x, y, r);
    body.setUserData(this);
  }

  void display() {
    Vec2 pos = box2d.getBodyPixelCoord(body);
    pushMatrix();
    translate(pos.x, pos.y);
    fill(0, 44, 188);
    noStroke();
    ellipse(0, 0, r*2, r*2);
    popMatrix();
  }

  void mover() {
    Vec2 move = new Vec2(0, 0);
    Vec2 pos = body.getWorldCenter();

    if ((keyPressed == true) && ((key == 'w') || (key == 'W'))) {
      move.y += 100;
    }
    if ((keyPressed == true) && ((key == 's') || (key == 'S'))) {
      move.y -= 100;
    }
    if ((keyPressed == true) && ((key == 'a') || (key == 'A'))) {
      move.x -= 100;
    }
    if ((keyPressed == true) && ((key == 'd') || (key == 'D'))) {
      move.x += 100;
    }
    body.applyForce(move, pos);
  }

  Vec2 velocity() {
    return body.getLinearVelocity();
  }

  //Here is the method that would limit the movement of my hero if it worked.
  //Box2d coordinate system is in the middle of the screen.
  void boundary() {
    Vec2 pos = box2d.getBodyPixelCoord(body);
    if (pos.x < r) {
    pos.x = r;
    }
    if (pos.x > width-r) {
    pos.x = width-r;
    }
    if (pos.y < r) {
    pos.y = r;
    }
    if (pos.y > height-r) {
    pos.y = height-r;
    }
  }  

  // Here's our function that adds the particle to the Box2D world
  void makeBody(float x, float y, float r) {
    // Define a body
    BodyDef bd = new BodyDef();
    // Set its position
    bd.position = box2d.coordPixelsToWorld(x, y);
    bd.type = BodyType.DYNAMIC;
    body = box2d.createBody(bd);

    // Make the body's shape a circle
    CircleShape cs = new CircleShape();
    cs.m_radius = box2d.scalarPixelsToWorld(r);

    FixtureDef fd = new FixtureDef();
    fd.shape = cs;
    // Parameters that affect physics
    fd.density = 1;
    fd.friction = 0.01;
    fd.restitution = 0.3;

    // Attach fixture to body
    body.createFixture(fd);    
  }

}

I hope you won't mind that it uses Box2D, its part of the game I make. I'm not sure if this is a lag factor. At the moment, I have no guess as to what causes this. Any hint is welcomed.

Multidimensional arrays and java?

shawnlau — Wed, 18 Oct 2017 00:27:03 +0000

I'm working on a paint program that will be able to handle larger images ( 4800 x 6000) pixels. In order to mix pixels properly, I've found I need to either use a floating point array or an array with the integer r,g,b, values of the pixels shifted 16. Using just integers, there is a little clipping each time that is lost and they start adding up into weird hue shifts. Though tests, I've found no difference in performance between using the floating point array and the integer shifted array-at least on the java machine. So I use the float because its clearer.

But I have found a major difference in performance between using a multidimensional array and 3 one dimension arrays.

I had been allocating the array as such:

float floatArray = new float[4800 * 6000][3];

That little line of code took about 5-10 seconds to allocate on my Windows 7, i7 processor with 16gb ram.

But writing it as this takes only milliseconds to allocate:

float floatArrayR = new float[4800 * 6000];
float floatArrayG = new float[4800 * 6000];
float floatArrayB = new float[4800 * 6000];

I remember reading many years ago that different os's handle multidimensional arrays differently and one should not assume how the members are ordered. I can't imagine how the java virtual machine handles multidimensional arrays to make them so much slower than one dimension arrays. Allocation time from 5-10 seconds to milliseconds? Whats going on there? The multidimensional array also slowed garbage collection so much it was performance issue. Not so with the one dimension array.

KetaiCamera extremely slow when compiled from Android Studio

surumadurum — Sun, 24 Sep 2017 16:10:28 +0000

I face an odd behaviour when I compile my sketch from within Android Studio (what I have to to because I am using a JNI library dependency):

The same app (namely the CameraGettingStarted example sketch from Ketai library examples) has about 15FPS when I compile from the processing app and only about 3-4 FPS when I use Android Studio.

I just imported the temporary build folder into Android Studio, so basically everything (manifest, build.gradle etc.) is untouched.

Does anyone have an idea???

p5.js code feedback/critique

xna — Thu, 21 Sep 2017 22:30:59 +0000

I made this keyboard and Source and is not particulary fast, but kind of works. In order to avoid retriggering when you hold down a key, I make an array for the triggered notes, make a copy of that array and then delete the original array and fill it again with the new keys. I then check if the newly triggered keys are also in the previously triggered array and if, so don't play them.

Is there a way to optimize the performance of this and make it work on desktops without touch?

Any hints greatly appreciated.

var keyboard,       //image of the keyboard
    kbdcopy,        //resized image of the keyboard (visible)
    keycolormap,    //colormap of the keys (hidden)
    imageRatio,     //ratio of the image h/w    
    keyboardWidth,  
    //keyboardHeight,
    keysdown = new Array(),
    previouskeysdown = new Array(),
    scaleFactor = 1;    //scaling factor of the image

const FOLDER = 'keys/', EXT = '.wav',
      INDEX_START = 53, INDEX_END = 79,
      INDEX_TOTAL = 1 + INDEX_END - INDEX_START,
      sounds = Array(INDEX_TOTAL);

//sounds.playMode(restart); // for some reason this throws an error even though it's in the sound.p5,js reference

function preload() {
    for (let i = 0; i < INDEX_TOTAL; ++i){
        sounds[i] = loadSound(FOLDER + (i + INDEX_START) + EXT);
    }
    keyboard=loadImage("keyboard.png", img => kbdcopy = img.get());
    keycolormap=loadImage("keycolormap.png");
}

function setup()   {
    var myCanvas = createCanvas(windowWidth, windowHeight);
    myCanvas.parent("keyboard");
    colorMode(RGB, 255);
    imageRatio = keyboard.height/keyboard.width;
    //print("imageRatio: "+imageRatio);
    windowResized();
  }

function draw() {
    background(255);
    image(kbdcopy,0,0);
    textSize(17);
    fill(150);
    text("TinyKeys v.0.13 Max Neupert, 2017",10,kbdcopy.height+25);
//    text("touches: "+touches.length,10,kbdcopy.height+45);
//    text("keysdown: ",10,kbdcopy.height+65);
//    for (var i=0;i-1){
            keysdown.push(note);
        }
    }
    if (touches.length==0){
         keysdown = [];
        }
}

function playing(){
    var note;
    for (let i = 0; i



How long does textAlign take
schotsl — Fri, 08 Sep 2017 13:43:53 +0000
Quick question, does the textAlign function take just as long manually calculating what the position should be with for instance textDecent or is the text Align function not as efficient?



To anyone experiencing low frame rates when using image() many times
MadScience2728 — Tue, 29 Aug 2017 01:43:45 +0000
Greetings,

I had a very big problem in an app I'm developing. So far I've only used it JAVA Mode, and my framerates where about 20-30 fps, so on a tablet the sketch would never work. I've googled to my best ability but couldn't find a solution.

The game is a word game, and has an 9*11 grid of letter tiles (plus the background). Each one of these is a pre-loaded PImage of 55x55px.
If I remove the image() function in the tiles display() method, the problem went away.

So my question was how in the world do I display that many images without problem? A game like Minecraft can display thousands of images, in higher pixel dimensions, in 3D, and at high framerates. Why couldn't I?

I reduced the code to the problem below (image file below too if you want to test). Right before I was about to post on this forum to get help, I tried taking the size to display parameters out of the image() call. And it worked. The on-the-fly display size of the image was taking up way too much CPU.

If you're having this same problem, hopefully your problem is the same, and you can fix it easily like I have. Modifications:

Add this in setup:
tile.resize(round(full_tile), round(full_tile));

Change this in draw:
image(tile, grid[x][y].x, grid[x][y].y);

And that is it! Hope this helps!

PImage tile;

float full_tile;
float three_quarter_tile;
float half_tile;
float quarter_tile;
float eighth_tile;

PVector grid_tile_dims;
PVector[][] grid;
PVector grid_corner;



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

  tile = loadImage("tile.png");

  full_tile = height/12;
  three_quarter_tile = full_tile * 0.75;
  half_tile = full_tile * 0.5;
  quarter_tile = full_tile * 0.25;
  eighth_tile = full_tile * 0.125;

  grid_tile_dims = new PVector(11, 9);
  grid = new PVector[int(grid_tile_dims.x)][int(grid_tile_dims.y)]; 
  float grid_step = eighth_tile;
  grid_corner = new PVector(width - (half_tile + ((height - ((grid_tile_dims.y * full_tile) + ((grid_tile_dims.y - 1) * grid_step)))/2)), quarter_tile + ((height - ((grid_tile_dims.y * full_tile) + ((grid_tile_dims.y -1) * grid_step)))/2));


  for   (int y = 0; y < int(grid_tile_dims.y); y++)
  {
    for (int x = 0; x < int(grid_tile_dims.x); x++)
    {
      float sep = 0;
      if (x % 2 != 0.0) sep = half_tile;
      grid[x][y] = new PVector(grid_corner.x - ((full_tile + grid_step) * x), sep + grid_corner.y + ((full_tile + grid_step) * y));
    }
  }
}


void draw()
{
  background(255);

  for (int y = 0; y < int(grid_tile_dims.y); y++)
  {
    for (int x = 0; x < int(grid_tile_dims.x); x++)
    {
      if(!mousePressed) image(tile, grid[x][y].x, grid[x][y].y, full_tile, full_tile);
    }
  }

  fill(0);
  textAlign(LEFT, TOP);
  textSize(height/32);
  text(int(frameRate), 2, 2);
}








Why is my game lagging so much? HELP!
HOSTL — Thu, 24 Aug 2017 17:30:29 +0000
Hi! I have been working on an RTS game lately and it has been lagging A LOT. I only started development 3 days ago. (It can't be my PC, because it can play Overwatch) Anyways, here is my code (It is objective oriented so there will be lots of classes before the main code):

class SelectionMenu {
  PImage buildingSprite;
  boolean placing;
  boolean bought;
  boolean setMouseCoordinateToXY;
  int buildingX;
  int buildingY;

  void display() {
    //Background
    stroke(155, 0, 0);
    strokeWeight(4);
    fill(0, 0, 0, 175);

    rect(0, 500, 1280, 220, 20);

    //Tower Selection
  }

  void update() {
    if (mousePressed == true && bought == false && mouseY < 500) {
      placing = true;
    }
    if (placing == true) {
      image(loadImage("bank.png"), mouseX, mouseY);
      if (mousePressed == true) {
        if (setMouseCoordinateToXY == false) {
          buildingX = mouseX;
          buildingY = mouseY;
        }
        gameBuildings.add(new Building(1, mouseX, mouseY));
      }
    }
  }
}



class Troop extends GameObject {
  PImage troopSprite;

  Troop(int type_) {
    type_ = type;
  }
}



class Building extends GameObject {
  PImage buildingSprite;

  Building(int type_, int x_, int y_) {
    type = type_;
    x = x_;
    y = y_;
  }

  void display() {
    image(buildingSprite, x + cameraX, y + cameraY);
  }

  void update() {
    //Selects buildingSprite
    if (type == 1) {
      buildingSprite = loadImage("bank.png");
    }

    //BANK
    if (type == 1) {
      money += .25;
    }
  }
}



class MusicHandler extends GameObject {
  boolean bgm1playing;
  boolean bgm2playing;
  boolean bgm3playing;
  int timer;

  void update() {
    text(timer, 100, 100);

    //Updates timer
    timer++;

    //Does stuff
    if (bgm1playing == false && bgm2playing == false && bgm3playing == false) {
      bgm1.play();
      bgm1playing = true;
      if (timer > 300) {
        bgm2playing = true;
        bgm1playing = false;
      }
    }
    if (bgm2playing == true) {
      bgm2.play();
      if (timer > 500) {
        bgm3playing = true;
        bgm2playing = false;
      }
    }
    if (bgm3playing == true) {
      bgm3.play();
      if (bgm3.duration() > 10) {
        bgm1playing = false;
        bgm2playing = false;
        bgm3playing = false;
      }
    }
  }
}



class CameraController {
  void update() {
    if ((keys['w']) || (keys['W'])) {
      cameraY += 15;
    }
    if ((keys['a']) || (keys['A'])) {
      cameraX += 15;
    }
    if ((keys['s']) || (keys['S'])) {
      cameraY -= 15;
    }
    if ((keys['d']) || (keys['D'])) {
      cameraX -= 15;
    }
  }
}



class GameObject {
  boolean grounded;
  float x;
  float y;
  float w;
  float h;
  int type;

  void display() {}
  void update() {}
}



import processing.sound.*;

final static ArrayList gameBuildings = new ArrayList();
final static ArrayList gameTroops = new ArrayList();

boolean keys[] = new boolean[128];

SoundFile bgm1;
SoundFile bgm2;
SoundFile bgm3;

SelectionMenu selectionMenu = new SelectionMenu();

MusicHandler mHandler = new MusicHandler();

CameraController camera = new CameraController();

PImage background;

double money;

int cameraX;
int cameraY;

void setup() {
  fullScreen();

  bgm1 = new SoundFile(this, "bgm1.mp3");
  bgm2 = new SoundFile(this, "bgm2.mp3");
  bgm3 = new SoundFile(this, "bgm3.mp3");

  background = loadImage("background.png");
}

void draw() {
  background(0, 120, 0);

  camera.update();

  for (int i = -5120; i < 5120; i += 1280) {
    for (int a = -2880; a < 2880; a += 720) {
      image(background, i + cameraX, a + cameraY);
    }
  }

  for (int i = 0; i < gameBuildings.size(); i++) {
    Building bObj = gameBuildings.get(i);
    bObj.update();
    bObj.display();
  }

  selectionMenu.display();
  selectionMenu.update();

  fill(0, 255, 0);
  text("$" + money, 10, 10);
}

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

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




Less CPU intensive way to scan pixels
TimShaw — Wed, 26 Jul 2017 23:03:33 +0000
Hi -

I am scanning an image line by line and outputting the greyscale of each pixel to Pure Data via OSC, all of it is working ok but it seems super intensive for the computer, the fans are on full speed and sometimes Processing crashes a few minutes in.

Is there anything I can do to make this code less intensive? Might be missing something obvious?

It could be because of the frameRate, and if so are there any suggestions of other ways of doing this? So that I can still run the scanning pretty fast

Thanks in advance for any help

import oscP5.*;
import netP5.*;

NetAddress remote;
OscP5 oscP5;
//int incomingOSCData;
// int sendTestData;
// String msgType;

PImage img;
int x, y, s, r;

void setup() {
  size(500, 500);
  oscP5 = new OscP5(this,12000);
  remote = new NetAddress("127.0.0.1",3000);
  s = 10;
  stroke(255);
  reset();
  frameRate(200);
  img = loadImage("10.jpg");
  background(0);
  img.loadPixels();
}

void reset(){
  background(0);
  x = 0;
  y = 0;
  OscMessage msg = new OscMessage("/sync");
  msg.add(1);
  oscP5.send(msg,remote);
}

void draw() {
  if(x>=width){ y+=s; x=0; }
  if(y>=height) reset();
  delay(100);
  int loc = x + y*img.width;
  noStroke();
  color c = img.pixels[loc];
  // int alpha = (c >> 24) & 0xFF;
  int red   = (c >> 16) & 0xFF;
  int green = (c >> 8)  & 0xFF;
  int blue  =  c        & 0xFF;
  int gray = ((red + green + blue) / 3);
  // println(alpha + " " + red + " " + green + " " + blue);
  fill(c);
  rect(x++,y,4,4);
  // println(gray);
  OscMessage msg = new OscMessage("/grayscale");
  msg.add(gray);
  oscP5.send(msg,remote);
}




making particle system more efficient (in particular when they are deleted)
secondsky — Thu, 29 Jun 2017 13:37:40 +0000
Hi all, i'm trying to do a particle system where basically i have a matrix of drops that is gonna fall down. 
Kind o the simulation of a 3d water courtain.

As in the Shiffman examples, i'm using a OOP approach, where each particle is an object in an arraylist and when they go too fare are deleted to free memory.

The only difference is that the particle system is executed in a parallel thread and the main one just get a copy of the particles to represent them, when is needed.

What i don't understand, is why the sketch slow down so much when the drops approach the distance where they are deleted.
After all, the check happen to every loop anyway. Is there some technique to make this more efficient?

import peasy.*;

PeasyCam cam;

ParticleSystem ps;

void setup() {

  size(600, 600, P3D);

  cam = new PeasyCam(this, 15, 30, 15, 100);
  cam.setMinimumDistance(50);
  cam.setMaximumDistance(500);
  ps = new ParticleSystem();
}

void draw() {

  background(255);
  noFill();
  strokeWeight(1);

  pushMatrix();
  translate(15, -5, 15);
  box(30, 10, 30);
  popMatrix();

  pushMatrix();
  translate(15, 50, 15);
  box(30, 30, 30);
  popMatrix();

  pushMatrix();
  strokeWeight(0.1);

  ArrayList particles = ps.particles();
  for (int i = 0; i< particles.size(); i++ ) {

    point(
      particles.get(i).position.x, 
      particles.get(i).position.y, 
      particles.get(i).position.z
      );
  }

  popMatrix();
}

public  class ParticleSystem implements Runnable {

  boolean loop = true;
  ArrayList particles;

  long lastUpdate;
  int updateInterval = 10;

  float maxTravelDistance = 35 ;
  float pRF = 0.005;  // particlesRandomFactor


  public ParticleSystem() {


    particles = new ArrayList();

    for (int x = 0; x < 15; x++) {
      for (int z = 0; z < 15; z++) {
        for (int i = 0; i < 1000; i++)
        {
          particles.add(new Particle(new PVector(x*2, 0, z*2), new PVector(random(-pRF, pRF), random(-pRF, pRF), random(-pRF, pRF))));
        }
      }
    }
    new Thread(this).start();
    println(particles.size());
  }

  @ Override
  public void run() {

    while (loop) {
      if (millis()-lastUpdate > updateInterval && millis() > 3000) {
        if (particles.size() >0) {
          for (int i = particles.size()-1; i>0; i--) {
            if (particles.get(i).position.y > maxTravelDistance) particles.remove(i);
            else  particles.get(i).update();
          }
        }
        lastUpdate = millis();
      }
    }
  }


  ///////////particles
  public synchronized ArrayList particles() {
    return particles;
  }




  public synchronized PVector[] getPositions() {

    //ArrayListparticlesToExport = particles().toArray(new Particle[particles.size()]);

    ArrayListparticlesToExport = particles;
    PVector[] output = new PVector[particlesToExport.size()];

    for (int i = 0; i < output.length; i++)
    {
      output[i] = particlesToExport.get(i).position();
    }

    return output;
  }
}


public  class  Particle {

  float mass;
  boolean isDead = false;
  float airDrag = 0.95;


  PVector position;
  PVector oldPosition;

  PVector speed;
  PVector acceleration;

  public Particle(PVector p, PVector s) {
    mass = random(0.9, 1.1);
    position = p;
    speed = s;
    acceleration = new PVector(0, 0.02*mass, 0);
  }

  void update() {
    //oldPosition = position;
    if (abs(speed.x) >=0.05 || abs(speed.z) >= 0.05) speed.mult(airDrag);
    if (!(speed.y > 10)) speed.add(acceleration);
    position.add(speed);
  }

  ///////////position
  public synchronized void position(PVector input) {
    position = input;
  }
  public synchronized PVector position() {
    return position;
  }
}




Performance and Memory Issues
Bhargav — Sun, 18 Jun 2017 07:51:37 +0000
I am using latest version of processing on raspberry pi 3 latest updated OS.  TO give you overview of my project includes using dynamically loading of some images for display and which are dynamically fetched while the program is running. And it uses GPIO pins and captures pictures from a webcam. My program starts with auto run. Code and functionality wise everything is working well to my project but I think its not using the full resources available on Pi and working slow. If it can use more resources of Pi it might run faster but i dont know how to work on it

In the scenario the startup time is takes about 45seconds to 60seconds(a minute) until it completely load the program and starts running. As the program is still loading i cant even show loading symbol on the screen as the pi is loading processing and he program it self.

Also the task manager shows that the memory is used between 400MB to 600MB out of 923MB(total) while the processing code alone is running. Also at the same time the CPU usage is also less the 55% shown in task manager's live display.

And If i leave my program keep running and dont do anything after sometime the raspberry Pi system hangs and I have to forcefully  swtich off the power.

Need to how can i make processing on Raspberry Pi make use of more RAM memory and CPU available to it.

I also went into raspi-config and from advance setting to GL Drivers ann enabled the GL Full KMS option. Then I added into 256MB for GPU memory. But it doesnt help much. Can't see any effective results while the code is running.



Faster way of drawing a byte to the screen ?
aephx — Wed, 07 Jun 2017 18:52:24 +0000
Hey guys!
I've made a Program that basically emulates a 256x192 (monochrome)screen in processing.
The byte-array, in which i store the pixel-data, has 6kb.  (8pixel per byte, to a total of 6144bytes). 
1 drawing cycle of the screen (if every pixel is a 1==white) takes the Program around 6 seconds.

So my question is, is there a faster way of drawing a byte to the screen than my approach?

Code of the drawing "algorithm":

for (int I=0; I<6144; I++){
    int x,y = I/32;
    for(int X=0; X<32; X++) {
      x = X*8;
      // checks if the bit is == 1 and then draws the point
      if ( (DataIn[I] & 0x01) > 0) point(x,y);
      if ( (DataIn[I] & 0x02) > 0) point(x+1,y);
      if ( (DataIn[I] & 0x04) > 0) point(x+2,y);
      if ( (DataIn[I] & 0x08) > 0) point(x+3,y);
      if ( (DataIn[I] & 0x10) > 0) point(x+4,y);
      if ( (DataIn[I] & 0x20) > 0) point(x+5,y);
      if ( (DataIn[I] & 0x40) > 0) point(x+6,y);
      if ( (DataIn[I] & 0x80) > 0) point(x+7,y);
    }
  }

also sorry about my bad english



Optimize my Conway Game of Life in Quil in Clojure
Aljones15 — Mon, 05 Jun 2017 11:47:13 +0000
Ok so in clojure REPL (time (conway-state cells)) returns about 0.43 milliseconds more than fast enough for 15 FPS. However the actual draw loop seems to be really lagging on drawing my rects. code below:``

  1(ns hello-quil.core                                                                                                  
  2                                                                                                                     
  3 (:require [quil.core :as q]                                                                                         
  4            [quil.middleware :as m]                                                                                  
  5            [clojure.core.reducers :as r]))                                                                          
  6                                                                                                                     
  7(def scaler 10.0)                                                                                                    
  8(defstruct cell :index :alive :x :y)                                                                                 
  9(defn scale-w [] (Math/floor (/ 640 scaler) ))                                                                       
 10(defn scale-h [] (Math/floor (/ 360 scaler) ))                                                                       
 11                                                                                                                     
 12                                                                                                                     
 13(defn scaledCoord [coord] (if (= coord 0) coord (* scaler coord)))                                                   
 14                                                                                                                     
 15(def initState                                                                                                       
 16  ; the initial state                                                                                                
 17  (map-indexed                                                                                                       
 18    (fn [index num]                                                                                                  
 19      (struct cell index (rand-int 2) (scaledCoord (mod index (scale-w)))                                            
 20        (scaledCoord(Math/floor (/ index (scale-w))))))                                                              
 21    (range 0 (* (scale-w) (scale-h))))                                                                               
 22)                                                                                                                    
 23                                                                                                                     
 24(defn setup []                                                                                                       
 25  ; Set frame rate to 30 frames per second.                                                                          
 26  (q/frame-rate 15)                                                                                                  
 27  ; Set color mode to HSB (HSV) instead of default RGB.                                                              
 28  (q/color-mode :hsb)                                                                                                
 29  ; setup function returns initial state. It contains                                                                
 30  {:cells (into [] initState)}                                                                                       
 31)                                                                                                                    
 32                                                                                                                     
 33(defn getNeighbor [x y cells]                                                                                        
 34  ; gets the neigbor or return a random alive if no neighbor                                                         
 35  (let [result (into [] (r/filter (fn [c] (and (= x (:x c)) (= y (:y c)))) cells))]                                  
 36  (if (empty? result) (rand-int 2) (:alive (first result))))                                                         
 37)                                                                                                                    
 38                                                                                                                     
 39                                                                                                                     
 40(defn getNeighbors [c cells]                                                                                         
 41  ; get neighbors in 8 directions                                                                                    
 42  (let [x (:x c) y (:y c) left (- x scaler) right (+ x scaler) up (+ y scaler) down (- y scaler)]                    
 43    (map                                                                                                             
 44      (fn [[newX newY]](getNeighbor newX newY cells))                                                                
 45      [[right y] [left y] [right up] [left up] [x up] [x down] [right down] [left down]]))                           
 46)                                                                                                                    
 47                                                                                                                     
 48                                                                                                                     
 49(defmulti cell-state                                                                                                 
 50  ; takes a vector of neighbors and sums them                                                                        
 51  (fn [c cells] (reduce + cells))                                                                                    
 52)                                                                                                                    
 53; if there are 2 the cell stays the same                                                                             
 54(defmethod cell-state 2 [c cells] c)                                                                                 
 55; if there are 3 neighbors we reproduce 1                                                                            
 56(defmethod cell-state 3 [c _] (assoc c :alive 1))                                                                    
 57; everything else it dies                                                                                            
 58(defmethod cell-state :default [c _] (assoc c :alive 0))                                                             
 59                                                                                                                      60(defn update-cell [cells]                                                                                            
 61  ; curried func that takes the state, then return a mappable func                                                   
 62  (fn [c] (let [neighbors (getNeighbors c cells)]                                                                    
 63    (cell-state c neighbors)))                                                                                       
 64)                                                                                                                    
 65                                                                                                                     
 66(defn conway-state [cells]                                                                                           
 67  ; update conway's game of life                                                                                     
 68  (map (update-cell cells) cells)                                                                                    
 69)                                                                                                                    
 70                                                                                                                     
 71(defn update-state [state]                                                                                           
 72  ; Update sketch state by changing circle color and position.                                                       
 73  {:cells (conway-state (:cells state))}                                                                             
 74)                                                                                                                    
 75                                                                                                                     
 76(defn getFill [alive]                                                                                                
 77  (if (> alive 0) 255 0)                                                                                             
 78)                                                                                                                    
 79                                                                                                                     
 80(defn draw-cell [c]                                                                                                  
 81  (q/with-fill [(getFill (:alive c))] (q/rect (:x c) (:y c) scaler scaler))                                          
 82)                                                                                                                    
 83                                                                                                                     
 84(defn draw-state [state]                                                                                             
 85  ; Clear the sketch by filling it with light-grey color.                                                            
 86  (q/background 240)                                                                                                 
 87  ; Calculate x and y coordinates of the cell and the color.                                                         
 88  (doseq [cell (:cells state) ]                                                                                      
 89    (draw-cell cell))                                                                                                
 90)            
91                                                                                                                     
 92(q/defsketch hello-quil                                                                                              
 93  :title "Basic Conway Game of Life"                                                                                 
 94  :size [640 360]                                                                                                    
 95  ; setup function called only once, during sketch initialization.                                                   
 96  :setup setup                                                                                                       
 97  ; update-state is called on each iteration before draw-state.                                                      
 98  :update update-state                                                                                               
 99  :draw draw-state                                                                                                   
100  :features [:keep-on-top]                                                                                           
101  ; This sketch uses functional-mode middleware.                                                                     
102  ; Check quil wiki for more info about middlewares and particularly                                                 
103  ; fun-mode.                                                                                                        
104  :middleware [m/fun-mode])                 




Sketch running slow
Sjors — Tue, 25 Apr 2017 16:53:39 +0000
So I made this little game with pictures (they are hosted online so anyone can run this script) on my computer it runs fine but when I move to a device with lower specs it starts to drop to like 5fps how would I solve this? also when running this code it could look clitchy since I didn't keep aspect ratios in mind when making it.

EDIT: I made the stupid mistake of not mentioning that when I when I said "a lower spec system" I meant an andriod phone

ArrayList  bullets;
int background_y;

PImage background;
PImage player;
PImage enemy;
PImage bullet;

int bullet_traveling;
int bullet_timer1;
int bullet_timer2;
int bullet_shot;
int bullet_side;
int bullet_x;
int bullet_y;

int enemy_health;
int enemy_x;
int enemy_y;

int player_x;
int player_y;

void setup() {
  fullScreen();
  frameRate(60);
  bullets = new ArrayList();

  background = loadImage("https://" + "s21.postimg.org/oubg978af/background.png");
  player = loadImage("https://" + "s13.postimg.org/hy84r98mv/player.png");
  bullet = loadImage("https://" + "s23.postimg.org/45ev766kr/bullet.png");
  enemy = loadImage("https://" + "s27.postimg.org/6njql63gz/enemy.png");

  bullet.resize(bullet.width/3, bullet.height/3);
  background.resize(width, height);

  player_y = height/4*3;
  player_x = width/2;
}

void draw() {
  background();
  for (Bullet temp : bullets) temp.update();
  bullet_enemy();
  player();
  enemy();

  if (mousePressed) {
    if (bullet_timer1 == 0) {
      bullet_timer1 = 1;
      bullet_timer2 = millis();
    }
    if (millis() - bullet_timer2 >= 200) {
      bullet_timer1 = 0;
      if (bullet_side == 1) {
        Bullet temp = new Bullet(player_x+55, player_y);
        bullets.add(temp);
        bullet_side = 0;
      } else {
        Bullet temp = new Bullet(player_x-55, player_y); 
        bullets.add(temp);
        bullet_side = 1;
      }
    }
  }
}

void background() {
  image(background, 0, background_y);
  image(background, 0, background_y-height);
  background_y += 1;
  if (background_y >= height) background_y = 0;
}

void enemy() {
  if (enemy_health == 0) {
    enemy_health = 1;
    enemy_y = -enemy.width/2;
    enemy_x = int(random(enemy.width/2, width-enemy.width/2));
  }
  if (enemy_y-enemy.width/2 >= height) {
    enemy_health = 0;
  }
  enemy_y += 3;

  image(enemy, enemy_x-enemy.width/2, enemy_y-enemy.height/2);
}

void player() {
  if (mousePressed && player_x < mouseX) player_x = player_x + 12;
  if (mousePressed && player_x > mouseX) player_x = player_x - 12;
  image(player, -player.width/2+player_x, -player.height/2+player_y);
}

void bullet_enemy() {
  if (player_x <= enemy_x+100 && player_x >= enemy_x-100 || bullet_traveling == 1) {
    bullet_traveling = 1;
    if (bullet_shot == 0) {
      bullet_x = enemy_x;
      bullet_y = enemy_y;
      bullet_shot = 1;
    }
    rect(bullet_x, bullet_y, 10, 10);
    bullet_y = bullet_y + 30 ;
  }

  if (bullet_x <= player_x+player.width/2 && bullet_x >= player_x-player.width/2 && bullet_y >= player_y) {
    bullet_traveling = 0;
    bullet_shot = 0;
  }
}

class Bullet {
  float x;
  float y;
  float speed;

  Bullet(float tx, float ty) {
    x = tx;
    y = ty;
  }

  void update() {
    image(bullet, -bullet.width/2+x, -bullet.height/2+y);
    y -= 25;
    if (x <= enemy_x+enemy.width/2 && x >= enemy_x-enemy.width/2 && y <= enemy_y) {
      x = -10000;
      enemy_health = 0;
    }
  }
}




Rendering using P2D on an EC2 instance?
thomas_capogreco — Thu, 20 Apr 2017 16:49:21 +0000
I am using a recursive trig function to make super high definition symmetrical spiral shapes that morph into one another, but because of the computation involved, it is very slow: ~6 hours for a minute of footage (1440 frames) on my mbp.

The P2D renderer doesn't make it go that much faster on my computer, but I thought there might be a way to make use of a GPU instance on EC2 via OpenGL?

Thanks to one of Daniel Shiffman's tutorials, I managed to get a sketch running on EC2 and exporting .png files using the default renderer - would I just be better off getting a compute instance and using the default renderer? I was curious so I hired a larger compute instance, but it rendered the frames only very slightly faster than the free tier instance.

Any advice / pointers / resources wrt rendering headless on EC2 would be amazing!!



Slowdown when looping through IntList()'s
gonadgranny — Thu, 30 Mar 2017 10:57:42 +0000
Hi folks!
I have been using IntList() to store an arbitrary amount of mouse coordinates. i chose intlist because it does not require the size to be declared in the beginning.
I have been looping over these points to draw a graph using the following code:

void drawgraph(){
  //draw the visual rep of the positional points
  int buffer =  10;
  stroke(0);
  fill(255);
  rectMode(CORNER);
  rect(0,height - graphHeight,width,graphHeight +20);
  if(posX.size() > 1){
    for(int i = 0; i < posX.size() -1; i++){
    float a = map(posX.get(i),maxleft,maxright,height-buffer, height - (graphHeight -buffer));
    float b = map(posX.get(i+1),maxleft,maxright,height-buffer, height - (graphHeight -buffer));
    float a1 = map(posY.get(i),maxup,maxdown,height - (graphHeight -buffer), height-buffer);
    float b1 = map(posY.get(i+1),maxup,maxdown,height - (graphHeight -buffer), height-buffer);

      stroke(#00D3ED);//xgraph
      strokeWeight(1);
      line((i+xLen),a,(i+xLen),b);
      stroke(#F534BE);//ygraph
      strokeWeight(1);
      line((i+xLen),a1,(i+xLen),b1);

    }
  }
}


This works fine but it does seem to use a lot of CPU. the longer the list gets(and subsequently has to be displayed) the more of the cpu its hogging) I want to incorporate a third data steam into the mix and when i do its grinds to a halt.
Is there a better way for me to accomplish this? I have been looking into using Pgraphics to speed things up which works great for static graphics but gets a bit complicated when things are relatively dynamic. Anly help would be much appreciated. Thanks, Danny.