Processing Forum

[1 Reply]

28-Jun-2013 09:21 AM
Forum: Processing with Other Languages

I'm trying to do a few different animations with processing.js but some are buggy and I can't really figure out why; they both work in plain processing but not in processing.js.

The first is simply moving and scaling and rotating some PShapes loaded from .svg files, and throws the error TypeError: Property 'transform' of object [object Object] is not a function when I call shape();

The second takes a picture of the screen and displays it lots of times rotating around in 3d space, and throws TypeError: Object #<WebGLRenderingContext> has no method 'save'

Here is the relevant code (the svgs are preloaded and other classes that implement Animable all work, but I can present the rest if you want it).

Thanks!

class Thoughts implements Animable {
  PShape head, think1, think2, thinkBig;
  float scale, bigThinkScale;
  boolean landscape;

  Thoughts() {
    head=loadShape("head.svg");
    think1=loadShape("thought1.svg");
    think2=loadShape("thought2.svg");
    thinkBig=loadShape("thoughtmain.svg");
    landscape=(w>h);
    if (landscape) {
      scale=.2*w/head.width;
    }
    else {
      scale=.4*h/head.height;
    }

    head.scale(scale);
    think1.scale(scale*.3);
    think2.scale(scale*.3);
    thinkBig.scale(w/thinkBig.width, h/thinkBig.height);
    thinkBig.scale(1.3492558);
    bigThinkScale=1.3492558;
    float theta=atan2(h/2-head.height*scale+20, -w*.1);
    think1.rotate(2+theta);
    think2.rotate(1.8+theta);
    //think1.disableStyle();
    //think2.disableStyle();
  }
  void animate(int aFrame) {
    background(255);
    aFrame%=470;
    if(aFrame==0)println(bigThinkScale);
    if (aFrame>170&&aFrame<370) {
      float interp=(aFrame<270)?.5-sqrt((270-aFrame)/100.0)*.5:.5+sqrt((aFrame-270)/100.0)*.5;
      translate(-w*interp, h*interp);
    }
    else if (aFrame>=370) {
      translate(-w, h);
    }
    if (aFrame<50) {
    }

    if (aFrame<120.0) {
      shape(head, w*.1, h-aFrame/120.0*head.height*scale+20);
      
      bigThinkScale*=1.003;
      thinkBig.scale(1.003);
      float rem=(bigThinkScale-1)/2;
      //shape(thinkBig,w,-h);
      shape(thinkBig, w*(1-rem)-w, -h*(1+rem)+h);
    }
    else {
      
    if (aFrame==120) {
      thinkBig.resetMatrix();
      thinkBig.scale(w/thinkBig.width, h/thinkBig.height);
      bigThinkScale=1;
    }
      shape(head, w*.1, h-head.height*scale+20);
      if (aFrame>160) {
        shape(think1, w*.4, h/2);
        if (aFrame>175) {
          if (landscape) {
            shape(think2, w*.8, h*.3);
          }
          else {
            shape(think2, w*.8, h*.1);
          }
          if (aFrame<370) {
            shape(thinkBig, w, -h);
          }
          else {
            bigThinkScale*=1.003;
            thinkBig.scale(1.003);
            float rem=(bigThinkScale-1)/2;
            shape(thinkBig, w*(1-rem), -h*(1+rem));
          }
        }
      }
    }
  }
}

and

