I've got an android tablet app that has quite a few buttons on it, (35 to be precise!).  The responsiveness of the buttons is a bit laggy, probably 500ms or so.  I'm wondering what, if anything, I can do with my code to try and improve the lag.

The co-ordinates and size of each button are stored in array of objects (uiELement) and when a mousePressed() event is fired, I cycle through the array to see if the X,Y of the 'mouse' was within the boundary of any of the buttons.

Just to put in context, the app looks like this:

The full Sketch is pasted below.  If anyone knows of any optimisations that I can use to improve the performance, that would be much appreciated!

thanks

Jim

                   

                    
color light = color(0,104,141); color dark = color(0,33,87); color txt = color(255,255,255); int txtsize = 12; int maxlines = 16; ArrayList debugText; uiElement[] uiElements = new uiElement[35]; class uiElement { int x,y,w,h,lx,ly; String label; int active; String group; uiElement(int c_x, int c_y, int c_w, int c_h, int c_lx, int c_ly, String c_label, String c_group) { x = c_x; y = c_y; w = c_w; h = c_h; lx = x+c_lx; ly = y+c_ly; label = c_label; active = 1; group = c_group; } } void setup() { orientation(LANDSCAPE); background(0); addUiElements(); debugText = new ArrayList(); debugText.add("helloo"); debugText.add("this is some text"); //noLoop(); } void draw() { drawUiElements(); int count = debugText.size(); if(count>maxlines) debugText.remove(0); drawTextArea(40, 500, 1050, 250, 10,10); } void addUiElements() { uiElements[0] = new uiElement( 40,50,100,100,5,5,"LED 1","grid"); uiElements[1] = new uiElement(140,50,100,100,5,5,"LED 2","grid"); uiElements[2] = new uiElement(240,50,100,100,5,5,"LED 3","grid"); uiElements[3] = new uiElement(340,50,100,100,5,5,"LED 4","grid"); uiElements[4] = new uiElement(440,50,100,100,5,5,"LED 5","grid"); uiElements[5] = new uiElement(540,50,100,100,5,5,"LED 6","grid"); uiElements[6] = new uiElement( 40,150,100,100,5,5,"LED 7","grid"); uiElements[7] = new uiElement(140,150,100,100,5,5,"LED 8","grid"); uiElements[8] = new uiElement(240,150,100,100,5,5,"LED 9","grid"); uiElements[9] = new uiElement(340,150,100,100,5,5,"LED 10","grid"); uiElements[10] = new uiElement(440,150,100,100,5,5,"LED 11","grid"); uiElements[11] = new uiElement(540,150,100,100,5,5,"LED 12","grid"); uiElements[12] = new uiElement( 40,250,100,100,5,5,"LED 13","grid"); uiElements[13] = new uiElement(140,250,100,100,5,5,"LED 14","grid"); uiElements[14] = new uiElement(240,250,100,100,5,5,"LED 15","grid"); uiElements[15] = new uiElement(340,250,100,100,5,5,"LED 16","grid"); uiElements[16] = new uiElement(440,250,100,100,5,5,"LED 17","grid"); uiElements[17] = new uiElement(540,250,100,100,5,5,"LED 18","grid"); uiElements[18] = new uiElement( 40,350,100,100,5,5,"LED 19","grid"); uiElements[19] = new uiElement(140,350,100,100,5,5,"LED 20","grid"); uiElements[20] = new uiElement(240,350,100,100,5,5,"LED 21","grid"); uiElements[21] = new uiElement(340,350,100,100,5,5,"LED 22","grid"); uiElements[22] = new uiElement(440,350,100,100,5,5,"LED 23","grid"); uiElements[23] = new uiElement(540,350,100,100,5,5,"LED 24","grid"); //drawFunctionButtons(690,50,100,100,4,1,50,0); uiElements[24] = new uiElement(690,50,100,100,5,5,"F1","func"); uiElements[25] = new uiElement(840,50,100,100,5,5,"F2","func"); uiElements[26] = new uiElement(990,50,100,100,5,5,"F3","func"); uiElements[27] = new uiElement(1140,50,100,100,5,5,"F4","func"); //drawSliders(690,200,100,250,4,1,50,0); uiElements[28] = new uiElement(690,200,100,250,5,5,"Slide1","slide"); uiElements[29] = new uiElement(840,200,100,250,5,5,"Slide2","slide"); uiElements[30] = new uiElement(990,200,100,250,5,5,"Slide3","slide"); uiElements[31] = new uiElement(1140,200,100,250,5,5,"Slide4","slide"); //drawAppControl(1140,500,100,50,1,3,0,50); uiElements[32] = new uiElement(1140,500,100,50,5,5,"App1","app"); uiElements[33] = new uiElement(1140,600,100,50,5,5,"App2","app"); uiElements[34] = new uiElement(1140,700,100,50,5,5,"App3","app"); } void drawUiElements() { for (int i = 0; i < uiElements.length; i++) { if (uiElements[i].active>1) { strokeWeight(2); stroke(light); fill(light); rect(uiElements[i].x,uiElements[i].y,uiElements[i].w,uiElements[i].h); fill(txt); textSize(txtsize); textAlign(LEFT, TOP); text(uiElements[i].label,uiElements[i].lx,uiElements[i].ly); uiElements[i].active--; } if (uiElements[i].active==1) { strokeWeight(2); stroke(light); fill(dark); rect(uiElements[i].x,uiElements[i].y,uiElements[i].w,uiElements[i].h); uiElements[i].active--; fill(txt); textSize(txtsize); textAlign(LEFT, TOP); text(uiElements[i].label,uiElements[i].lx,uiElements[i].ly); } } } void drawTextArea(int x, int y, int w, int h, int px, int py) { strokeWeight(2); stroke(light); fill(dark); rect(x,y,w,h); fill(txt); textSize(txtsize); textAlign(LEFT, TOP); int count = debugText.size(); for (int i = 0; i<count; i++) { String debug = (String) debugText.get(i); text(debug, x+px,y+py+((txtsize+2)*i),w-px,h-py); } } void drawFunctionButtons(int x, int y, int bw, int bh, int nw, int nh, int sw, int sh) { strokeWeight(2); stroke(light); fill(dark); for (int w = 0; w < nw; w++) { for (int h = 0; h < nh; h++) { rect(x+((bw+sw)*w),y+((bh+sh)*h),bw,bh); } } } void drawSliders(int x, int y, int bw, int bh, int nw, int nh, int sw, int sh) { strokeWeight(2); stroke(light); fill(dark); for (int w = 0; w < nw; w++) { for (int h = 0; h < nh; h++) { rect(x+((bw+sw)*w),y+((bh+sh)*h),bw,bh); } } } void drawAppControl(int x, int y, int bw, int bh, int nw, int nh, int sw, int sh) { strokeWeight(2); stroke(light); fill(dark); for (int w = 0; w < nw; w++) { for (int h = 0; h < nh; h++) { rect(x+((bw+sw)*w),y+((bh+sh)*h),bw,bh); } } } void mousePressed() { for (int i = 0; i < uiElements.length; i++) { if ((mouseX > uiElements[i].x && mouseX < uiElements[i].x+uiElements[i].w)&&(mouseY > uiElements[i].y && mouseY < uiElements[i].y+uiElements[i].h)) { uiElements[i].active=3; debugText.add(uiElements[i].label+" pressed"); break; } } // String temp ="pressed at x:"+mouseX+" y:"+mouseY; // debugText.add(temp); //println(temp); } public void resume() { } public void pause() { } 
                   

Is it possible to use the OSC protocol (probably via the OSCp5 lib) over a bluetooth serial connection?  I suspect that I may be missing the point of OSC here which seems suggest a network transport via UDP/TCP as part of its standard.  I'm trying to control an Arduino wirelessly from an Android tablet via OSC, 

I noticed that the new Bluetooth example in the Ketai android library requires OSCp5, but I've not looked at it in detail, perhaps there is hope..

Jim

I have a little project that I'll like to work on, hopefully using processing (which I've come to know quite well).  There is a helicopter with a distinctive sound that flies over my house once or twice a day.  I'm curious about it and would like to try and gather some data on when and how often it flies.  I'm out at work most of the time, so my Idea is to set up an automated listening station.  I would try and capture a recording of the helicopter manually, and use this as a reference. Then, using a processing sketch with one of the the Audio libraries, I would monitor a real time audio stream from a microphone and trigger an event (DB write or email etc.) if the reference sample matched the live stream within a certain tolerance.   

