So I was thinking about converting the "box.obj" file into vertices/polygons etc. and building the object as normal in processing.. that way, I will not have to battle with the preload method in processing.js

I converted parts of the  OBJ  to vertices but it does not show the complete object yet.

Is there any way of letting loadShape("box.obj") do it's magic and obtain it's actual converted result?

Here is the test object file for reference:

1. v  -14.2585 -6.0209 15.4785
2. v  -14.2585 -6.0209 -12.8278
3. v  21.4724 -6.0209 -12.8278
4. v  21.4724 -6.0209 15.4785
5. v  -14.2585 5.5800 15.4785
6. v  21.4724 5.5800 15.4785
7. v  21.4724 5.5800 -12.8278
8. v  -14.2585 5.5800 -12.8278
9. # 8 vertices
10. 
    
11. vn 0.0000 -1.0000 -0.0000
12. vn 0.0000 1.0000 -0.0000
13. vn 0.0000 0.0000 1.0000
14. vn 1.0000 0.0000 -0.0000
15. vn 0.0000 0.0000 -1.0000
16. vn -1.0000 0.0000 -0.0000
17. # 6 vertex normals
18. 
    
19. g Box001
20. f 1//1 2//1 3//1 4//1 
21. f 5//2 6//2 7//2 8//2 
22. f 1//3 4//3 6//3 5//3 
23. f 4//4 3//4 7//4 6//4 
24. f 3//5 2//5 8//5 7//5 
25. f 2//6 1//6 5//6 8//6 
26. # 6 polygons

The problem is that I do not know how to convert this OBJ file into plain vertices.

Any ideas?

1. /* @pjs preload="box.obj"; */
2. PShape s;
3. void setup() {
4.   size(700, 700, P3D);
5.   s = loadShape("box.obj");
6. }
7. 
   
8. void draw() {
9.   background(0);
10.   lights();
11.   shape(s, 0, 0);
12. }

I have copied "box.obj" into the "web-export" folder for it to be found by the preload method.

I get this error though:

Resource interpreted as Image but transferred with MIME type text/plain: http://127.0.0.1:62818/box.obj.