Processing Forum

Tribute to Truchet

[7 Replies]
- 09-Aug-2013 12:52 AM
- Forum: Share your Work
Continuing previous experiments on random patterns composition, i made a web app with Processing.js.

It lets you choose one/several patterns among 65 through a simple GUI. Patterns are then randomly rotated and/or mirrored to create a new composition.

You can also export your visual as png or add your own patterns or images to play with: you'll just need to drag 'n drop them on the canvas, adding them in the GUI.

Try it here: http://makio135.com/gen/

Feedbacks welcome.
Thanks.

Makio135
http://makio135.com/

[GLSL / Maths / GLGraphics / GSVideo] Scaled translation in GLSL [solved ✓]

[7 Replies]
- 28-Oct-2012 05:12 PM
- Forum: Contributed Library Questions
Hi all,

I have a little math problem with glsl scaled translation:

I have a GSMovie playing in a GLTexture tex, i apply a GLTextureFilter ClipFilter that translate my movie following mouse coords, and apply Opacity and Scale.

The problem is: i want to apply Scale from the center of the translation .

So, here is my program:

GLSLClip.pde:
1. import processing.opengl.*;
2. import codeanticode.glgraphics.*;
3. import codeanticode.gsvideo.*;
5. GSMovie movie;
6. GLTexture tex, texFiltered;
8. GLTextureFilter ClipFilter;
9. float Opacity=.5, Scale=1.0;
11. void setup() {
12. size(640, 480, GLConstants.GLGRAPHICS);
14. tex = new GLTexture(this);
15. texFiltered = new GLTexture(this);
17. movie = new GSMovie(this, "station.mov");
18. movie.setPixelDest(tex);
19. movie.loop();
21. ClipFilter = new GLTextureFilter(this, "ClipFilter.xml");
22. }
24. void movieEvent(GSMovie movie) {
25. movie.read();
26. }
28. void draw() {
29. if (movie.ready() && movie.width>1) {
30. if (tex.putPixelsIntoTexture()) {
31. background(255, 0, 0);
33. float x = map(mouseX, 0, width, -.5, .5);
34. float y = map(mouseY, 0, height, -.5, .5);
35. ClipFilter.setParameterValue("posXY", new float[]{x, y});
36. ClipFilter.setParameterValue("Scale", Scale);
37. ClipFilter.setParameterValue("Opacity", Opacity);
38. tex.filter(ClipFilter, texFiltered);
39. image(texFiltered, 0, 0, width, height);
40. }
41. }
42. }
44. void keyPressed() {
45. if(key == CODED){
46. if (keyCode == UP && Opacity<1){
47. Opacity += .1;
48. println("Opacity: "+Opacity);
49. }
50. else if (keyCode == DOWN && Opacity>0){
51. Opacity -= .1;
52. println("Opacity: "+Opacity);
53. }
54. else if (keyCode == LEFT && Scale>.1){
55. Scale -= .1;
56. println("Scale: "+Scale);
57. }
58. else if (keyCode == RIGHT && Scale<3){
59. Scale += .1;
60. println("Scale: "+Scale);
61. }
62. }
63. }
ClipFilter.xml:
1. <filter name="Clip Filter">
2. <description>Clip Filter with posXY,Scale,Opacity</description>
3. <fragment>ClipFilter.glsl</fragment>
4. <textures input="1" output="1"></textures>
5. <parameter type="vec2" name="posXY" label="Clip position">0 0</parameter>
6. <parameter type="float" name="Scale" label="Scale">1</parameter>
7. <parameter type="float" name="Opacity" label="Opacity">1</parameter>
8. </filter>
ClipFilter.glsl:
uniform sampler2D src_tex_unit0;

uniform vec2 src_tex_offset0;

uniform vec2 posXY;

uniform float Scale;

uniform float Opacity;

void main(void)

{

vec2 tex_coord = (gl_TexCoord[0].st - posXY)/Scale; // Here is the problem

vec4 color0 = texture2D(src_tex_unit0, tex_coord);

if(tex_coord[0] <= 0) gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);

else if(tex_coord[0] >= 1) gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);

else if(tex_coord[1] <= 0) gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);

else if(tex_coord[1] >= 1) gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);

else gl_FragColor = vec4(color0.rgb, Opacity);

}
Must be something not so hard but can't resolve it at the moment (not really used to GLSL coords transformation).

Thanks.

@admins: i'wasn't sure of the section, so feel free to move it if you think it is more a "Processing with Other Languages" (or else) thread.

Makio135
http://makio135.com/

ProcessingJS sketches on OpenProcessing

[0 Replies]
- 27-Oct-2012 09:57 AM
- Forum: Share your Work
Hi all,

I've uploaded a growing series of ProcessingJS sketches including HTML5 canvas drop shadows, using camera (getUserMedia API), transparent canvas, and web audio API, more will follow like using javascript libraries for gif and pdf export from canvas...

