Processing Forum

importing 32 bit float images

[2 Replies]
- 06-Oct-2012 01:23 PM
- Forum: Library and Tool Development
Hi
-

I saw this thread

http://forum.processing.org/topic/32-bit-floating-point-image-export

-

but what I would really love to be able to do is import 32 bit float images

tif, hdr, exr all support this type of data.

it would allow us to import very finely grained data from 3D programs

at the moment importing 8 bit data is pretty crude for things like Z-depth data etc. we get very noticeable banding

-

would this be on the roadmap?

it would be a smart move.

or does anyone know of languages similar to processing that can import this type of data.

-

cheers

Tom

Processing + fedora

[2 Replies]
- 10-Dec-2011 06:18 AM
- Forum: Integration and Hardware
Hi

I'm having problems installing processing onto fedora

Recently I have reinstalled my fedora OS onto my machine and it doesn't work now

It's strange because I got it to work easily before just by copying over the files to /usr/local/

Now, following my old method I can't get it to work

extract to Downloads folder

mv /home/bigMan/Downloads/processing-1.5.1/ /usr/local/

// to fix one beef

// bad ELF interpreter: No such file or directory

yum install glibc.i686

//to run it

/usr/local/processing-1.5.1/./processing

I just get a bunch of messages about missing java files

I read this online

Most problems on Linux come from the version of Java that's included in the download being incompatible with the OS. In that case, remove (or rename) the included ‘java’ folder, and replace it with a usable version of the JDK (not just the JRE!), or symlink it to a full JDK that's installed on your machine. Be sure that the symlink is set up relative to the ‘processing’ shell script such that ./java/bin/java points to the ‘java’ binary. Take a look at the folder structure of the included ‘java’ folder to see how it works.

I've been playing with sym linking to Other downloaded javas with no joy

// first what I do is get the java folder inside processing folder and rename it

Then try sum linking

ln -s /usr/bin/java /usr/local/processing-1.5.1/

or

ln -s /usr/lib/jvm/jre-1.6.0/bin/ /usr/local/processing-1.5.1/java

doesnt work, even if I link to 1.7 Jdk it tells me Jdk 1.5 or over is required

Any tips anyone?

It worked ' out of the box' before with no tweaking , would hate to have to go back to windows to do processing

Cheers

Tom

mask() and blend() not working in processing.js

