Processing Forum

Multiple borderless Processing windows

[0 Replies]
- 14-Apr-2011 01:11 PM
- Forum: Share your Work
Here is the code I revised from this post

http://forum.processing.org/topic/switching-renderers-on-the-fly

What I like about Processing is that you can find multiple ways of doing the same thing, but cooler each time.
I also like the borderless windows but you can still drag them.

Processing rocks!!

import java.awt.MouseInfo;
import java.awt.Point;
Point mouse;

//
//void draw() {
// Point mouse;
// mouse = MouseInfo.getPointerInfo().getLocation();
// println( "X=" + mouse.x + " Y=" + mouse.y );}

int maxwindows = 10;

Point [] _mouse = new Point[maxwindows];
boolean [] mouseup= new boolean [maxwindows];
Rectangle [] rm = new Rectangle[maxwindows];
int [] _offx = new int[maxwindows];
int [] _offy = new int[maxwindows];

import javax.swing.JFrame;
public PImage a;
public int mmx;
public int mmy;
public JFrame [] new_window= new JFrame[maxwindows];
MApplet sketchviewer;
public int frameWidth =0;//10
public int frameHeight =0; //25
public String rmode = "P3D";
void init()
{
frame.removeNotify();
frame.setUndecorated(true);
frame.addNotify();
super.init();
}

int w;
int h;

void setup(){
for (int i=0;i<maxwindows;i++){
    mouseup[i]=true;
    _offx[i]=0;
    _offy[i]=0;
}
w=255;
h=255;
a=createImage(w,h,ARGB);
size(w,h,P3D);

background(233,23,23);
this.frame.setLocation(screen.width/2,screen.height/2);
r = frame.getBounds();
}
Rectangle r ;
//= frame.getBounds();
void mousePressed(){
r = frame.getBounds();
if(mup){
    offx=mouseX;
    offy=mouseY;
}
mup=false;
}
boolean mup=true;
void mouseReleased(){
mup=true;
}
public int windowcount=0;
void keyPressed(){
if(key=='n')   loadNewWindow();
if (key=='r')setup();

if (key=='1') {
    rmode = "P3D";
    loadNewWindow();
}
if (key=='2') {
    rmode = "P2D";
    loadNewWindow();
}
if (key=='3') {
    rmode = "JAVA2D";
    loadNewWindow();
}

}
int offx,offy;
void draw(){

mouse = MouseInfo.getPointerInfo().getLocation();
r = frame.getBounds();
this.frame.setTitle(str(r.x)+ " - " + str(r.y));
if (pmouseX!=mouseX && pmouseY!=mouseY)
{
    //this.frame.setTitle(str(mouseX)+ " - " + str(mouseY));
    this.frame.setTitle(str(r.x)+ " - " + str(r.y));
}
// else
// {
//    this.frame.setTitle(str(mmx)+ " - " + str(mmy));
// }
background(255,0,0);
//if (a!=null)background(a);
mmx= mouseX;
mmy=mouseY;
ellipse(mouseX,mouseY,20,20);

}
void mouseDragged(){
//to do calculate offsets and move from the point where you clicked

    frame.setLocation(mouse.x-offx,mouse.y-offy);

}

public int inc=0;
void loadNewWindow()
{
windowcount++;
if (windowcount<maxwindows){
    // if(new_window == null){ // omitting this allows multiple windows
    new_window[windowcount] = new JFrame();

    sketchviewer = new MApplet();

    new_window[windowcount].getContentPane().add(sketchviewer, BorderLayout.CENTER);

    //
    new_window[windowcount].removeNotify();
    new_window[windowcount].setUndecorated(true);
    new_window[windowcount].addNotify();
    new_window[windowcount].setLocation(inc, 100);
    //
    inc+=255;
    new_window[windowcount].setVisible(true);

    sketchviewer.init();
    // }

    new_window[windowcount].setSize(w + frameWidth, h + frameHeight);

}
}