Does anyone have any experience doing anything like this, and if so could give me any useful tips before I start? Is there a recommendation on which sound library would be best suited to this?

thanks!

Jim

I'm having a hard time wrapping my head around some Trigonometry.  I am trying to deduce a destination latitude and longitude from a start lat and log and distance and bearing.

Fortunately, I found an amazing site which describes exactly the function I need:

http://www.movable-type.co.uk/scripts/latlong.html  " Destination point given distance and bearing from start point "

My ultimate aim is to have this calculation done on an Arduino, but I'm prototyping it in processing... Here is what I have so far.

The output reads:

starting at a Longitude of 0.000000 and a Latitude of 50.000000 
if we travel 1.000000 km on a bearing of 90.000000 degrees (0.000157 angular distance and 1.570796 in radians) 
we end up at Longitude of 0.000163 and a Latitude of -0.265482 

I have obviously got something wrong somewhere, but I don't understand trig deeply enough, or equations of the Great Circle / Haversine to debug what is going wrong here.  Does anyone have any experience with this kind of calculation?

thanks

Jim

Does anyone have an example they can share of a 3D bezier (or Catmull-Rom etc.) spline being drawn using a GLmodel LINES context?   

I have a bezier algorithm on paper, but translating it into something that can be rendered in GLGraphics is twisting my maths muscle a bit to far.  I suspect it may be a similar case to this, and perhaps more suited to the next generation OPENGL renderer.

