Processing Forum

Signal Filter library. A 1€ filter implementation for Processing.

[1 Reply]

25-Jul-2013 07:53 AM
Forum: Library and Tool Development

Signal Filter is a Processing library for noisy signal filtering. It provides a convenient way to get rid of the noise in raw signals (like jittery blob tracking for example). Signal filter implements the popular 1€ Filter by Géry Casiez.

Download link and more information here
https://github.com/SableRaf/signalfilter

The lib has been tested on Mac and Windows (it should work on Linux too but is untested yet). It works smoothly in Processing 1.5.1 to 2.0.1.

Signal Filter comes with four fully commented examples to get you started.

Feedback/comments/bug reports will be very appreciated.

Usage example

// Add the library to the sketch
import signal.library.*;

// -----------------------------------------------------
// Create the filter
   SignalFilter myFilter;
// -----------------------------------------------------

// Variables for the dummy & filtered signal
float sourceSignal;
float noisySignal;
float filteredSignal;

void setup() {

  // -----------------------------------------------------
  // Initialize the filter
     myFilter = new SignalFilter(this);
  // -----------------------------------------------------

}

void draw()
{

  // Generate a dummy signal
  sourceSignal = sin(frameCount / 1000.0);

  // Add random noise to our dummy signal
  noisySignal = sourceSignal + random(-0.05, 0.05);

  // -----------------------------------------------------
  // Filter the signal
     filteredSignal = myFilter.filterUnitFloat( noisySignal );
  // -----------------------------------------------------

  // Display the results in the console
  println("");
  println("Source   = " + sourceSignal);
  println("Noisy    = " + noisySignal);
  println("Filtered = " + filteredSignal);

}

Shadertoy to Processing and back

[0 Replies]
- 03-Jul-2013 08:42 AM
- Forum: Share your Work
Hello processors!

After a first messy attempt to bring shadertoy compatibility to Processing (see at the bottom of this topic), here is a more refined one. It should allow to paste shader code back and forth from shadertoy to your shader file. The sketch example already takes care of loading the shader and passing the appropriate uniforms.

Look at the comments in the code for more information.

https://github.com/SableRaf/Processing-Experiments/tree/master/2013/Shaders/ShadertoyToProcessing

It is a work in progress that will work for most shaders but doesn't include the iChannel.., iChannelTime and iDate uniforms of shadertoy yet. Please contribute back if you implement those features for your project.

Raphaël

[Berlin] Processing Code Jam #3 (Sunday, June 9th)

[0 Replies]
- 29-May-2013 08:47 AM
- Forum: Events and Opportunities
Hello Berliners!

We just announced our next coding jam, a one day, free, collaborative and open creative coding event where you get to build a prototype in 8 hours. In case you missed the May edition, this is your chance to get on board.

More infos and RSVP: http://meetu.ps/1yWvn8

Last edition was great, with more than 30 participants from all over the world and some great projects created like this Processing/SuperCollider video-to-sound converter by Abe Pazos and Chi-Hsia.

If you have any questions, feel free to ask them here or on the meetup page.

Note: Since we published the event yesterday night, 24 coders already registered! Spots are limited as the space can only host between 30 and 40 people so you should register quickly if you're interested to attend. A waiting list will be available.

A library for the PS Move motion controller

[1 Reply]
- 26-Apr-2013 03:39 PM
- Forum: Library and Tool Development
Hello everyone, I'm very excited to announce the release of Movelib; a library that brings support for the PSMove motion controller to Processing. Movelib is based on Thomas Perl's PSMove API.

Get the lib and code here: https://github.com/SableRaf/movelib

Note: the library has been successfully tested on Mac an Linux. There is currently no reliable bluetooth pairing method for Windows but I will test as soon as the situation changes.

[BERLIN] May 9th “Fifty Shades of Shaders” workshop (with limited time discount)

[1 Reply]
- 17-Apr-2013 07:29 AM
- Forum: Events and Opportunities
Do you want to get started with Shaders in Processing? Then this one is for you!