class Why implements Animable{
  Whole[] holes;
  PImage tex;
  PShape q;
  Why(){
    holes=new Whole[15];
    tex=createImage(width,height,RGB);
    for(int i=0;i<holes.length;i++)holes[i]=new Whole();
  }
  void animate(int aFrame){
    background(0);
    perspective();
    pushMatrix();
    pushStyle();
    stroke(255);
    noFill();
    translate((mouseX-w/2)*.1,(mouseY-h/2)*.1,0);
    strokeWeight(3);
    for(int i=0;i<holes.length;i++){
      holes[i].draw(tex);
    }
    loadPixels();
    tex.loadPixels();
    arrayCopy(pixels,tex.pixels);
    tex.updatePixels();
    popStyle();
    popMatrix();
  }
  void resize(){
    tex=createImage(width,height,RGB);
  }
}
class Whole{
  PVector rot,loc,size,dRot;
  Whole(){
    loc=new PVector(random(w),random(h));
    rot=new PVector(random(TWO_PI),random(TWO_PI),random(TWO_PI));
    dRot=new PVector(random(-.02,.02),random(-.02,.02),random(-.02,.02));
    size=new PVector(random(30,400),random(30,400));
  }
  void draw(PImage tex){
    pushMatrix();
    
    translate(loc.x,loc.y);
    rotateX(rot.x);
    rotateY(rot.y);
    rotateZ(rot.z);
    translate(-size.x/2,-size.y/2);
    rot.add(dRot);
    image(tex,0,0,size.x,size.y);
    rect(0,0,size.x,size.y);
    popMatrix();
  }
}

Glitch in Turing pattern fragment shader

[2 Replies]
- 24-Feb-2013 12:12 PM
- Forum: Programming Questions
I was trying to write a fragment shader for the quick generation of multi-scale fractal turing patterns, as described in Jonathan McCabes paper here and all those wonderful sketches at openprocessing. For some reason, when I try to run th ketch, the entire computer freezes? I can't really figure it out, and I'm not getting any error messages. I feel like I'm probably just missing something simple in the shader, but would you mind looking at the code?

The Processing portion:
1. float[] aR= {
2. 50.0, 5.0,2.0
3. };
4. float[] iR= {
5. 100.0, 10.0,4.0
6. };
7. float[] small= {
8. .4, .2,.1
9. };
11. PShader s;
12. float i;
14. void setup() {
15. size(640, 360,P2D);
16. s = loadShader("turing.glsl");
17. s.set("activatorRadii",aR);
18. s.set("inhibitorRadii",iR);
19. s.set("smallAmount",small);
20. i=1;
21. loadPixels();
22. randomize();
23. }
24. void randomize(){
25. for(int i=0;i<pixels.length;i++)
26. pixels[i]=color(random(0,255));
27. updatePixels();
28. }
30. void draw() {
31. s.set("iterations",i);
32. filter(s);
33. i++;
34. }
And the GLSL portion, saved in the data folder as "turing.glsl":
1. #ifdef GL_ES
2. precision mediump float;
3. precision mediump int;
4. #endif
5. #define LEVELS 3
6. uniform sampler2D textureSampler;
7. uniform vec2 texcoordOffset;
8. uniform float activatorRadii[LEVELS];
9. uniform float inhibitorRadii[LEVELS];
10. uniform float smallAmount[LEVELS];
11. uniform float iterations;
13. varying vec4 vertColor;
14. varying vec4 vertTexcoord;
15. float grid(vec4 v){ //maps the red value of the texture to between -1 and 1
16. return v.r*2.0-1.0;
17. }
18. vec4 unGrid(float g){ //maps the new value (which is most of the time between -1.4 and 1.4) to between -1 and 1
19. return vec4(vec3(g+1.4)/2.8,1.0);
20. }
21. vec4 tex(float x, float y){ //simply gets the color of the texture at (x,y).
22. return texture2D(textureSampler,vec2(x,y));
23. }
24. int constrained(float x, float y){ //makes checks to make certain that it is only using pixels on the texture
25. if(x>=0.0&&x<=1.0&&y>=0.0&&y<=1.0)
26. return 1;
27. return 0;
28. }
29. void main(void) {
30. vec4 pixelColor = texture2D(textureSampler,vertTexcoord.xy);
31. vec2 c=vertTexcoord.xy;
32. vec2 d=texcoordOffset;
33. float activator[LEVELS];
34. float inhibitor[LEVELS];
35. float variations[LEVELS];
36. int bestVariation=0;
37. for(int i=0;i<LEVELS;i++){
38. activator[i]=0.0;
39. inhibitor[i]=0.0;
40. float count=0.0;
41. //these lines make activator[i] equal to the average value of the pixels in a radius of activatorRadii[i]
42. for(float x=c.x-activatorRadii[i]*d.x;x<c.x+activatorRadii[i]*d.x;x+=d.x){
43. for(float y=c.y-activatorRadii[i]*d.y;y<c.y+activatorRadii[i]*d.y;y+=d.y){
44. if(constrained(x,y)==0){
45. activator[i]+=grid(tex(x,y));
46. count+=1.0;
47. }
48. }
49. }
50. activator[i]/=count;
51. count=0.0;
52. //these lines make inhibito[i] equal to the average value of the pixels in a radius of inhibitorRadii[i]
53. for(float x=c.x-inhibitorRadii[i]*d.x;x<c.x+inhibitorRadii[i]*d.x;x+=d.x){
54. for(float y=c.y-inhibitorRadii[i]*d.y;y<c.y+inhibitorRadii[i]*d.y;y+=d.y){
55. if(constrained(x,y)==0){
56. inhibitor[i]+=grid(tex(x,y));
57. count+=1.0;
58. }
59. }
60. }
61. inhibitor[i]/=count;
62. //these lines seek out the level of the turing pattern with the smallest difference between the activator and inhibitor
63. variations[i]=abs(activator[i]-inhibitor[i]);
64. if(variations[i]<variations[bestVariation])
65. bestVariation=i;
66. }
67. float g=grid(tex(c.x,c.y));
68. if(activator[bestVariation]>inhibitor[bestVariation])
69. g+=smallAmount[bestVariation]/iterations;//dividing by iterations ensures that as time goes on, there will be less impact. This is how I adjusted to the difficulty of mapping the grid between -1 and 1 each time.
70. else
71. g-=smallAmount[bestVariation]/iterations;
73. gl_FragColor = unGrid(g);
74. }
Also, if this has any impact, I'm using Processing 2.0b6 on a mac os x 10.8.2 with a NVIDIA GeForce 320M graphics card.