thanks

Jim

When I try and run the any of the examples GSvideo with processing 1.5 on a win7 64bit machine (running a 64bit JRE) I get an error:

(this is just the first of many errors for libs not being found)

Notice how the library path starts off using forward slashes (/), but then changes to using back slashes (\).  Surely this a a malformed path?  I'm guessing this is why none of the GStreamer libs are being loaded...  I suspect I may have problems down the line with windows 64bit issues, but I'd like to confirm that there is an issue with the libraries PATH first.

cheers! (...and as always, much Kudos to @CodeAntiCode for all the community support and work) 

Jim

+ Added support for separate 32 and 64 bit versions of libraries.

Does anyone have any more information on this.  What does it mean exactly, how do we move between 64bit and 32bit libraries? 

I have to run a 64bit version of java (so that I can load large amounts of data into processing), but this means that some of the libraries that I want to run (play with) such as the Kinect libs don't work because they need a 32bit version of java to run on. Is there a way that I can run both 32 and 64bit versions of java on my machine and swap between them at will?

Jim  

I'm continuing to have a lot of fun working with ProScene, but there is something I can't get my head around.  I know ProScene has extensive camera profiles (such as 'wheeled arcball' and 'third person' for example), but I can't find a simple, more basic way of manipulating the camera object. (And I'll admit that this is almost certainly down to my lack of knowledge of 3D programming conventions and maths, not the library!)

I want to be able to apply translations and rotations to a single object (the camera), without having to use a look-at point, or camera target.  In 3D modelling tools that I've used in the past (such as 3Ds Max) this was called a 'free' camera, rather than a targeted camera. 

My ultimate aim in this is to be able to control the camera in a ProScene using my 3D Connexion Space Navigator, (there is an old discussion on it here:  http://processing.org/discourse/yabb2/YaBB.pl?num=1201465182 which works very well for integration with processing).  However as this is a fairly rare desktop accessory, for the purposes of this discussion we should just think of the question as one of controlling the camera directly with any source of translation and rotation input.

I suspect the answer to this might lie in ProScene's first or third person camera profiles, but I can't see an interface to the translation and rotation in the reference docs.  Has anyone got any direction on this?

cheers

Jim

 

I don't know if this is a pure processing question, or a contributed library question (I'm using both GLGraphics and ProScene in my sketch).  I have a dataset of points being rendered in 3D, which the user can create camera paths through (using proScene).  I have implemented the ability to record the path being played by the using toggling the 'r' key, this activates a save frame function which writes the current frame out to the disk.

The problem is that the sketch does not wait for the saveframe function to complete before rendering the next frame, or rather the sketch compensates for the time taken to save the frame and jumps to where it should be.  I need every frame to be rendered to disk so that a smooth animation can be built out of the individual frames.

I'm going to now go and look at createGraphics() to see if that has any effect, but I'm not sure that would work with GLGraphics.