[9 Replies]
- 28-Aug-2011 03:38 AM
- Forum: Processing with Other Languages
Hi
-
Im brand new to processing, but Ive hacked around a few other scripting languages before so things seem really nice at processing.
what I am trying to do, is make a generative logo for my company (www.bigman3d.com)
I want to define generative colour artwork 100x100, then mask that with one of the triangle shapes
then repeat for each shape, building up the design piece by piece.
-
problem is, using either the mask() or blend() the code works in the processing app, but not online
Here is the processing for HTML that doesnt mask
1. <html>
2. <head>
3. <title>Processing.js - Basic Example</title>
4. <script language="javascript" src="processing.init.js"></script>
5. <script language="javascript" src="processing.js"></script>
6. </head>
7. <body bgcolor="#000000">
9. <script type="application/processing">
10. /*
12. Generative Tangram using processing
13. seems there is a bug with the javascript version, cos this works nice on the default processing
14. */
18. // Global variables
20. // Create a blank image for each colour and alpha, 100x100 pixels with RGB color
22. PImage shapeA_RGB = createImage(100,100,RGB);
24. PImage shapeA_ALPHA = createImage(100,100,RGB);
25. PImage shapeA_ARGB = createImage(100,100,RGB);
27. PImage shapeB_RGB = createImage(100,100,RGB);
29. PImage shapeB_ALPHA = createImage(100,100,RGB);
31. PImage shapeC_RGB = createImage(100,100,RGB);
33. PImage shapeC_ALPHA = createImage(100,100,RGB);
35. PImage shapeD_RGB = createImage(100,100,RGB);
37. PImage shapeD_ALPHA = createImage(100,100,RGB);
39. PImage shapeE_RGB = createImage(100,100,RGB);
41. PImage shapeE_ALPHA = createImage(100,100,RGB);
43. PImage shapeF_RGB = createImage(100,100,RGB);
45. PImage shapeF_ALPHA = createImage(100,100,RGB);
47. PImage shapeG_RGB = createImage(100,100,RGB);
49. PImage shapeG_ALPHA = createImage(100,100,RGB);
53. // Setup the Processing Canvas
55. void setup(){
57. size( 100, 100 );
59. strokeWeight( 0 );
61. fill(255,255,255);
63. frameRate( 15 );
65. }
69. // Main draw loop
71. void draw(){
73. noStroke();
75. strokeWeight( 0 );
79. // Capture shapeA (triangle at the top) RGB
81. background(0);
83. fill(random(255),random(255),random(255));
85. quad(0, 0, 100, 0, 100, 100, 0, 100) ;
87. loadPixels();
89. PImage shapeA_RGB = get();
93. // Capture shapeA (triangle at the top) ALPHA
95. background(0);
97. fill(255);
99. triangle(0, 0, 50, 50, 100, 0) ;
101. loadPixels();
103. PImage shapeA_ALPHA = get();
106. // Draw shapeB triangle2 (left)
108. //fill( random(255), random(255), random(255));
110. //triangle(0, 0, 50, 50, 0, 100) ;
114. // Draw shapeC triangle3 (middle)
116. //fill( random(255), random(255), random(255));
118. //triangle(50, 50, 75, 25, 75, 75) ;
122. // Draw shapeD rhombus on the right
124. //fill( random(255), random(255), random(255));
126. //quad(75, 25, 100, 0, 100, 50, 75, 75) ;
130. // Draw shapeE triangle5 (bottom right)
132. //fill( random(255), random(255), random(255));
134. //triangle(100, 50, 50, 100, 100, 100) ;
138. // Draw shapeF triangle6 (bottom left)
140. //fill( random(255), random(255), random(255));
142. //triangle(0, 100, 25, 75, 50, 100) ;
146. // Draw shapeG square near the bottom
148. //fill( random(255), random(255), random(255));
150. //quad(25, 75, 50, 50, 75, 75, 50, 100) ;
158. // lets draw shape A
160. background(0);
162. image(shapeA_RGB,0,0);
164. //image(shapeA_ALPHA,0,0);
165. //blend(shapeA_ALPHA,0,0,100,100,0,0,100,100,MULTIPLY);
167. exit();
169. }
173. void mousePressed()
175. {
177. redraw();
179. }
183. </script><canvas width="100px" height="100px"></canvas>
185. <pre>
186. </pre>
188. </body>
189. </html>
Here is the processing pde version that creates a perfectly masked triangle
1. /*
2. Generative Tangram using processing
3. seems there is a bug with the javascript version, cos this works nice on the default processing
4. */
5. // Global variables
6. // Create a blank image for each colour and alpha, 100x100 pixels with RGB color
7. PImage shapeA_RGB = createImage(100,100,RGB);
8. PImage shapeA_ALPHA = createImage(100,100,RGB);
9. PImage shapeA_ARGB = createImage(100,100,RGB);
10. PImage shapeB_RGB = createImage(100,100,RGB);
11. PImage shapeB_ALPHA = createImage(100,100,RGB);
12. PImage shapeC_RGB = createImage(100,100,RGB);
13. PImage shapeC_ALPHA = createImage(100,100,RGB);
14. PImage shapeD_RGB = createImage(100,100,RGB);
15. PImage shapeD_ALPHA = createImage(100,100,RGB);
16. PImage shapeE_RGB = createImage(100,100,RGB);
17. PImage shapeE_ALPHA = createImage(100,100,RGB);
18. PImage shapeF_RGB = createImage(100,100,RGB);
19. PImage shapeF_ALPHA = createImage(100,100,RGB);
20. PImage shapeG_RGB = createImage(100,100,RGB);
21. PImage shapeG_ALPHA = createImage(100,100,RGB);
22. // Setup the Processing Canvas
23. void setup(){
24. size( 100, 100 );
25. strokeWeight( 0 );
26. fill(255,255,255);
27. frameRate( 15 );
28. }
29. // Main draw loop
30. void draw(){
31. noStroke();
32. strokeWeight( 0 );
33. // Capture shapeA (triangle at the top) RGB
34. background(0);
35. fill(random(255),random(255),random(255));
36. quad(0, 0, 100, 0, 100, 100, 0, 100) ;
37. loadPixels();
38. PImage shapeA_RGB = get();
39. // Capture shapeA (triangle at the top) ALPHA
40. background(0);
41. fill(255);
42. triangle(0, 0, 50, 50, 100, 0) ;
43. loadPixels();
44. PImage shapeA_ALPHA = get();
45. // Draw shapeB triangle2 (left)
46. //fill( random(255), random(255), random(255));
47. //triangle(0, 0, 50, 50, 0, 100) ;
48. // Draw shapeC triangle3 (middle)
49. //fill( random(255), random(255), random(255));
50. //triangle(50, 50, 75, 25, 75, 75) ;
51. // Draw shapeD rhombus on the right
52. //fill( random(255), random(255), random(255));
53. //quad(75, 25, 100, 0, 100, 50, 75, 75) ;
54. // Draw shapeE triangle5 (bottom right)
55. //fill( random(255), random(255), random(255));
56. //triangle(100, 50, 50, 100, 100, 100) ;
57. // Draw shapeF triangle6 (bottom left)
58. //fill( random(255), random(255), random(255));
59. //triangle(0, 100, 25, 75, 50, 100) ;
60. // Draw shapeG square near the bottom
61. //fill( random(255), random(255), random(255));
62. //quad(25, 75, 50, 50, 75, 75, 50, 100) ;
63. // lets draw shape A
64. background(0);
65. image(shapeA_RGB,0,0);
66. //image(shapeA_ALPHA,0,0);
67. blend(shapeA_ALPHA,0,0,100,100,0,0,100,100,MULTIPLY);
68. exit();
69. }
70. void mousePressed()
71. {
72. redraw();
73. }
Here is the difference, both side by side

Here is the associated processing.init.js file
1. if(window.addEventListener){window.addEventListener("load",function(){var scripts=document.getElementsByTagName("script");for(var i=0;i<scripts.length;i++){if(scripts[i].type=="application/processing"){var src=scripts[i].src,canvas=scripts[i].nextSibling;if(src&&src.indexOf("#")){canvas=document.getElementById(src.substr(src.indexOf("#")+1));}else{while(canvas&&canvas.nodeName.toUpperCase()!="CANVAS")canvas=canvas.nextSibling;}if(canvas){Processing(canvas,scripts[i].text);}}}},false);}
I used the processing.js file found from the download button on the example on this page
http://processingjs.org/learning

Ive found that by linking to a locally stored processing-1.3.0.js found on this page I just get a blank screen
http://processingjs.org/download

-
If anyone could shine any light on this It would be massively appreciated, I have exactly the same problem with the .mask() function working in the processing app but not in the .js version
-
cheers
Tom

Activity Trend