Any help would be wonderful!

GLSL Issue

[3 Replies]
- 26-Dec-2012 09:51 AM
- Forum: Programming Questions
I'm struggling with writing a blur filter with a variable radius in GLSL. It was working fine, and then mysteriously stopped working a few days ago. I must have changed something small, but can't remember it, and now I just can't get it to work again. Specifically, when I try to run it, it says "OpenGL error 1282 at top endDraw(): invalid operation"
On the processing side of things, I am using the code from the blur example, only slightly modified:
2. /**
3. * Blur Filter
4. *
5. * Change the default shader to apply a simple, custom blur filter.
6. *
7. * Press the mouse to switch between the custom and default shader.
8. */
10. PShader blur;
12. void setup() {
13. size(640, 360, P2D);
14. blur = loadShader("blur2.glsl");
15. stroke(255, 0, 0);
16. rectMode(CENTER);
17. }
19. void draw() {
20. blur.set("radius",3);
21. filter(blur);
22. rect(mouseX, mouseY, 150, 150);
23. ellipse(mouseX, mouseY, 100, 100);
24. }
And here is the GLSL code:
2. #ifdef GL_ES
3. precision mediump float;
4. precision mediump int;
5. #endif
7. uniform sampler2D textureSampler;
8. uniform vec2 texcoordOffset;
9. uniform float radius;
11. varying vec4 vertColor;
12. varying vec4 vertTexcoord;
14. void main(void) {
15. vec4 sum = vec4(0.0);
16. float xC=vertTexcoord.x;
17. float yC=vertTexcoord.y;
18. float count=0.0;
19. for(float x=-radius;x<=radius;x++){
20. for(float y=-radius;y<=radius;y++){
21. sum += texture2D(textureSampler, vec2(xC+x,yC+y));
22. count+=1.0;
23. }
24. }
25. sum/=count;
26. gl_FragColor = vec4(sum.rgb, 1.0);
27. }
Also, in case this is significant, I am currently using Processing 2.0b6.
Thank you for any help you could offer!