Does anyone have any solutions to this?

cheers

Jim   

I've been implementing the ridiculously awesome ProScene into one of my projects, but I've hit a stumbling block.  I have a large scene, in which i want the camera to move between two keyframes a straight line.  ProScene allows me to do this very easily, I just hit CTRL+1 where I the path to start and again where I want it to end.  that bit works fine!

However, I can't control the speed at which the camera interpolates between the two keyframes.  I've tried to implement setInterpolationSpeed() but the way I've done it isn't attaching to the pre-defined interpolaters/cameras assigned to the keys 1-5 which I'm using.

Here is my code, can anyone give me direction on this?

thanks

Jim

2. import remixlab.proscene.*;
3. import javax.media.opengl.*;
4. import codeanticode.glgraphics.*;
5. 
   
6. Scene scene;
7. KeyFrameInterpolator kfi;
8. GLModel grid;
9. 
   
10. void setup() {
11.   size(screen.width-100, screen.height-100, GLConstants.GLGRAPHICS);
12.   //Scene instantiation
13.   scene = new Scene(this);  
14.   scene.setAxisIsDrawn(false);
15.   scene.setGridIsDrawn(false);
16.   scene.setRadius(15000);
17.   scene.camera().showEntireScene();
18.   
19.   //try to change the the speed of interpolation
20.   kfi = new KeyFrameInterpolator(this); 
21.   kfi.setInterpolationSpeed(100.0f);
22.    
23.   //create Grid GLmodel
24.   drawgrid(85,100,20);
25. }
26. 
    
27. void draw() 
28. {
29.  GLGraphics renderer = (GLGraphics)g;
30.  renderer.beginGL();  
31.   grid.render();
32.  renderer.endGL(); 
33. }
34. 
    
35. 
    
36. void drawgrid(float spacing, int gridsize, float gridStroke)
37. {
38.   int gridverts = gridsize*4;
39.   
40.   grid = new GLModel(this, gridverts+4, LINES, GLModel.STATIC);
41.   grid.initColors();
42. 
    
43.   grid.beginUpdateVertices();
44.     for (int i = 0; i < gridverts+4; i=i+4)
45.     {
46.       grid.updateVertex(i,-(gridverts*(spacing/2)), (i*spacing)-((gridverts/2)*spacing), 0);
47.       grid.updateVertex(i+1,(gridverts*(spacing/2)), (i*spacing)-((gridverts/2)*spacing), 0);
48. 
    
49.       grid.updateVertex(i+2,(i*spacing)-((gridverts/2)*spacing),-(gridverts*(spacing/2)), 0);
50.       grid.updateVertex(i+3,(i*spacing)-((gridverts/2)*spacing),(gridverts*(spacing/2)), 0); 
51.     }
52.   grid.endUpdateVertices();
53.   
54.   grid.beginUpdateColors();
55.     for (int i = 0; i < gridverts+4; i=i+4)
56.     {
57.       if (i@ == 0)
58.       {
59.         grid.updateColor(i,   255, 255, 255, gridStroke+30);
60.         grid.updateColor(i+1, 255, 255, 255, gridStroke+30);
61.         grid.updateColor(i+2, 255, 255, 255, gridStroke+30);
62.         grid.updateColor(i+3, 255, 255, 255, gridStroke+30);
63.       }      
64.       else if(i == 0)
65.       {
66.         grid.updateColor(i,   255, 255, 255, gridStroke+15);
67.         grid.updateColor(i+1, 255, 255, 255, gridStroke+15);
68.         grid.updateColor(i+2, 255, 255, 255, gridStroke+15);
69.         grid.updateColor(i+3, 255, 255, 255, gridStroke+15);
70.       }
71.       else
72.       {
73.         grid.updateColor(i,   255, 255, 255, gridStroke);
74.         grid.updateColor(i+1, 255, 255, 255, gridStroke);
75.         grid.updateColor(i+2, 255, 255, 255, gridStroke);
76.         grid.updateColor(i+3, 255, 255, 255, gridStroke);  
77.       }
78.     }
79.   grid.endUpdateColors(); 
80. }
81. 
    

I've got a processing app which loads in XYZ coordinates from a text file and renders them as points (or cubes, or spheres with minimal detail) in a 3D scene that can be navigated with peasycam.