So here it is: http://www.openprocessing.org/user/9856

Hope you'll find it usefull.

Makio135
http://makio135.com/

JSON4processing Unhandled exception type JSON Exception depend on OS [update]

[15 Replies]
- 17-Oct-2012 02:40 AM
- Forum: Contributed Library Questions
Hello all,

I'd like to use the Json4Processing library for a project, but am stuck with an "Unhandled exception type JSON Exception" when using JSONObject.put() method.
1. import org.json.*;
3. JSONObject obj;
5. void setup() {
6. obj = new JSONObject();
7. obj.put("key", "value"); Unhandled exception type JSON Exception
9. println(obj);
10. }
12. void draw(){};
Json4Processing v0.1.3 lib is correctly installed (i can import it from the Import Menu and view the examples in the Examples Menu...) and the error appears in the examples too.

The lib seems to work well with JSONArray but the problem is with JSONObject: I can create instances but can't use the JSONObject. put() method.

I also tried to add: "import org.json.JSONException;" with the same result.

Don't know why it doesn't work for me when it seems no one had this problem before, so any hint is welcomed.

Thanks.

http://makio.free.fr/

Choosing camera for interactive installation by night

[6 Replies]
- 26-Sep-2012 06:29 AM
- Forum: Integration and Hardware
Hi all,

I need some advice for choosing a camera.

I'm currently working on an installation by night where people interact with a video projection via a camera.
Here is a quick plan of the installation:

I'll need crowd movement/blob detection (no need of Kinect type detection). The position of the camera cannot be changed and It has to work with Processing1.5.1 on MacMini.

Then, do you have any suggestion on the type (or model) of camera you would use for this, considering low light?

I've read about IR projector + IR camera but don't know how it integrates with processing?

Thanks.

http://makio.free.fr/

Class inside Class or not?

[3 Replies]
- 05-Sep-2012 08:59 AM
- Forum: Programming Questions
Let's say you have an objectA defined by ClassA, containing an objectB defined by ClassB;

You can have two separate Class(es) like that:
1. ClassA object A = new ClassA();
3. class ClassA{
4. ClassB objectB = new ClassB();
5. ClassA(){}
6. }
8. class ClassB{
9. ClassB(){}
10. }
or a Class containing the other one like this:
1. ClassA object A = new ClassA();
3. class ClassA{
4. ClassB objectB = new ClassB();
5. ClassA(){}
7. class ClassB{
8. ClassB(){}
9. }
10. }
Discussing performance and architecture, is one is better than the other? and why?

Thanks

[ProcessingJs] PImage.mask(PGraphics) problem

[3 Replies]
- 25-Jul-2012 05:03 PM
- Forum: Processing with Other Languages
I'd like to use a PGraphics as a mask on a PImage via PImage.mask(PGraphics).

It works fine in Processing (except for PImage with png with alpha, bug...) but there seems to be a problem as you can see HERE: there is no mask at all on the PImage

Code:
2. PImage img;
3. PGraphics pg;
4. boolean loaded = false;
6. void setup(){
7. size(600,320);
8. background(255);
9. img = requestImage("data/trame.jpg");
10. }
12. void initMask(){
13. println("img loded");
14. println("img.width: "+img.width+" img.height: "+img.height);
15. pg = createGraphics(img.width, img.height, JAVA2D);
16. println("pg.width: "+pg.width+" pg.height: "+pg.height);
17. }
19. void draw(){
20. background(150);
21. if(img.width>1){
22. if(!loaded){
23. initMask();
24. loaded=true;
25. }
27. updatePg();
29. img.mask(pg); // apply PGraphics as PImage.mask()
30. image(img,0,0);
32. image(pg,300,0);
34. fill(0);
35. text("PImage with PGraphics mask", 5, 315);
36. text("PGraphics", 305, 315);
37. }
38. }
40. void updatePg() {
41. pg.beginDraw();
42. pg.background(0);
43. pg.noStroke();
44. pg.fill(255);
45. pg.ellipse(pg.width/2, pg.height/2, 200+cos(radians(frameCount))*100, 200+cos(radians(frameCount))*100);
46. pg.endDraw();
47. }
Any idea welcome.

Thanks.
http://makio.free.fr/

ProcessingJS & getUserMedia API (video via js inside browser)

[0 Replies]
- 03-May-2012 08:19 AM
- Forum: Share your Work
The getUserMedia API allows to stream the user’s webcam via JavaScript.

I wrote a little example on this page: http://p5lyon.tumblr.com/ProcessingJSGetUserMedia

Of course you'll need an getUserMedia compatible browser

http://makio.free.fr/

twitpic4p not working anymore

[6 Replies]
- 23-Mar-2012 04:07 AM
- Forum: Contributed Library Questions
Hello,

It seems that the twitpic API changed these lasts days: twitpic4p is not working anymore.

I got an error answer concerning username/password which are valid for sure.

<?xml version="1.0" encoding="UTF-8"?>