Switching Fragment Shaders?

[2 Replies]
- 10-Nov-2012 05:39 AM
- Forum: General Discussion
I can't seem to switch the shader while the programming is running. I have tried several combinations of the functions bind(), unbind, and resetShader(), but none of it seems to have inpact. I've tried loading a new shader, switching between preloaded shades with arrays and ArrayLists, even clearing the arraylist and loading a new shader, but none of it sees changes the shader that is shading.
I know that I might just have to wait until the reference gets updated, or that this might just be a bug, but since I know very little about shaders I thought perhaps someone more experienced than I might know the solution? Thank you.

Help with fragment shaders

[2 Replies]
- 09-Nov-2012 08:17 AM
- Forum: Programming Questions
I'm rather new to shaders and am having some difficulty with the whole thing. I made a basic julia fractal explorer and I got it to work in OpenFrameworks, but it doesn't work in processing (it is giving me the error "Object is not a valid shader"). Any idea why?

Processing code:
1. PShader shades;
2. void setup(){
3. size(640,480,P2D);
4. shades=loadShader("shader.glsl");
5. }
6. void draw(){
7. background(255);
8. shades.set("iterations",40.0);
9. shades.set("c",map(mouseX,0,width,-2,2),map(mouseY,0,width,-2,2));
10. shades.set("xRange",-2,2,width);
11. shades.set("yRange",-2,2,height);
12. filter(shades);
13. }
Shader code:
1. uniform float iterations;
2. uniform vec2 c;
3. uniform vec3 xRange,yRange; // form of {x1,x2,width} where the point=map(x-coord,0,width,x1,x2)
4. void main() {
6. float x=gl_FragCoord.x;
7. float y=gl_FragCoord.y;
8. x=mix(xRange.x,xRange.y,x/xRange.z);
9. y=mix(yRange.x,yRange.y,y/yRange.z);
10. float col=0.0,i=0.0;
11. float nx=x, x2=x,ny=y;
12. gl_FragColor=vec4(0.0,0.0,0.0,1.0);
13. for(i=0.0;i<iterations;i++){
14. x2=x;
15. x=x*x-y*y+c.x;
16. y=2.0*x2*y+c.y;
17. if(x*x+y*y>4.0){
18. col=1.0-i/iterations;
19. gl_FragColor=vec4(col,col,col,1.0);
20. break;
21. }
22. }
23. }
Thank you!

Launch an unexported processing sketch from within a different processing sketch?

[1 Reply]
- 02-Aug-2012 04:24 PM
- Forum: General Discussion
I'm curious about the possibility using one processing sketch to edit and then launch another processing sketch. Is it possible? I looked a bit into using the command line interface that I think can run through processing with a Runtime object, but this seems only to work with an exported sketch with a .jar file.
I have a feeling that processing isn't the best method for making a program like this, but if it is possible, that would be very cool.

Thanks for any response!

Using an application written in processing to open up a file.

[16 Replies]
- 09-Jul-2012 05:42 PM
- Forum: Integration and Hardware
I don't really know how to phrase this and thus how to search to see if others have already asked this, but I was wondering if it were possible to use Finder or My Computer to access a file and click "open with..." and select an application written in processing. Is there some special method that this could call, or... well, I don't know.

Getting response to http posted information.

[5 Replies]
- 14-Jan-2012 03:20 PM
- Forum: Programming Questions
So, I'm using the code from this forum post (the last post) to post data for an API, but I can't figure out how to deal with the response. The response is an HttpEntity, and the code the other forum post used just printed it, but I want it to be parsed into an XMLElement.
Apparently the entity can be written to an output stream, but I don't really know what that is and really think that I am in over my head here.