boolean viewhead = false;
public class MApplet extends PApplet{
public PApplet pgx;
public Robot robot;
Frame framex;

void mouseDragged(){
    new_window[windowcount].setLocation(mouse.x-_offx[windowcount],mouse.y-_offy[windowcount]);
    // this.setLocation(mouseX, 100);
}

//<Insert sketch Code here>
// Shining Particle by harukit
// Created with Processing 68 alpha on September 11 , 2004
// http://www.harukit.com

int pNum =4;
Particle[] p = new Particle[pNum];
float rr,gg,bb,dis;
int gain = 5;
float[] cc = new float[3];

public void setup(){
    framex = new Frame();
    if (rmode=="P3D") size(w,h,P3D);
    if (rmode=="P2D") size(w,h,P2D);
    if (rmode=="JAVA2D")size(w,h,JAVA2D);

    loadPixels();
    noStroke();
    background(0);
    for(int i=0;i<3;i++){
      cc[i]=random(40)+random(40)+random(40)+random(40)+random(40);
    }
    for(int i=0;i<pNum;i++){
      p[i] = new Particle(random(width),random(height),random(0.1,0.3));
    }

    try
    {

      robot = new Robot();

    }
    catch (AWTException e) {
      e.printStackTrace();
    }

}

public void draw(){
    //mouse = MouseInfo.getPointerInfo().getLocation();
    rm[windowcount] = new_window[windowcount].getBounds();
    this.mouseX=mmx;
    this.mouseY=mmy;
    // for(int i=0;i<pNum;i++){
    //    p[i].update();
    // }
    for(int y=0;y<height;y++){
      for(int x=0;x<width;x++){
        int pos=y*width+x;
        color col = pixels[pos];
        rr = col >> 16 & 0xff;
        gg = col >> 8 & 0xff;
        bb = col & 0xff;
        // for(int i=0;i<pNum;i++){
        //dis =dist(p[i].xpos,p[i].ypos,x,y)/2;
        //dis = dist2(mouseX,mouseY,x,y,24);
        dis = dist(mouseX,mouseY,x,y)/2;
        rr += cc[0]/dis-gain;
        gg += cc[1]/dis-gain;
        bb += cc[2]/dis-gain;
        // }
        pixels[pos]=color(rr,gg,bb);
        a.pixels[pos]=color(rr,gg,bb);
      }
    }
    if (rmode=="JAVA2D"){
      updatePixels();
    }

    if (this.keyPressed){
      robot.keyPress(18);
      robot.keyPress(154);
      robot.keyRelease(18); // <<Important
      robot.keyRelease(154);// <<Important

      if (key=='v')viewhead =!viewhead ;

    }
    //this.setLocation(mouse.x,mouse.y);
    // this.frame.setLocation(mouse.x+55,mouse.y);
}

public void mousePressed(){
    // background(0);
    Particle[] p = new Particle[pNum];

    rm[windowcount] = new_window[windowcount].getBounds();
    if(mouseup[windowcount]){
      _offx[windowcount]=this.mouseX;
      _offy[windowcount]=this.mouseY;
    }
    mouseup[windowcount]=false;

}

public void mouseReleased(){
    for(int i=0;i<3;i++){
      cc[i]=random(40)+random(40)+random(40)+random(40)+random(40);
    }
    // background(0);
    for(int i=0;i<pNum;i++){
      p[i] = new Particle(random(width),random(height),random(0.1,0.3));
    }
    mouseup[windowcount]=true;
}

class Particle{
    float xpos,ypos,del;
    Particle(float x,float y,float d){
      xpos=x;
      ypos=y;
      del = d;
    }
    void update(){
      xpos += (mouseX-xpos)*del;
      ypos += (mouseY-ypos)*del;
    }
}

}

float fastDist( float x1, float y1, float z1, float x2, float y2, float z2 )
{
float fdist = (x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1) + (z2 - z1) * (z2 - z1);

return fdist;
}