<rsp stat="fail">

<err code="1001" msg="Invalid twitter username or password" />

</rsp>

Could anyone help me finding what happened/how to make it work again?

@voidsetup twitter feed not working

[2 Replies]
- 14-Mar-2012 03:56 PM
- Forum: General Discussion
Since 6 days, the twitter feed of the forum ( https://twitter.com/#!/voidsetup ) does not refresh... has it been stopped?

http://makio.free.fr/

Twitter World Battle Ship

[0 Replies]
- 14-Mar-2012 03:49 PM
- Forum: Share your Work
Hi all,
Well, i've developped a world battleship using twitter as a game platform.
https://twitter.com/#!/WorldBattleShip

Since everybody can shoot via a tweet, the map is bigger 26*26.
you just have to send a tweet to shoot and the app will respond to you ;)

Tweet to shoot: @WorldBattleShip #shoot #LetterFromAToZ -NumberFrom1To26 (ex: #D -14)

It is based on twitter4j & twitpic4p.
It's still in early dev but you can try it ;)
(if the app does not answer it means my computer is not online but the game will answer you as soon as i’ll turn on my computer)

The Game itself isn't a an end, but more a creative way of playing with Processing and Twitter different from the common twitter data viz which can be really great (but it's not the subject here).

Makio135
http://makio.free.fr/

strange behavior with Arrays.sort()

[4 Replies]
- 02-Feb-2012 04:16 AM
- Forum: Programming Questions
Hello all,

When using the Arrays.sort() function on String array b, String array a is also sorted.

Could someone explain me why?
1. String[] a = {
2. "dg","a","swdtgf","dwghf","dfddfg","vrt","aze","ccx","gt","njk","kiuylloo","b"
3. };
4. println(a);
5. /*
6. prints:
7. [0] "dg"
8. [1] "a"
9. [2] "swdtgf"
10. [3] "dwghf"
11. [4] "dfddfg"
12. [5] "vrt"
13. [6] "aze"
14. [7] "ccx"
15. [8] "gt"
16. [9] "njk"
17. [10] "kiuylloo"
18. [11] "b"
19. */
20. String[] b=a;
21. println(b);
22. /*
23. prints:
24. [0] "dg"
25. [1] "a"
26. [2] "swdtgf"
27. [3] "dwghf"
28. [4] "dfddfg"
29. [5] "vrt"
30. [6] "aze"
31. [7] "ccx"
32. [8] "gt"
33. [9] "njk"
34. [10] "kiuylloo"
35. [11] "b"
36. */
38. Arrays.sort(b);
39. println(a);
40. /*
41. prints:
42. [0] "a"
43. [1] "aze"
44. [2] "b"
45. [3] "ccx"
46. [4] "dfddfg"
47. [5] "dg"
48. [6] "dwghf"
49. [7] "gt"
50. [8] "kiuylloo"
51. [9] "njk"
52. [10] "swdtgf"
53. [11] "vrt"
54. */
55. println(b);
56. /*
57. prints:
58. [0] "a"
59. [1] "aze"
60. [2] "b"
61. [3] "ccx"
62. [4] "dfddfg"
63. [5] "dg"
64. [6] "dwghf"
65. [7] "gt"
66. [8] "kiuylloo"
67. [9] "njk"
68. [10] "swdtgf"
69. [11] "vrt"
70. */
http://makio.free.fr/

Issues with PSurf

[8 Replies]
- 07-May-2011 06:23 AM
- Forum: Contributed Library Questions
Hello,
i'm having some troubles with Psurf library which seems to be exactly what i need (fast image recognition), since the exemples coming along with the library are only about finding Interest Point in an image, but not about comparison with an other nor about finding the image itself in another or a camera stream.

So, if someone could give me an hint, or anyone who succeeded with Psurf could give a short exemple, that would be great.

Thanks

3DSpinningTop Generator - Does it work for you?

[2 Replies]
- 07-Mar-2011 02:56 AM
- Forum: Integration and Hardware
Hi,
i've been working on a 3d spinning top generator, using OpenGL, Shapes3D and Unlekker.
The thing works great when running from processing ( except some mesh problems i have to fix in rhino3d before printing the .stl, any advice welcome ).
The problem is with the exported applet: http://makio.free.fr/wp-content/uploads/ProcessingApplet/SpinningTopGen/
(sources available, exported with processing 1.0.9, signed jars) working from some machines and not from others... and i can't figure out why.

Could you tell me if it works for you and/or what could be the problem.

Thanks.

nb: commands:
      space: new random
      up/down: new random with one more/less control point
      left/right: changing mode
      s: exporting .stl when not online
      d: straight lines mode

SimpleARtoolkit export application problem

[0 Replies]
- 17-Oct-2010 02:52 PM
- Forum: Contributed Library Questions
Does anyone knows how to export Bryan Chung's SimpleARToolKit2.0 exemples since "export application" does not work for this?

Thx.

Activity Trend