With the great minds behind the Elektropastete collective, we prepared a carefully crafted hands-on introduction to shaders in Processing. You will learn how to harness the power of your GPU to create amazing realtime visuals.

It will go through topics such as:
- Shaders and the OpenGL pipeline
- The lingo: what are the meanings of "uniform", "varying", "fragment", etc.
- Setting up the minimal shader sketch in Processing
- Tweaking existing shaders for use in Processing
- Image blending, filtering, masking
- 3D and texturing
- ...
(this list is indicative and may be subject to changes)
The workshop will focus on practice and include exercices and time for applying the techniques we learned to your own sketches. Full description of the workshop: http://berlin.codemotionworld.com/workshop/fifty-shades-of-shaders/

Get your ticket here before April 25th with the code " shaders_friend" and get a 10% discount.

This workshop is part of the Codemotion conference, which will happen in Berlin 9-11th of May and feature lots of amazing talks and workshops.

Codemotion is an innovative tech event engaging developers of all languages and technologies in presentations & conversations about: mobile, web, Makers, startup ideas, sustainability, game development and creative coding.

[BERLIN] Saturday 4th MAY (erratum) : Processing Code Jam #2 (FREE event)

[0 Replies]
- 17-Apr-2013 06:59 AM
- Forum: Events and Opportunities
ERRATUM: The event is happening Saturday May 4th and not April as previously announced.

If you're a Processing coder in Berlin, this free event is not to be missed!

Register here: http://www.meetup.com/opentechschool-berlin/events/114338982/

Join us for a day of coding, interaction and fun! Following the success our first Processing Code Jam back in February, we are back with a new edition! It will be bigger, better, stronger!

The Processing Code Jam is an open (and free) creative coding workshop inspired by the Berlin Mini Game Jam. We choose a theme for the day and make teams or go solo to build a generative, interactive or otherwise code-based creations.

Bring your ideas, hardware, friends and some food to keep you going during this whole day of relaxed (but intense) computational creativity. The jam will be followed by a presentation of the projects.

Some previous experience with Processing is recommended but everyone is welcome! Really! Designers, artists, coders, writers, game-designers, musicians, everyone! And don't be put off by the “Processing” label; users of PureData, OpenFrameworks, Cinder, Touch Designer, and the others are also very welcome! Don't worry if you never came to an OTS event before, we'll make presentations and the teams will form around a project and by affinity.

There's only one rule: “If this is your first time at the Processing Code Jam, you have to code!”

Shader from Shadertoy running slow in Processing

[3 Replies]
- 03-Apr-2013 08:53 AM
- Forum: Programming Questions
Hello,

I'm porting shaders from Shadertoy and some of them get very laggy when running in Processing.

For exemple, this cloud shader.