float dist2( float x1, float y1, float x2, float y2,float val)
{
float fdist = (x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1);
fdist = fdist / val;
return fdist;
}

How to copy an image to the clipboard

[2 Replies]
- 13-Apr-2011 07:28 AM
- Forum: Programming Questions
The code works to copy an image from the clipboard

SEE http://forum.processing.org/topic/how-do-you-copy-image-data-from-the-clipboard

However how do you copy an image to the clipboard
I have some reference links but no luck so far

http://www.javaworld.com/javaworld/javatips/jw-javatip61.html?page=6 <<really helpful

http://elliotth.blogspot.com/2005/09/copying-images-to-clipboard-with-java.html

http://wiki.processing.org/w/Copy_image_to_clipboard

http://www.java2s.com/Code/Java/2D-Graphics-GUI/SendingImageObjectsthroughtheClipboard.htm

I am making some progress but not there yet.

My issue is the imageSelection class.

How do you copy image data from the clipboard?

[7 Replies]
- 11-Apr-2011 08:06 PM
- Forum: Programming Questions
Is there any code available to copy image data from the clipboard and use it in processing.

The alternative is convert the image to text copy it to the clipboard and then copy the text from the clipboard to image,
manipulate it and then copy the image back to the clipboard.

Either method requires a knowledge of both readying and writing image data to and from the clipboard.

Why can't I load Images stored on Dropbox.com?

[4 Replies]
- 11-Apr-2011 09:40 AM
- Forum: General Discussion
I use dropbox.com to store my sketches. However, it uses cloud services.

Is that the reasons the links don't work when I use loadIamage() ?

Can someone help with this code?

[4 Replies]
- 30-Mar-2011 10:42 AM
- Forum: Programming Questions
Check out http://www.bit-101.com/blog/?p=3251

I am trying to use the code to create the image on the site

However all I am able to get done are greyscale bands

Here is my processing code
1. PImage imageData;
  void setup(){
  size(255,255,P3D);
                    imageData = createImage(255,255,ARGB);
       for(int y = 0; y < imageData.height; y += 1) {
       for(int x = 0; x < imageData.width; x += 1) {
       //offset = x * 4 + y * 4 * imageData.width;
  
       //imageData.data[offset] = Math.sin(x * 0.01) * 127 + 128;
       //imageData.set(x+1,y+3,color(sin(x * 0.01) * 127 + 128));
  //     imageData.data[offset + 1] = Math.sin(y * 0.02) * 127 + 128;
  //   imageData.data[offset + 2] = Math.cos(x * 0.04 + y * 0.03) * 127 + 128;
  // imageData.set((x*4)+2,y,color(cos(x * 0.04 + y * 0.03) * 127 + 128));
     imageData.set((x*2),(y*1),color(cos(x * 0.04 + y * 0.03) * 127 + 128));
     //imageData.set((x*2)+1,(y*1),color(cos(x * 0.04 + y * 0.03) * 127 + 128));
      imageData.set((x*2)+1,(y*1)+1,color(cos(x * 0.04 + y * 0.03) * 127 + 128));
      // imageData.data[offset + 3] = 255;
       }
       }
  
     image(imageData,0,0);
  
  }
Here is the original on the site

     for (y = 0; y < imageData.height; y += 1) {

         for (x = 0; x < imageData.width; x += 1) {

             offset = x * 4 + y * 4 * imageData.width;

             imageData.data[offset] = Math.sin(x * 0.01) * 127 + 128;

             imageData.data[offset + 1] = Math.sin(y * 0.02) * 127 + 128;

             imageData.data[offset + 2] = Math. cos (x * 0.04 + y * 0.03) * 127 + 128;

             imageData.data[offset + 3] = 255;

         }

     }

Here is what I can get done so far

Converting greyscale to colour

[1 Reply]
- 16-Mar-2011 10:34 AM
- Forum: Programming Questions
Does anyone know of a decent algorithm to convert a greyscale image to colour ?

