Processing Forum

video pixelation screen size

[0 Replies]
- 26-Apr-2013 02:35 AM
- Forum: Core Library Questions
Hi,
I want to make an RGB LED matrix with arduino that shows whatever the camera is getting,

My first step is to have my video "pixelated",

I found an awesome example by Daniel Shiffman [Learning Processing],

https://github.com/shiffman/LearningProcessing

But my problem is that I need a square screen to translate this to my LED matrix array, [8x8, 16x16...]

this is the code im using from exercise 16-7 video pixelation
2. // Learning Processing
3. // Daniel Shiffman
4. // http://www.learningprocessing.com
6. // Example 16-7: Video pixelation
8. import processing.video.*;
10. // Size of each cell in the grid, ratio of window size to video size
11. //int videoScale = 8;
13. int videoScale = 16; //20 columns ; 15 rows
16. //int videoScale = 32; //20 columns ; 15 rows
19. //int videoScale = 64; //10 columns ; 7 rows
21. // Number of columns and rows in our system
22. int cols, rows;
23. // Variable to hold onto Capture object
24. Capture video;
26. void setup() {
27. size(640,480);
28. // size(500,500);
31. // Initialize columns and rows
32. cols = width/videoScale;
33. rows = height/videoScale;
34. video = new Capture(this,width,height);
35. video.start();
36. }
38. void draw() {
39. // Read image from the camera
40. if (video.available()) {
41. video.read();
42. }
43. video.loadPixels();
45. // Begin loop for columns
46. for (int i = 0; i < cols; i++) {
47. // Begin loop for rows
48. for (int j = 0; j < rows; j++) {
50. // Where are we, pixel-wise?
51. int x = i*videoScale;
52. int y = j*videoScale;
53. // Looking up the appropriate color in the pixel array
54. color c = video.pixels[x + y*video.width];
55. fill(c);
56. stroke(0);
57. rect(x,y,videoScale,videoScale);
58. }
59. }
60. }
so I need a square screen

if I use :: size(500,500);

I get the error:

* (Processing core video:46085): WARNING **: ColorConverter: size 512000 is not a multiple of unit size 500000

So, how to fix this to have my square size screen?

Thanks!

array of images to large

[2 Replies]
- 15-Feb-2013 10:58 PM
- Forum: Programming Questions
hi,
Im loading an array of images, but I want to go trough a large number of images, 110,

the problem is that if my array have more than 12 elements I get a memory error,

I dont want just to increase the memory available, as I know im doing this in a non optimal way,

so how can I refactor my array?, or what to do to show my image gallery?

thanks,

please find the code here:
1. PImage [] images = new PImage[10]; //more than 12 images out of memory!!
3. int imageCount = 1;
5. void setup ()
6. {
7. size(displayWidth,displayHeight);
9. for (int i = 1 ; i<images.length; i++)
10. {
11. images[i] = loadImage("/images/"+i+".jpg");
12. }
13. }
15. void draw ()
16. {
17. background (0);
18. if (imageCount == 0) {
19. imageCount = images.length-1;
20. }
22. if (imageCount == images.length) {
23. imageCount = 1;
24. }
26. println ("my image count is on::"+imageCount);
27. image (images[imageCount], (displayWidth - images[imageCount].width)/2, (displayHeight - images[imageCount].height)/2);
28. }
30. void keyPressed()
31. {
32. if (key == CODED) {
33. if (keyCode == UP) {
34. println("up");
35. imageCount++;
36. }
37. if (keyCode == DOWN) {
38. println("DOWN");
39. imageCount--;
40. }
41. if (keyCode == RIGHT) {
42. println("RIGHT");
43. }
44. if (keyCode == LEFT) {
45. println("LEFT");
46. }
47. }
48. }

ios processing.js barebones template

[0 Replies]
- 13-Feb-2013 11:34 PM
- Forum: Processing with Other Languages
i want to try processing.js on an iOS application,

i have checked the projects on http://procoding.audiocommander.de/ andhttp://luckybite.com/iprocessing/

but none of them have an actual working example, so i went to create one...

SO... I have created a project and uploaded in https://github.com/mako34/processing_iOS

my understanding is that all I need is just a wrapper for html5 canvas and js, for the

processing-1.4.1.js

to work??

my index.html works fine in a browser, not on the device!

my canvas works fine drawing a line on this test template

my js works fine on this test template

but doesnt work on the iphone actual web view,

So what is missing to make the sketch work?

thanks a lot!

here my index.html
1. <!doctype html>
  
  <head>
  
  <meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width,initial-scale=1">
  
  <link rel="stylesheet" href="style.css">
  
  
  
  <script src="jquery-1.6.2.min.js"></script>
  
  <script defer src="script.js"></script>
  
  <script src="processing-1.4.1.js"></script>
  
  </head>
  
  <body id="body">
  
  <div id="container">
  
  
  
  <div id="main" role="main">
  
  <a href="/" class="js">jQuery Alert</a><br />
  
  <a href="objc://message">Objective-C Alert</a><br />
  
  <a href="objc://takePicture">Take a picture</a><br />
  
  </div>
  
  
  
  <canvas data-processing-sources="example.pde" style="border: 1px solid black;"></canvas>
  
  <img id="testImage" src="iphonebattery.jpeg" />
  
  
  
  <canvas id="myCanvas" width="320" height="200"></canvas>
  
  <script>
  
  var canvas = document.getElementById('myCanvas');
  
  var context = canvas.getContext('2d');
  
  
  
  context.beginPath();
  
  context.moveTo(100, 150);
  
  context.lineTo(450, 50);
  
  context.stroke();
  
  </script>
  
  </div>
  
  </body>
  
  </html>