This is my sketch code:
2. PShader myShader;
4. void setup() {
5. size(640, 360, P2D);
6. noStroke();
8. myShader = loadShader("shader.glsl");
9. myShader.set("resolution", float(width), float(height));
10. }
12. void draw() {
13. background(0);
14. myShader.set("time", millis() / 1000.0);
16. shader(myShader);
17. rect(0, 0, width, height);
18. }
And the GLSL code:
2. // CLOUD SHADER
3. // Based on https://www.shadertoy.com/view/XslGRr by inigo quilez
5. // Created by inigo quilez - iq/2013
6. // License Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
8. #ifdef GL_ES
9. precision highp float;
10. #endif
12. // Type of shader expected by Processing
13. #define PROCESSING_COLOR_SHADER
15. // Processing specific input
16. uniform float time;
17. uniform vec2 resolution;
18. uniform vec2 mouse;
20. // Layer between Processing and Shadertoy uniforms
21. vec3 iResolution = vec3(resolution,0.0);
22. float iGlobalTime = time;
23. vec4 iMouse = vec4(mouse,0.0,0.0); // zw would normally be the click status
25. // ------- Below is the unmodified Shadertoy code ----------
27. mat3 m = mat3( 0.00, 0.80, 0.60,
28. -0.80, 0.36, -0.48,
29. -0.60, -0.48, 0.64 );
31. float hash( float n )
32. {
33. return fract(sin(n)*43758.5453);
34. }
36. float noise( in vec3 x )
37. {
38. vec3 p = floor(x);
39. vec3 f = fract(x);
41. f = f*f*(3.0-2.0*f);
43. float n = p.x + p.y*57.0 + 113.0*p.z;
45. float res = mix(mix(mix( hash(n+ 0.0), hash(n+ 1.0),f.x),
46. mix( hash(n+ 57.0), hash(n+ 58.0),f.x),f.y),
47. mix(mix( hash(n+113.0), hash(n+114.0),f.x),
48. mix( hash(n+170.0), hash(n+171.0),f.x),f.y),f.z);
49. return res;
50. }
52. float fbm( vec3 p )
53. {
54. float f;
55. f = 0.5000*noise( p ); p = m*p*2.02;
56. f += 0.2500*noise( p ); p = m*p*2.03;
57. f += 0.1250*noise( p ); p = m*p*2.01;
58. f += 0.0625*noise( p );
59. return f;
60. }
62. vec4 map( in vec3 p )
63. {
64. float d = 0.2 - p.y;
66. d += 3.0 * fbm( p*1.0 - vec3(1.0,0.1,0.0)*iGlobalTime );
68. d = clamp( d, 0.0, 1.0 );
70. vec4 res = vec4( d );
72. res.xyz = mix( 1.15*vec3(1.0,0.95,0.8), vec3(0.7,0.7,0.7), res.x );
74. return res;
75. }
78. vec3 sundir = vec3(-1.0,0.0,0.0);
81. vec4 raymarch( in vec3 ro, in vec3 rd )
82. {
83. vec4 sum = vec4(0, 0, 0, 0);
85. float t = 0.0;
86. for(int i=0; i<44; i++)
87. {
88. vec3 pos = ro + t*rd;
89. vec4 col = map( pos );
91. #if 1
92. float dif = clamp((col.w - map(pos+0.3*sundir).w)/0.6, 0.0, 1.0 );
94. vec3 brdf = vec3(0.65,0.68,0.7)*1.35 + 0.45*vec3(0.7, 0.5, 0.3)*dif;
95. col.xyz *= brdf;
96. #endif
98. col.a *= 0.35;
99. col.rgb *= col.a;
101. sum = sum + col*(1.0 - sum.a);
103. //if (sum.a > 0.99) break;
104. #if 0
105. t += 0.1;
106. #else
107. t += max(0.1,0.05*t);
108. #endif
109. }
111. sum.xyz /= (0.001+sum.w);
113. return clamp( sum, 0.0, 1.0 );
114. }
116. void main(void)
117. {
118. vec2 q = gl_FragCoord.xy / iResolution.xy;
119. vec2 p = -1.0 + 2.0*q;
120. p.x *= iResolution.x/ iResolution.y;
121. vec2 mo = -1.0 + 2.0*iMouse.xy / iResolution.xy;
123. // camera
124. vec3 ro = 4.0*normalize(vec3(cos(2.75-3.0*mo.x), 0.7+(mo.y+1.0), sin(2.75-3.0*mo.x)));
125. vec3 ta = vec3(0.0, 1.0, 0.0);
126. vec3 ww = normalize( ta - ro);
127. vec3 uu = normalize(cross( vec3(0.0,1.0,0.0), ww ));
128. vec3 vv = normalize(cross(ww,uu));
129. vec3 rd = normalize( p.x*uu + p.y*vv + 1.5*ww );
132. vec4 res = raymarch( ro, rd );
134. float sun = clamp( dot(sundir,rd), 0.0, 1.0 );
135. vec3 col = vec3(0.6,0.71,0.75) - rd.y*0.2*vec3(1.0,0.5,1.0) + 0.15*0.5;
136. col += 0.2*vec3(1.0,.6,0.1)*pow( sun, 8.0 );
137. col *= 0.95;
138. col = mix( col, res.xyz, res.w );
139. col += 0.1*vec3(1.0,0.4,0.2)*pow( sun, 3.0 );
141. gl_FragColor = vec4( col, 1.0 );
142. }
Am I doing something wrong?

