A3D Image/Shape acceleration

Android Processing

David Wil..

in Android Processing • 2 years ago

Hi all,

I am building something akin to a side-scrolling game in Android and am struggling with performance issues.

Can anyone tell me the best way to render the images in this sketch. Are there any techniques for rendering something like this quicker? I have been reading about VBOs and Display Lists, but I'm a little confused as to how to achieve hardware acceleration in 2D using the Android renderer. These images could easily be SVG if it helps.

Any pointers would be greatly appreciated.

Thanks

Dave

int offset = 64;
int numberOfComponents = 14;
int speed = 5;
int numImages = 4;

PImage[] imgs = new PImage[numImages];

Component[] pointComponents = new Component[numberOfComponents];

float[] yValues = { 
  0, 64, 128, 192, 256, 320, 384, 0, 64, 128, 192, 256, 320, 384,
};

void setup() {
  size(800, 480, A2D);
  orientation(LANDSCAPE);
  for (int i = 0; i < imgs.length; i++) {
    imgs[i] = loadImage(i+".png");
  }

  for (int i = 0; i < pointComponents.length; i++) {
    pointComponents[i] = new Component(i*offset, yValues[i]);
  }
}

void draw() {
  background(0);
  for (int i = 0; i < pointComponents.length; i++) {
    pointComponents[i].run();
  }
  fill(255);
  text(frameRate, 40, 400);
}

class Component {

  PImage componentGraphic;
  float x, y;
  int index;
  String a;

  Component(float x, float y) {
    this.x = x;
    this.y = y;
    index = int(random(numImages));
  }

  void run() {
    display();
    move();
    cycle();
  }

  void display() {
    for (int i = 0; i < imgs.length; i++) {
      image(imgs[index], x, y+(i*offset));
    }
  }

  void cycle() {
    if (x <= -60) {
      x=width;
    }
  }

  void move() {
    x -= speed;
  }
}

Replies(6)

David Wil..

Re: A3D Image/Shape acceleration

2 years ago

Hi, I've updated this post and added some code in the hope that someone point me in the right direction.

radiodario

Re: A3D Image/Shape acceleration

2 years ago

Hey maybe one thing you might wanna do is de-couple the drawing from the updating, you can achieve that by making the component class extend a thread, implementing a run() method that updates the position of the objects (i.e., executes move()) and then calling draw() from the main draw() loop. This might give you some performance, as a separate thread will be used to do the calculations of where things should go.

hit me up if you need a more clear example.

David Wil..

Re: Re: A3D Image/Shape acceleration

2 years ago

Thanks for the reply, I'd be really interested to see an example, would be much appreciated!

radiodario

Re: A3D Image/Shape acceleration

2 years ago

Hmm something like this:

int offset = 64;
int numberOfComponents = 14;
int speed = 5;
int numImages = 4;
PImage[] imgs = new PImage[numImages];
Component[] pointComponents = new Component[numberOfComponents];
float[] yValues = {
0, 64, 128, 192, 256, 320, 384, 0, 64, 128, 192, 256, 320, 384,
};
void setup() {
size(800, 480, P2D);
//orientation(LANDSCAPE);
for (int i = 0; i < imgs.length; i++) {
imgs[i] = loadImage(i+".png");
}
for (int i = 0; i < pointComponents.length; i++) {
pointComponents[i] = new Component(i*offset, yValues[i]);
pointComponents[i].start(); // we start the thread here (or wherever you want?)
}
}
void draw() {
background(0);
for (int i = 0; i < pointComponents.length; i++) {
pointComponents[i].display(); // we call display instead of run
}
fill(255);
text(frameRate, 40, 400);
}
class Component extends Thread {
PImage componentGraphic;
float x, y;
int index;
String a;
Component(float x, float y) {
super("component");
this.x = x;
this.y = y;
index = int(random(numImages));
}
@override // we're overriding thread's run() method
void run() {
while (true) { // maybe you wanna make it sleep according to the framerate?
move();
cycle();
}
}
void display() {
for (int i = 0; i < imgs.length; i++) {
image(imgs[index], x, y+(i*offset));
}
}
void cycle() {
if (x <= -60) {
x=width;
}
}
void move() {
x -= speed;
}
}

I strongly recommend you read up on threads in java. they're friggin useful.

David Wil..

Re: Re: A3D Image/Shape acceleration

2 years ago

That's fantastic, thanks very much for this, I have started to look at threads but this will really help.

Appreciate you taking the time.

David Wil..

Re: A3D Image/Shape acceleration

2 years ago

This is giving me some pretty crazy results!

Would you mind expanding a little on:

// maybe you wanna make it sleep according to the framerate?

Would be really useful

I tried adding,

try {

sleep(10);

}

catch (Exception e) {

}

which is giving me gaps in-between the grid of tiles, suppose because the main animation thread and the threads of the components aren't sync'd properly, but i wouldn't have a clue how to go about that. Looks like I have extensive reading to do on threads.

A quick question if you'll indulge me? Rather than an array of components each extending Thread, (resulting unless I'm mistaken in an array of threads) why not have a Component "engine" which extends Thread and has the single task of driving the components move function? Or does this defeat the point?

Cheers

Top Reply