Once I get over a few tens of thousand points, the framerate drops quickly and navigation becomes unusable.

I expected this, but now want to start utilising the GPU to open the door to much more performance.  Some of the datasets I have contain millions of points, and it would be great to be able to render these in realtime (I have some fairly good hardware for this, 2x nVvidia GFX470's running in SLI mode)

I like the look of the GLGraphics lib, I've installed it and the examples all run fine.  The problem is that I don't know where to start with integrating it.  Ideally, I'd start with an app that rendered points (or minimal detail primitives) at random locations within a volume.  I'd then add in PeasyCam (if that works with GLGraphics) and see how many points I can render before my GPUs melt.

Looking at the SimpleGPUParticleSytem example it seems that the particles are being rendered to a texture? is that right? I don't really understand the terminology being used here.  Is the texture in this case just a screen buffer? This example doesn't really render geometry does it, it's moving sprites around.  How do you render a simple primitive or a point?

I guess what I'm really looking for is the simplest possible implementation of a cube on the screen rendered on the GPU via GLGraphics.  I can then build what I need on top of that. 

Thanks for the help

Jim

There is a great thread in the old forums for getting a  3DConnexion SpaceNavigator working in processing using ProControll. You can find it here:

http://processing.org/discourse/yabb2/YaBB.pl?num=1201465182

I couldn't get this working on my windows machine because I'm running have a 64bit OS, but I found a solution. You need to replace the two files called "jinput-dx8.dll" and "jinput-raw.dll" with 64bit versions.  I found some here, although there may be others.

http://code.google.com/p/jmonkeyengine/source/browse/trunk/lib/lwjgl/native/windows/?r=4832

Cheers

Jim

Is it possible to read and write to the bluetooth serial port? Does anyone have any code they can share to illustrate this if it's possible?

thanks.

Jim

I have an android app that compiles and runs fine, until I paste in a function that I've written previously (in 'normal' processing).  The compile error says: "Compile failed: see the compiler output for details". 

I can probably work out for myself what the problem is in this function, but only if I can find out some more about the error.  does anyone know where the compiler output lives?

I can post the function if it would help, but as I said, I can probably fix it myself.  It does use the java 'SimpleDateFormat' and 'DateFormat' classes, but both these are also in the android SDK, so it can't be difficult to get it working right?

thanks

Jim

Hey Folks.  I'm really enjoying working with android processing, It's awesome work and huge thanks to the team working on it.  Right now I've got a great app which would really benefit from direction awareness.  Is it possible to read the compass in the phone by linking to the android API? I've no idea how you would bring the android libs into a processing app, can anyone point me to more info on this?  The wiki suggests that it is possible (when talking about adding in support for multi-touch) and even suggests - import android.content.pm.ActivityInfo ; as a way to bring some parts of the API in, but it is only tantalising me with possibilities, not yet leading me to the water :)

 

thanks again!

 

Jim  

I've tried this on two different computers, with Chrome Firefox and IE8.

Jim

I can't get any OPENGL sketches working on my 64bit (intel/nvidia) windows machines.  I get the following error:

I'm aware that this is a known issue and in the bug database, Ben has commented that he's going to fix it. I've also read some threads such as these...

http://forum.processing.org/topic/can-t-run-processing-in-ubuntu-10-04lts-64-bit

http://processing.org/discourse/yabb2/YaBB.pl?num=1271143980/3

... that relate to the same issue but always on linux, and not windows.

My understanding is that this should be easy to fix by downloading the windows x64 JOGL libs and replacing the ones installed as default in processing.  However when I look at the JOGL published binaries, I can only see an AMD64bit Jar, nothing for x64 intel (does that even matter?)

Could someone please tell me where I get the replacement JOGL (and other necessary files?) for wintel x64, and how they are installed? (do I have to uncompress the .JAR?)

Thanks for your patience, I know this must be tiring ;)

Jim

What is the best solution available for presenting interactive maps within a processing sketch?  I'd particualry like to use OpenStreetMap as a source but google maps would be suitable too.

I've been looking at Tom Carden's port of ModestMaps to processing, would looks ideal except that it's really out of date now and doesn't support OpenStreetMap as a source (although the latest main releases of MM do).

OpenLayers looks pretty good too, but I don't know how to bring javascript into processing.

Are there any better solutions?

Thanks

Jim