Thanks for your help.

R.

Anaglyphic 3D (Red/Cyan) using Shaders

[2 Replies]
- 22-Mar-2013 08:35 PM
- Forum: Share your Work
I couldn't find a simple method to create anaglyphs in Processing (there was a library but it's deprecated) so I gave shaders a go.

Right now, we're merely taking two PImage objects (one for the left eye, one for the right eye) and combining them using one of two methods: simple Red/Cyan color filters or a channel subtraction somewhat similar to the Dubois method. The first one was ported from straight GLSL and the second one from a Core Image filter by John Einselen (see references below).

I guess the next step will be to add two cameras, deal with divergence, assymetric frustrum and the whole shebang :)

Fork it on Github: https://github.com/SableRaf/Processing-Experiments/tree/master/2013/AnaglyphShader
I'm forever indebted to these people for making the original shaders:
- http://r3dux.org/2011/05/anaglyphic-3d-in-glsl/
- http://iaian7.com/quartz/AnaglyphCompositing

[BERLIN] Saturday 23th February : Processing Code Jam

[0 Replies]
- 18-Feb-2013 12:23 PM
- Forum: Events and Opportunities
If you are in Berlin, this one is not to be missed! ( http://meetu.ps/xh0JM )

Join us for a whole day of coding, interaction and fun! Following our first Processing session back in January, we are back with exciting news for all you creative coders! We are really happy to invite you to our first Processing Code Jam that will be kindly hosted by Betahaus next Saturday as part of Maker Weekend #2 (http://betahaus.de/event/maker-weekend-2/).

The focus of this Jam will be interaction and visuals so bring any material that you might need (midi-controllers, gamepads, Arduino, MaKey MaKey, iPad with touchOSC, sensors, camera, playdough, etc.)

Some previous experience with Processing (or Java) is recommended but everyone is welcome! Really! Designers, artists, coders, writers, game-designers, taxi-drivers, everyone! Don't worry if you never came to an OTS event before, we'll make presentations and the teams will form around a project and by affinity.

But wait, there's more! The results of the Jam will have the chance to be presented to a larger audience at the OPEN END PARTY that will be held in the evening. No pressure though, you will show your work only if you want to, but we think it'll make a perfect finale to this unique event!

Join and bring your friends!

Click here to register (free event): http://meetu.ps/xh0JM

[HOW TO] (re)Enable Java 1.6 on Mac OSX (Mountain) Lion

[2 Replies]
- 10-Feb-2013 04:32 AM
- Forum: Integration and Hardware
Maybe you compiled a library on Mac OSX and got this error message when trying to use it in Processing:

This version of Processing only supports libraries and JAR files compiled for Java 1.6.
A library used by this sketch was compiled for Java 1.7 or later,
and needs to be recompiled to be compatible with Java 1.6.
It can happen on Lion if you upgraded to JDK 7 and will happen on Mountain Lion since it installs it by default.
You can check which version of Java is running on your mac by opening a Terminal window (Applications>Utilities>Terminal.app) and typing:
1. java -version
Then press [ENTER]

Note: Until 1.6, Apple made its own JRE for Mac OS. Starting with 1.7, they decided to stop and you have to use the original from ORACLE. They also removed the Java Preference Pane that used to be available in Applications>Utilities.

More info: http://apple.stackexchange.com/questions/68743/mountain-lion-10-8-2-java-preferences-has-disappeared
First get the prefPane back by downloading and installing this package (alternative link: http://dl.dropbox.com/u/23516883/JavaEssentials.pkg )

Then open your freshly installed Applications>Utilities>Java Preferences.app

The utility tells you that you can drag the JRE to change the preferred order. However, if you do so, quit the app and launch it again, you will notice that your changes have not been saved. We have to do it another way.

Double-clicking on the "Java SE 7" line should bring you to the JavaVirtualMachines folder located in Library>Java. There you will find a file called "jdk1.7.0_07.jdk". Just copy it somewhere for safe keeping and delete the original (simply renaming or changing the extension will not do the trick). If you ever need 1.7, you'll just have to put "jdk1.7.0_07.jdk" back.

Now try "java -version" again and you should get something like :
1. java version "1.6.0_37"
2. Java(TM) SE Runtime Environment (build 1.6.0_37-b06-434-11A459)
3. Java HotSpot(TM) 64-Bit Server VM (build 20.12-b01-434, mixed mode)
Just compile your lib again, install, run, and Bob's your uncle.

[BERLIN] OpenTechSchool does Processing

[1 Reply]
- 29-Jan-2013 12:19 PM
- Forum: Events and Opportunities
To all Berlin Processing users: OpenTechSchool is hosting its first Processing Session this very week! It's at Co-Up, it's Thursday 31th and it's free. Join us and share the love of code.

http://www.meetup.com/opentechschool-berlin/events/101939482/

Where: Co-Up (Kottbusser Tor)

When: thursday at 19:30

Dynamite Juggle: a social game for one Playstation Move and any number of crazy people

[0 Replies]

19-Dec-2012 05:38 PM
Forum: Share your Work

Dynamite Juggle is a no-graphics local multiplayer game inspired by JS Joust and Pass The Bomb.

Video preview: http://youtu.be/zWF-38NtHHU

It is available on GitHub: https://github.com/SableRaf/dynamite_juggle

This is my first game so any feedback will be very appreciated. Feel free to try it out with your friends!

HOW TO PLAY
1) Press the MOVE button to arm the explosive
2) Press the TRIGGER to ignite the fuse
3) Pass the dynamite around
4) If someone passes you the dynamite, you have to take it!
5) Shake the dynamite to make it burn faster!
6) Any player touching the stick when it blows up is out
7) Press START for a brand new stick of TNT
8) The game goes on until one player (or none) remains.
9) The winner of the round gets to launch the new dynamite
 