Help would be much appreciated.

How to revert object to an older version.

[1 Reply]
- 14-Jan-2012 01:23 PM
- Forum: Programming Questions
I don't really know how to search for this, but I have a feeling it has been answered already. I want save all the data for one object so that I can make changes to the object and then revert back to it later. Currently I have something like this, although not exactly:

void updateObject(){

pObject=object;

object.update();

}

void revertObject{

object=pObject;

}

But that doesn't work, presumably because I just don't really understand computer memory.

Also, the object in question has a lot of different variables and types of variables associated with it, if that has any impact on a solution.

Is there any way to define the basic arithmetic functions (as in +,-,*, and /) for classes other than int and float?

[1 Reply]
- 23-Nov-2011 05:45 AM
- Forum: Programming Questions
Is there any way to define the basic arithmetic functions (as in +,-,*, and /) for classes other than int and float? I am making a complex number class, and I already made functions for all of them, but I would like to just type a*b instead of CMult(a,b) and the such. It isn't really important, but I am curious, and it would make he code look nicer.

How do I convert a point cloud to some type of solid?

[1 Reply]
- 11-Oct-2011 01:27 PM
- Forum: General Discussion
I don't really know too much about 3d programing, but I want to try and make some shapes by playing around with fractal functions, which basically give me a bunch of points. I want a function that I could just feed these points through to get a solid, volumetric shape, perhaps with shadows. Is there a specific library that could help me with this? I tried just plotting the points here, but that didn't work out well, even when I tried to use the hue to show its z value.

What font does Processing use?

[3 Replies]
- 04-Sep-2011 06:05 PM
- Forum: Programming Questions
Well, specifically the text area. I don't know if that is different then the rest. I'm trying to make ascii art out of photographs, but since I don't know what font the println function draws in, I can't know the widths of the letters, and it doesn't wind up looking right.
This might alo be in the wrong category. I can't really tell.

How do you convert from string to integer in a library?

[2 Replies]
- 18-Jul-2011 04:17 PM
- Forum: Library and Tool Development
I am now working on making a library, and am doing fairly well because of some help that I got from a previous question. However, I'm trying to convert a string into an integer, and it isn't letting me do int(string),or (int) (string), or parent.int(string). I didn't really expect the first two to work, but still I'm stuck. Help, please?

How would I go about making a class into a library?

[3 Replies]
- 16-Jul-2011 09:48 AM
- Forum: Library and Tool Development
I went and read the information on the wiki at http://code.google.com/p/processing/w/list, and did all that it said about making the template library, but from then on I get kind of lost. For example,I tried to just paste my class (made in Processing, not eclipse) into the bigger library, and it shows all kinds of errors about how color can't be resolved as a type, and it can't do loadFont and textFont.
I have a feeling that I am lacking a rather lot of knowledge, and that this is a bigger question than I think it is. Is there any good tutorials or things out there that I could use? Googling just turns up tutorials on how to use different libraries.

What are the benefits of programing in Eclipse rather than the Processing program?

[3 Replies]
- 15-Jul-2011 09:00 AM
- Forum: General Discussion
The title more or less just says it all. I was curious about eclipse, so I downloaded it and got it to work, but I don't really understand why I should use it over the processing program.

unable to get debug signature key

[0 Replies]
- 03-Jun-2011 11:09 AM
- Forum: Android Processing
every time a try to run any program in the android emulator, it says "unable to get signature key" along with a rather long error message. I don't know; I might have just installed the android sdk wrong. I looked into it, and it says that there should be a debug.keystore file i my ~/.android folder, but I don't have either the file or the folder. I don't really know what to do. Also, in case this helps, I'm using the gregorian calander (this seems to be the main problem for not locating the file, but it still involves the folder existng). Thanks in advance for any help.

Activity Trend