I am thinking of using a colour wheel look up. Based on where it comes up on the wheel get the corresponding colour.

Thunderbolt : It's affect on general visual programming

[1 Reply]
- 02-Mar-2011 04:43 AM
- Forum: General Discussion
Any ideas how this new technology can aid visual programmers like us ?

http://www.intel.com/technology/io/thunderbolt/index.htm

http://www.apple.com/thunderbolt/

Using processing with file synching software

[1 Reply]
- 26-Feb-2011 04:22 PM
- Forum: General Discussion
Saving files to the web from Processing requires signing the application.

I have a question.

If you use one of the file synching programs like dropbox.com or sugarsync.com; would it be possible to use those as
some sort of centralized data storage for apps.

It would not be realtime but it would be better as you can store entire folders of processing applets and .jar files.

Kinect for Windows SDK available Spring 2011

[1 Reply]
- 21-Feb-2011 12:49 PM
- Forum: General Discussion
Check out the link

http://www.neowin.net/news/kinect-for-windows-sdk-available-spring-2011

It will be interesting what processing can come up with with it.

Time Tracking software using Processing

[1 Reply]
- 14-Feb-2011 09:17 AM
- Forum: General Discussion
I want to create a processing and processing.js application that is used to track time.

Anyone who can point me in the direction of similar attempts/implementations, I am interested.

Basic Drag and drop using processingjs

[0 Replies]
- 09-Feb-2011 11:53 AM
- Forum: Share your Work
Check it out here
http://www.openprocessing.org/visuals/?visualID=20413

Tested and works with

sketch.processing.org
sketchpad.cc

Window , Task bar and Task Manager icons modification

[1 Reply]
- 08-Feb-2011 08:05 AM
- Forum: General Discussion
I found this code on the old forums

