Import STL

Answers

• MeBa

  November 2016

  Nobody?
• KevinWorkman

  November 2016

  Googling "processing stl files" returns a ton of results, including these:

  • http://stackoverflow.com/questions/28885437/reading-or-open-stl-file-on-processing

  • https://forum.processing.org/two/discussion/9414/import-stl-file-using-toxiclibs

  • https://forum.processing.org/one/topic/importing-stl-file-into-processing-gui-using-the-new-modelbuilder-library.html

  • https://github.com/technicolorenvy/Processing-Libraries/blob/master/toxiclibscore/examples/mesh/STLImportTest/STLImportTest.pde

  • https://gist.github.com/atduskgreg/1151193

  Why don't you try those and let us know if you get stuck?
• MeBa

  November 2016

  Hey KevinWorkman,

  Thanks for your answer. I found these results before but they are all target to processing not p5.js. They are using the toxiclibs library to import. How could I use it for p5.js without toxiclib? Sorry.. maybe I just don't get it :)
• KevinWorkman

  November 2016

  Sorry, I didn't see the p5.js part. I don't see an out of the box way to load an STL file into p5.js.

  You might be able to write your own loader if you understand the file format though.
• jeremydouglass

  November 2016 edited November 2016

  The STL file format is extremely simple. However, if you don't want to parse it yourself, I would be surprised if you couldn't just adapt the relevant import function from the toxiclib source without using the whole library (I haven't looked).

  However, given that the p5.js loadModel() for more complex OBJ files was added in the last year, perhaps you could submit a feature request?

  Not knowing the details of your project -- would it be possible to use OBJ files instead, or use an STL-to-OBJ transcoder before using loadModel()?
• jeremydouglass

  November 2016 edited November 2016

  Addendum: The toxiclibs STLReader and STLWriter classes are a bit more complex than I thought, but not much -- and they have test code for using it as well. Whether taking it on yourself or just submitting a p5.js feature request, they are a good place to start for adding STL support to p5.js.
• sssonic

  December 2017 edited December 2017

  Sorry - ignore this post.
• jeremydouglass

  March 2018

  Submitted as feature request: https://github.com/processing/p5.js/issues/2734
• kfrajer

  March 2018

  A suggestion is to convert the STL file to an obj file. Not tested in js, but I did tested a while ago in the java side.

  Kf
• Kalium

  November 2018 edited November 2018

  PShape s;
  int p;
  String sub;
  Float X,Y,Z;
  
  void setup()
  {
  size(640, 360, P3D);
  background(0);
  translate(width/2, height/2, 0);
  stroke(255);
  rotateX(PI/2);
  rotateZ(-PI/6);
  noFill();
  s=createShape();
  s.beginShape();
  String[] lines = loadStrings("test.stl");
  println("there are " + lines.length + " lines");
  for (int i = 0 ; i < lines.length; i++) 
   {
    p=lines[i].indexOf("vertex");
    if (p>-1)
     {
       sub=lines[i].substring(p+7);
       String[] list = split(sub, ' ');     
       X=float(list[0]);
       Y=float(list[1]);
       Z=float(list[2]);     
       s.vertex(X, Y, Z);
  
     }
   }
    s.endShape();
  }
  
  void draw()
  {
    size(640, 360, P3D);
  background(0);
  
  translate(width/2, height/2, 0);
  stroke(255);
  rotateX(PI/2);
  rotateZ(-PI/6);
  noFill();
  
  shape(s, 0, 0);
  
  }
  
• Kalium

  November 2018

      PShape s; int p; String sub; Float X,Y,Z;
      float rotX, rotY, camX, camY, camZ;
  
      void setup() 
      { 
        size(640, 360, P3D); 
        background(0); 
        stroke(255);
        fill(130); 
        s=createShape(); 
        s.beginShape(TRIANGLES); 
        String[] lines = loadStrings("test.stl"); //LOAD ASCII STL ONLY!!!
        for (int i = 0 ; i < lines.length; i++) 
        { 
          p=lines[i].indexOf("vertex"); 
          if (p>-1) 
          { 
           sub=lines[i].substring(p+7); 
           String[] list = split(sub, ' ');
           X=float(list[0]); Y=float(list[1]); Z=float(list[2]);
           s.vertex(X, Y, Z);
          } 
        } 
        s.endShape(); 
        camX=width/2;
        camY=height/2;
        rotX=0;
        rotY=0;
      }
  
      void draw() 
      { 
       background(0);
       translate(camX, camY, camZ);
       rotateY(rotY);
       rotateX(rotX);
       shape(s, 0, 0);
      }
  
  void mouseWheel(MouseEvent event) {
    float e = event.getCount();
    camZ+=e*5;
  }
  
  void mouseDragged()
  {
    if (mouseButton == LEFT)
    {
      rotY += (pmouseX - mouseX)*0.01;
      rotX += (pmouseY - mouseY)*0.01;
    }
    if (mouseButton == RIGHT)
    {
      camX -= (pmouseX - mouseX);
      camY -= (pmouseY - mouseY);
    }
    if (mouseButton == CENTER)
    {
      camZ += (pmouseY - mouseY);
    }
  }
  
• Chrisir

  November 2018 edited November 2018

  there is a new forum

  please post there too...

  https://discourse.processing.org