numerology

[3 Replies]
- 01-Jul-2010 03:00 AM
- Forum: Programming Questions
Hi,
Im writing a program that after writing the name of a person, it calculates the numerology for that name
letters values:
1= a, j, s; 2= b, k, t; 3= c, l, u; 4= d, m, v; 5= e, n, w; 6= f, o, x; 7= g, p, y; 8= h, q, z; 9= i, r
http://en.wikipedia.org/wiki/Numerology

rough pseudocode:

1. calculate name value
2. minimize digits to 1

1calculate name value:
first the name string , length(),
each char on location digit is compared and given a value to be added in final result of the name,
Kind of done,

char cd = a.charAt(2);
if (a.equals(cd))

so, is this a good way to compare the letters values?
then add up all,

2. minimize digits to 1 digit

- problem: if sumatorie is a given int, how can I add the digits, so I end up with one digit?

option?
the sumatorie is an int, changed to string, compare each digit, to add it, but I get the value of the char,
How to know wich digit Im refering to, and add digits

Example for case 2:

109
1+0+9=10
1+0=1

thanks!!

How to put a number box to set star

[3 Replies]
- 19-Jun-2010 11:59 PM
- Forum: Programming Questions
Hi,
I want to set some code I found to make random stars, but I want to change it so I can control # of spikes and radius with number boxes,

but I havent understand how to accomplish this,
here is the code, Thank you:
1. // analizando programa star,
  // donde llama a las classes?
  
  Star star; //
  import controlP5.*;
  
  ControlP5 controlP5;
  
  Textlabel myTextlabelA;
  Textlabel myTextlabelB;
  
  int a = 8;
  
  public int numberboxValue = 10;
  
  void setup() {
  size(800,600);
  //frameRate(30);
  controlP5 = new ControlP5(this);
  controlP5.setControlFont(new ControlFont(createFont("Georgia",20), 20));
  
  myTextlabelA = controlP5.addTextlabel("label","ISHTAR",10,250);
  myTextlabelA.setColorValue(0xffcccccc);
  myTextlabelB = controlP5.addTextlabel("label","IX",20,-250);
  //myTextlabelB = new Textlabel(this,"a single textlabel big stuff.",20,20,400,200);
  
  controlP5.addNumberbox("numberboxValue",0,20,50,80,14);
  
  smooth();
  star = new Star();
  
  }
  
  void draw() {
  //background(0);
  //myTextlabelB.draw(this);
  fadeToBlack();
  star.draw();
  }
  
  // EMPIEXA kkkkkkkkkkkkkkkkkkkk
  
  void fadeToBlack(){
  // fade away
  fill(0,0,0, 30);
  noStroke();
  translate(0,0); //centrar??
  rect(0,0,width,height);
  }
  
  // ================================================================ separador para las clases?
  
  class Star //class 1 notar la mayuscula,
  {
  // define variables, propiedades
  float phase = 0;
  float r1=0, r2=0;
  int spikes=0;
  Point[] points;
  
  Star(){ //constructor, mismo nombre que la clase, no inizialisa pues no hay variables?
      setProps(); //metodo?? cual funcion??
  }
  
  public void draw(){ //porque con nombre draw??
  
      translate(width/2, height/2);
      noStroke();
      //strokeWeight(.5);
      //stroke(255,255,255);
      //noFill();
      fill(255,255,255, 50);
  
     // r1 = 200;
     // r2 = 60;
     // r1 = height * cos(phase);
      //r2 = height/5 * cos(phase);
      phase += .1;
       //r1 = ((width/2) - mouseX) / 10;
       calcPoly();
       render();
       if(frameCount % 60 == 0) setProps();
  }
  
  private void setProps(){
      //spikes = int(random(174))+6;//getNumSpikes();
      spikes = getto();
      r1 = random(200)+50;
      r2 = random(150);
      int total = int(spikes*2);
      points = new Point[ total ];
  }
  
  private void calcPoly(){
       Point p;
       float i=0, n = points.length;
       float a = 360/n;
       float cosa, sina;
  
       for(i=0;i<n;i++){
         points[int(i)] = new Point(0,0);
          p = points[int(i)];
          cosa = cos((a*i) * PI/180);
          sina = sin((a*i) * PI/180);
          if(i%2==0){
             p.x = r1 * cosa;
             p.y = r1 * sina;
          }else{
             p.x = r2 * cosa;
             p.y = r2 * sina;
          }
  
       }
  }
  
  private void render(){
       int i=0, n=points.length;
       Point p1, p2;
  
       pushMatrix();
       beginShape(POLYGON);
      // rotateY( ry );
  
       for(i=0; i<n; i++){
         if(i>0){
           p1 = points[i-1];
           p2 = points[i];
           //line( p1.x, p1.y, p2.x, p2.y );
           vertex( p1.x, p1.y );
           vertex( p2.x, p2.y );
           if(i==n-1) {
             p1 = points[0];
             //line( p1.x, p1.y, p2.x, p2.y );
           }// end if
         }// end if
       }// end for
  
       endShape();
       popMatrix();
  }
  }
  
  class Point { //class point
     public float x, y; // propiedades
     Point(float x, float y){ //constructor
       this.x = x; // inializacion??
       this.y = y;
     }
  }
  
  int getto()
  {
  a = numberboxValue;
  return a;
  }

Activity Trend