It allows you to edit the
- Window icon
- Task Bar icon
- Task Manager icon
1. void setup1()
  {
  
  PGraphics icon = createGraphics(16, 16, JAVA2D);
  icon.beginDraw();
  icon.noStroke();
  icon.fill(#55AAFF);
  icon.ellipse(8, 8, 16, 16);
  icon.fill(#FFEE22);
  icon.ellipse(9, 6, 8, 6);
  icon.stroke(#FFEE22);
  icon.strokeWeight(3);
  icon.line(6, 6, 6, 12);
  icon.endDraw();
  frame.setIconImage(icon.image);
  }

Playstation Move could be possibly be getting official PC support

[0 Replies]
- 01-Feb-2011 09:56 AM
- Forum: General Discussion
Check out the link here

http://www.computerandvideogames.com/286459/news/playstation-move-to-get-official-pc-support/

3D to 2D distance experiment

[6 Replies]
- 01-Feb-2011 02:40 AM
- Forum: Programming Questions
I did a small proof of concept to calculate distance in 3D using a greyscale 2D image.

Here is the sketch on openprocessing
http://openprocessing.org/visuals/?visualID=19725

I assume the two items are on the same plane (i.e. looking directly at one another) so the camera can see both along the z-axis, sorta like a slice of an apple where you cut along the z-axis that connects the two points.

Here is a screencap

Here is the writeup

An experiment using a greyscale image of ellipses reducing in grey intensity. The brightness is used a test of distance. This is to be translated to 3D where each ellipse represents a sphere.

As the items goes further away i.e. down the z-axis , up the y axis or across the x axis it is assumed the two objects are on the same plane.

Faster algorithm than dist()

[14 Replies]
- 26-Jan-2011 05:32 AM
- Forum: Programming Questions
Currently Processing has the dist() function to determine the distance between two points.
However this requires the square root function to be used.

Does anyone have a faster algorithm that does not require square roots (and/or division) ?

P3D depth sorting

[2 Replies]
- 04-Jan-2011 06:41 AM
- Forum: General Discussion
How is it possible to remove the effect of rotating an object using the P3D renderer and portions that are rendered first disregarding there are farther back in the scene ?

I believe it has to do something with enabling depth sorting.

Creating glossy effects

[2 Replies]
- 03-Jan-2011 05:48 AM
- Forum: General Discussion
I would like to know if anyone knows of a cool way to create glossy effects using Processing.

I was thinking about sunflow but Hipsterinc's version can't do it but the recent ones seem to.
For example this picture

Do you think these type of graphics can be done with Processing ?

What is the best code or algorithm to determine what OS a person is running

[7 Replies]
- 20-Dec-2010 06:12 AM
- Forum: Programming Questions
What is the code or algorithm to determine the operating system being used.

I know that you can develop the code for pc, macos or linux. However when you publish a web applet , the code is accessible via the jvm in the browser.

Thanks.

Most favourtite online Processing sketch

[3 Replies]
- 16-Dec-2010 07:46 AM
- Forum: General Discussion
The internet has tons of processing sketches, 2D, 3D , etc. Post your most favourite.

Shining particles from harukit is my favourite

http://www.harukit.com/process/sp/applet/index.html

Desktop screen capture via the internet

[0 Replies]
- 12-Dec-2010 10:08 AM
- Forum: Share your Work
It's kinda scary sometimes what you can do with Processing once your online app is signed. It gives you limitless possibilities to an application that is incredibly powerful all by itself.

Here is the sketch

http://openprocessing.org/visuals/?visualID=16698

If you manage to sign an app; then somehow get that app to call other sketches, would it still be signed ?

[1 Reply]
- 11-Dec-2010 01:35 PM
- Forum: General Discussion
Basically I want to sign java sketches so when they run in the browser you can have access to basically the user's pc input and output processes (serial port, webcam, keyboard, whatever) However signing app after after app can become tedious.

Plus I don't know how to get it done in the first place. When I finally find out how to do it so I can actually show others (basically my yard-stick for knowing how to do something, if you can show it to others and they get it)

Is it possible to have that sketch call other sketches and still be signed where in the jar does not change just what it refers.

Processing-Html 5 app to IPad (IOS)

[4 Replies]
- 08-Dec-2010 06:37 PM
- Forum: Processing with Other Languages
If I create a processingjs application that is html 5 compliant as it writes to the canvas, will it be accessible to IPAD, IPhone , Itouch , etc ?

Basically would it be available to any device that can interpret HTML 5 ?

How to save program data to a file on the server side location

[8 Replies]
- 06-Dec-2010 10:01 AM
- Forum: Programming Questions
As I am aware, save() or any core function of processing does not work when running as an applet; after you have exported it as an online applet and the application is run via the launch of the index.html

Is php or ftp access the only way to save program data to the server side location ?

Basically I want to save either a basic text file (.csv) or a .png to a specified folder on the server side location (pc running the application) and I am accessing the application remotely.

It can work as a standalone application on the intranet but I would like to know how to get it done via the internet; if there are any alternatives to php or ftp access.

Also if I sign the applet, does this help ?

Best way to access data from pixel array

[10 Replies]
- 02-Dec-2010 03:44 PM
- Forum: Programming Questions
Some friends at work want to develop an in-and-out tracking program. Now you can use any programming language you prefer.

I want to use processing however I want to access the database using sql and also store the data in images using the pixels.

I know basic SQL but how can I develop an algorithm to search the images based on specific criteria ?

Example

Database name : Employee.dbf
Name : Owaun
Age : 33
Occupation : Computer Programmer
Location : In_house

A basic sql is
Select * from employee where Location = "in_house"

How would it best to develop an algorithm to search images where this data is stored ?

Any ideas?

Changing parameters on the fly

[2 Replies]
- 02-Dec-2010 04:51 AM
- Forum: Programming Questions
I do a lot of image pixel manipulation sketches.

So i create colours a lot using e.g color k = color(c/2,c*2,c/2,c/2);

Now how do I change this on the fly so I can say k = color (c/3,c,c/4,c/3);

...without declaring fixed colours, and selecting the variables I already have present ?

Activity Trend