Programs - Processing Discourse

Programs - Processing Discourse board_Programs.html Programs - Processing Discourse en-us Processing Discourse Thu, 22 Mar 2012 06:09:46 +0000 http://blogs.law.harvard.edu/tech/rss 30 Using light, shading 3d num_1255494263.html Processing Discourse/Programs num_1255494263.html Wed, 30 Jun 2010 01:31:01 +0000 Hi everyone ! I'm pretty near the solution, but I cant make it work: I've got a sketch running with toxiclib's triangleMesh. I've got another one running with surfaceLib. They both work fine, and i can use useVertexNormals() with surfaceLib, but I can't figure out how to connect those two. I understand that it's possible to have a toxiclib's triangleMesh with the nice useVertexNormals from surfaceLib. But how ?! Does anyone have an example ? Thanks for your help Program to find the shortest path num_1276835418.html Processing Discourse/Programs num_1276835418.html Fri, 18 Jun 2010 12:50:35 +0000 ox and oy is the x and y cordinates of the object that needs to move to the goal.  gx and gy is the x and y position of the goal.  thanks for the out of bounds comment.  I'll try that. Point to line distance num_1276644884.html Processing Discourse/Programs num_1276644884.html Fri, 18 Jun 2010 10:43:28 +0000 hey smitty! thanks again for suggestions, i removed mY completely. as for your other suggestion about pre-calculating distance+cos/sin: this definitely makes sense if one always checks against a static set of lines, but also means more work before the function call can happen. i think the current version is a good trade-off between ease of use and speed. so for completeness: here's a version that is totally crazy fast as long as your lines rarely change. i put the whole thing into a class cause i'm not a big fan of having many variables flying around. Code:<pre class="code"> // press space to reset // click for randomness // drag to move Line myLine; void setup(){ size( 600, 600 ); smooth(); textFont( loadFont( "SansSerif-12.vlw" ) ); myLine = new Line( width/2 - 100, height/2, width/2 + 100, height/2 ); } void draw(){ background( 0 ); stroke( 255 ); myLine.draw(); fill( 255, 255, 0 ); noStroke(); ellipse( mouseX, mouseY, 10, 10 ); PVector result = myLine.getDistance( mouseX, mouseY ); stroke( 150 ); line( mouseX, mouseY, result.x, result.y ); fill( 255 ); text( "The distance to the line is: " + result.z, 10, 10 ); } void mousePressed(){ myLine.x1 = 100+random(width-200); myLine.y1 = 100+random(height-200); myLine.update(); } void mouseDragged(){ myLine.x1 = mouseX; myLine.y1 = mouseY; myLine.update(); } void keyPressed(){ myLine.x1 = width/2-100; myLine.y1 = height/2; myLine.update(); } ////////////////////////////////////////////// class Line{ // where does the line start/end? public float x1, x2, y1, y2; // some happy math variables private float dx, dy, d, ca, sa, mx, dx2, dy2; // we use this to store the result, // so if you want to store the result and calculate again // you should do // PVector mine = new PVector(); // mine.set( line.getDistance( mouseX, mouseY ) ); private PVector result; public Line( float x1, float y1, float x2, float y2 ){ this.x1 = x1; this.y1 = y1; this.x2 = x2; this.y2 = y2; result = new PVector(); update(); } /** * Call this after changing the coordinates!!! */ public void update(){ dx = x2 - x1; dy = y2 - y1; d = sqrt( dx*dx + dy*dy ); ca = dx/d; // cosine sa = dy/d; // sine } /** * Returns a point on this line * that is closest to the point (x,y) * * The result is a PVector. * result.x and result.y are points on the line. * The result.z variable contains the distance from (x,y) to the line, just in case you need it :) */ PVector getDistance( float x, float y ){ mx = (-x1+x)*ca + (-y1+y)*sa; if( mx <= 0 ){ result.x = x1; result.y = y1; } else if( mx >= d ){ result.x = x2; result.y = y2; } else{ result.x = x1 + mx*ca; result.y = y1 + mx*sa; } dx2 = x - result.x; dy2 = y - result.y; result.z = sqrt( dx2*dx2 + dy2*dy2 ); return result; } /** * Draw it! */ public void draw(){ line( x1, y1, x2, y2 ); } } </pre> obviously there are many more optimizations one could go for, e.g. in my own project i don't even need the result.x/result.y variables so i threw them out alltogether and only return the distance. Need help with Project Euler question. num_1276829883.html Processing Discourse/Programs num_1276829883.html Fri, 18 Jun 2010 06:51:01 +0000 Two things: 1) why are you solving math problems and learning the basics of programming in processing I mean, sure there's nothing wrong with it, it just seems a bit odd if you ask me :p 2) You should really do some reading on the Modulo operator (%) <a href="http://en.wikipedia.org/wiki/Modulo_operation" target="_blank">http://en.wikipedia.org/wiki/Modulo_operation</a> <a href="http://processing.org/reference/modulo.html" target="_blank">http://processing.org/reference/modulo.html</a>. Your entire program can be written in 9 lines of code while at the same time giving the right answer <img src="yabbfiles/Templates/Forum/processing_one/smiley.gif" border="0" alt="Smiley" title="Smiley" /> on a side note though: "multiples of 3 or 5" is that a normal "or" or a "exclusive or" (xor) JPG Image Deterioration Sketch num_1276788023.html Processing Discourse/Programs num_1276788023.html Fri, 18 Jun 2010 02:30:12 +0000 Enlightening, thanks for the replies! Looks like what I wanted to do may not work the way I intended - essentially I wanted to reduce an image down to highly visible artifacts and "glitches" by reproducing it many times over. Hmmm... help with converting 2d image to 3d shape num_1276630718.html Processing Discourse/Programs num_1276630718.html Thu, 17 Jun 2010 13:16:40 +0000 OK Toxi, Now that I know something about your libraries, I'm inspired. I also have questions. If I understand correctly, you're creating a series of blobs in 3D space and then skinning them to create the final watertight model...correct? Can I import a model and skin it the same way? In your sketch this line: mesh.saveAsSTL(sketchPath("test.stl"), true); saves the STL file from the sketch, is it possible to save the STL from an applet back to the server? How? Need help with flipping cards in processing num_1276005318.html Processing Discourse/Programs num_1276005318.html Thu, 17 Jun 2010 08:39:35 +0000 <img src="yabbfiles/Templates/Forum/processing_one/grin.gif" border="0" alt="Grin" title="Grin" /> i exactly know what you mean..I have no clue what i hacked in there a week ago..but it's funny Rectangular selection of curves using mouse num_1276552288.html Processing Discourse/Programs num_1276552288.html Thu, 17 Jun 2010 04:48:58 +0000 For small amount of text, <a href="http://processing.org/reference/loadStrings_.html" target="_blank">loadStrings()</a> does the job nicely. (BufferedReader is harder to use but perfect for large data files.) ERROR ARDUINO num_1276619456.html Processing Discourse/Programs num_1276619456.html Tue, 15 Jun 2010 13:31:05 +0000 Please: - Avoid all caps subjects (it is like shouting!) - Read the stickies in the forums (the Software Bugs section isn't for posting about bugs in your software, and you shouldn't post there anyway). NullPointerException usually means you are trying to use an object but it is null, ie. not initialized. For example using someObject.someMethod() or someObject.someField Check you did your initializations correctly. worm hole num_1276597267.html Processing Discourse/Programs num_1276597267.html Tue, 15 Jun 2010 12:53:43 +0000 We have already tried but we can't do read it like a video camera reads as an image and then a single frame!! Kumars Sketch: rotate, animate ellipse, text issue num_1276099031.html Processing Discourse/Programs num_1276099031.html Tue, 15 Jun 2010 03:26:52 +0000 Hi Cedric, Awesome work done by you.Thanks a million for spending lot of time for my project. <img src="yabbfiles/Templates/Forum/processing_one/smiley.gif" border="0" alt="Smiley" title="Smiley" /> Toggle 3D/2D back and forth during program num_1276547236.html Processing Discourse/Programs num_1276547236.html Tue, 15 Jun 2010 00:57:06 +0000 In 3D mode, anything rendered at z=0 will be in the 2D (XY) plane.  So you shouldn't have to switch modes.  If you want to toggle depth_test or depth_sort, check out hint: <a href="http://processing.org/reference/hint_.html" target="_blank">http://processing.org/reference/hint_.html</a> line across an ellipse num_1276539135.html Processing Discourse/Programs num_1276539135.html Mon, 14 Jun 2010 15:27:41 +0000 Just thinking aloud here, but any point on a sphere can be defined by two circles perpendicular to each other: i.e. set a random rotation on one axis around one circle and from that point rotate around the other axis... though I'm sure there's a much more elegant mathematical solution. In fact <a href="http://www.google.co.uk/search?q=random+point+on+a+sphere" target="_blank">google</a> gives plenty of results on this. <a href="http://mathworld.wolfram.com/SpherePointPicking.html" target="_blank">This</a> is one for the maths geeks whilst <a href="http://demonstrations.wolfram.com/RandomPointsOnASphere/" target="_blank">this</a> gives a more obvious option to implement... sketch is partially off screen num_1276296238.html Processing Discourse/Programs num_1276296238.html Mon, 14 Jun 2010 11:30:39 +0000 You can use Code:<pre class="code">frame.setLocation(0, 0); </pre> in your setup() so it will always appear at the top left of your 1st screen <img src="yabbfiles/Templates/Forum/processing_one/cool.gif" border="0" alt="Cool" title="Cool" /> Code:<pre class="code"> void setup() { size(800,800) frame.setLocation(0,0); } </pre> 3D bezier curve with gradient fill num_1276537508.html Processing Discourse/Programs num_1276537508.html Mon, 14 Jun 2010 10:57:30 +0000 Sorry, I was wrong, bezierPoint() actually works for 3D. I just worked out what I needed. The following is an example in case anyone else needs it: Code:<pre class="code"> color from = color(255, 0, 0); color to = color(0, 255, 0); int steps = 10; beginShape(); for (int j = 0; j <= steps; j++) { float t = j / float(steps); stroke(lerpColor(from, to, t)); float x = bezierPoint(x1, cx1, cx2, x2, t); float y = bezierPoint(y1, cy1, cy2, y2, t); float z = bezierPoint(z1, cz1, cz2, z2, t); vertex(x, y, z); } endShape(); </pre> 3d arc - static/physics? suggestions please num_1264522077.html Processing Discourse/Programs num_1264522077.html Mon, 14 Jun 2010 10:38:35 +0000 Wow... thanks Toxi! I'm learning more CG in a couple of days here than I've learned with the whole semester course...  <img src="yabbfiles/Templates/Forum/processing_one/grin.gif" border="0" alt="Grin" title="Grin" /> Line graph num_1276526320.html Processing Discourse/Programs num_1276526320.html Mon, 14 Jun 2010 09:04:59 +0000 All the points are drawn every frame. This graph is actually within a bigger graph - when you roll over a point on the bigger graph, you get this smaller one. That's where the i in the nf(i,5) comes from. I just use the "*100-1000" to make the points fit where I want them to. I could probably find a better way to put that in the code, but this worked fine with the ellipses, so I don't think that's the problem. Here's the entire code for the graph that actually works, with the part we're working on highlighted: Code:<pre class="code">int numPics = 292; // change with number of points, numPics = # pictures PImage[] pics = new PImage[numPics]; PFont font; PFont small; PFont large; String[] num; float[] values; void setup() { size(1000,950); smooth(); font = loadFont("Serif-15.vlw"); small = loadFont("Serif-12.vlw"); large = loadFont("LiSongPro-32.vlw"); for ( int k = 0; k < numPics; k++) { String imageName = "S5_stamp_" + nf(k, 5) + ".png"; pics[k] = loadImage(imageName); } } void draw() { background(255); String[] data = loadStrings ("S5_quantities_4.txt"); for (int i = 0; i < numPics; i++) { num = splitTokens(data[i], WHITESPACE); values = parseFloat(num); ellipseMode(CENTER); stroke(150); fill(255); float NII = log(values[5]/values[4])/log(10); float OIII = log(values[7]/values[6])/log(10); if(values[8] == 1) { fill(0,0,255); stroke(0,0,255); ellipse(NII*650+800,-OIII*350+350,3,3); //transform, disk } else if(values[8] == 2) { fill(0,255,0); stroke(0,255,0); ellipse(NII*650+800,-OIII*350+350,3,3); //transform, peculiar } else { fill(255,0,0); stroke(255,0,0); ellipse(NII*650+800,-OIII*350+350,3,3); //transform, spheroid } int lim = 2; if(abs(mouseX-(NII*650+800)) < lim && //transform abs(mouseY-(-OIII*350+350)) < lim) { image(pics[i-1], 50, 500, 120, 120); textFont(font); fill(0); text("NII/Ha" + " " + NII + " " + "OIII/Hb" + " " + OIII, 50, 630, 300, 60); } if (abs(mouseX-(NII*650+800)) < lim && //transform abs(mouseY-(-OIII*350+350)) < lim) { String spectra = "S5_hi_spectra_" + nf(i,5) + ".txt"; println(spectra); String[] spec = loadStrings (spectra); for (int j = 0; j < 866; j++) { String[] spec1 = splitTokens(spec[j], WHITESPACE); float[] spec2 = parseFloat(spec1); pushMatrix(); pushStyle(); fill(0); stroke(0); translate(50,900); scale(0.35); ellipse(spec2[1]*100-1000, -spec2[2]*10000,1,1); line(-11,0,951,0); line(0,-550,0,10); for (int k = 0; k < width; k+=100) { line(k,0,k,20); } for (int k = 0; k < 600; k+=100) { line(0,-k,-20,-k); } popStyle(); popMatrix(); } textFont(small); float[] yscale = {0.05, 0.04, 0.03, 0.02, 0.01, 0.0}; for (int k = 0; k < 6; k++) { text(nf(yscale[k],1,2), 15, k*35+725); } float[] xscale = {10, 11, 12, 13, 14, 15, 16, 17, 18, 19}; for (int k = 0; k < 10; k++) { text(nf(xscale[k],0,0), k*35+45, 920); } text("Flux v. Wavelength", 175, 700); } } // axes and scales stroke(0); line(0,2,width,2); //horizontal line(width-2,-height,width-2,height); //vertical textFont(font); fill(0); text("Log[NII]6584/Ha", 10, 35); text("Log[OIII]5007/Hb", width-150, height-10); fill(0,0,255); text("disk", 10, 645); fill(0,255,0); text("peculiar", 10, 660); fill(255,0,0); text("spheroid", 10, 675); fill(0); for(int i = 0; i < height; i+=86) { line(width-4,i,width,i); } float[] yscale = { 1.25, 1, 0.75, 0.5, 0.25, 0, -0.25, -0.5, -0.75, -1.0, -1.25, -1.5, -1.75}; for (int i = 0; i < 12; i++) { text(nf(yscale[i],0,2), width-40, (i-1)*86); } for(int i = -13; i < width; i+=167) { line(i,0,i,4); } float[] xscale = { -1.25, -1, -0.75, -0.5, -0.25, 0, 0.25, 0.5, 0.75, 1.0}; for(int i = 1; i < 6; i++) { text(nf(xscale[i],0,2), (i)*167-13, 15); } } </pre> This draws an entire graph of ellipses, spec2[1]*100-1000 vs -spec2[2]*10000. counting colors num_1276151592.html Processing Discourse/Programs num_1276151592.html Sun, 13 Jun 2010 23:14:19 +0000 Oh man, this is really cool. Both code is really useful. Thanks toxi and thanks philho! How to color a treemap? num_1269624656.html Processing Discourse/Programs num_1269624656.html Sun, 13 Jun 2010 08:58:20 +0000 <a class="message" href="num_1269624656.html#0">arenzky wrote</a> on Mar 26th, 2010, 9:30am: <div class="quote" style="width: 90%">1. color the squares of my simple treemap </div> don't think this is possible because all the work is being done by the treemap library which you don't have control over. map = new Treemap(mapData, 0, 0, width, height); ... map.draw( ); if map.draw() doesn't do colours then you're stuck. (unless you change the treemap code). (actually, the change looks quite easy given that Treemap.draw() is  public void draw() {    Mappable[] items = model.getItems();    for (int i = 0; i < items.length; i++) {      items[i].draw();    }  } you just need to change fill() and/or stroke() in the loop before the items[i].draw() ) ArrayIndexOutOfBoundsException num_1276277689.html Processing Discourse/Programs num_1276277689.html Sun, 13 Jun 2010 08:54:16 +0000 koogy's comments on style and code writing are all good.  When I was first getting into Java/processing, I found it helpful to read a few Java style guides such as <a href="http://geosoft.no/development/javastyle.html" target="_blank">this one</a>. I'm not saying that particular style guide is "correct" or that it's the "best" one (as koogy says, there are religious wars about these things).  What's important though, is that if you read a few of those (you can find others by googling "Java style guide" or something similar) it'll get you thinking about how to keep your code clear and readable.  You don't have to agree with or follow every rule in that guide (I don't) but after you read it you'll understand some of the ways that code can be hard to read, and at least you'll be aware of those things when you're writing your own. Re: playing slideshow while taking pictures num_1276079765.html Processing Discourse/Programs num_1276079765.html Sun, 13 Jun 2010 03:35:14 +0000 Good idea, but to keep things simple in the slideshow and keep tasks separated, I would give this task to the sketch creating the images. Moved: 'Mother/Foetus sketch troubleshooting' num_1276379807.html Processing Discourse/Programs num_1276379807.html Sun, 13 Jun 2010 01:34:47 +0000 This Topic has been moved to <a href="num_1276379808.html#0">Other Libraries</a> by PhiLho Finding the height of a block of text num_1232855887.html Processing Discourse/Programs num_1232855887.html Fri, 11 Jun 2010 03:21:34 +0000 See also this topic : <a href="http://processing.org/discourse/yabb2/num_1195937999_.html#34; target="_blank">http://processing.org/discourse/yabb2/num_1195937999_.html#60;/a> Worm that eats circles/ellipses num_1276246863.html Processing Discourse/Programs num_1276246863.html Fri, 11 Jun 2010 02:23:06 +0000 Hi, and welcome. Dunno if i got what you need but to achieve the effect you're after, one option could be to use some Vector math. This is the easiest (thanks to the Processing API) and more efficient way to 'move' stuff. Nothing too difficult, have a look at these pages: http://www.shiffman.net/teaching/nature/vectors/ http://www.processing.org/reference/PVector.html What you basically need to do, is to simulate motion, wich one could thing as of three vectors: the velocity, the position and the acceleration vectors. velocity = velocity + acceleration position = position + velocity You should subtract the object (worm) initial position to the target position and apply that as a new velocity. That will move the worm toward the circle. more or less. something like Code:<pre class="code"> PVector velocity = PVector.sub(targetloc,worm_origin_loc); </pre> but others may suggest different approaches. Cheers GC Image warping/morphing num_1138567834.html Processing Discourse/Programs num_1138567834.html Thu, 10 Jun 2010 11:12:24 +0000 For those who want to know the actual mathematical technique for morphing, and they are familiar with basic linear algebra,   google: beier morphing Just combine this technique with the pixel-polygon stuff mentioned above, and it wouldn't be so hard.