Or make your own rules!
 
DISCLAIMER: The creators of Dynamite Juggle are not liable for 
an injury to, or death of, a player resulting from the inherent risk of using high explosive materials for recreational purpose.

Note: The PS Move can be used in Processing thanks to the recently released PS Move API.

Custom Icon for Processing Beta

[5 Replies]
- 28-Nov-2012 06:34 AM
- Forum: Share your Work
I designed an icon for those of us who use both the stable and beta versions of Processing and keep wondering which is which.

~~Download it here: https://docs.google.com/open?id=0B4qt2CFBOa6VMU5aRXFUQ1Y2WlE (File>Download in the GDrive interface or Ctrl+S/Cmd+S to download the whole zip folder)~~

Edit: see message further down for an updated version (downloadable at http://goo.gl/YkSmK )

Cheers!

Raphaël

ThNdl shader tutorial in Processing / Get started with GLSL

[42 Replies]
- 27-Nov-2012 05:22 PM
- Forum: Share your Work
Hello everyone,

Two months ago, Andrew Baldwing started publishing a series on articles on his blog ( http://thndl.com) about GLSL (OpenGL Shading Language). If you don't know the power of shaders yet, I recommend having a look at the GLSL sandbox: http://glsl.heroku.com/

In Andrew's own words: “When I first heard about shaders, I have to admit they sounded like scary arcane magic that I would never be able get to grips with. But it turned out that the magic was mostly just boilerplate setup code you needed to get started, and once you got past that they were actually quite simple.”

His blog includes a GLSL interpreter that gets the “boilerplate” code out of the way and lets you experiment with the core instructions of the shader. I thought it would be interesting though to see if these examples could be ported to Processing so here they are:

https://github.com/SableRaf/glsltutoP5

The sketch folder, includes a glsl file (with explanatory comments) that regroups all the shaders from the ThNdl articles published so far.

The sketch and shader file are intended to accompany the reading of the tutorials at http://thndl.com. You will need Processing 2.0b6 or superior.

Note for mac users: Xcode does syntax coloring for GLSL.

Many thanks to Adrew Baldwing and to Andres Colubri for his work on shaders in Processing 2.0 and his articles that were a lot of help ( http://codeanticode.wordpress.com/).

Happy shading!

Raphaël

Activity Trend