3D from SVG

#1 · February 6, 2021, 6:54 pm

Hello to all.

I really thank you for the new update luishp.

I try to make something similar to this site: https://www.makercase.com/#/basicbox

To have all the settings to left side and to make a svg file for cutting to a laser machine. This is easy until now for me.

The only problem is that I want to make a 3d preview like this one that is having this site. Is it possible from a svg file to make 3d object?

Maybe an other way that I don't know right now?

Can someone help me?

#2 · February 6, 2021, 7:03 pm

@sakismor I don't understand very well what you want to achieve.
VisualNEO Web already have a simple 3D drawing plugin: neo3D

This sample app is included with the install:
https://visualneo.com/tutorials/neo3d/

But I'm not sure if this is what you are looking for.

Regards.

#3 · February 6, 2021, 7:09 pm

If you check the site you will understand the 3d preview that is make.

Thank you for your reply. I check the Neo3d.

If someone have an other solution i will be very happy to know.

#4 · February 6, 2021, 7:17 pm

@sakismor not so easy, but possible usig this CSS technique:
https://css-tricks.com/creating-a-3d-cube-image-gallery/

Another tutorial, similar technique:
https://3dtransforms.desandro.com/cube

Hope it helps.

#5 · February 7, 2021, 12:43 pm

Thank you luishp. Just I start working with Neo3D and I have to told that is working like a charm.

luishp has reacted to this post.

#6 · February 7, 2021, 1:55 pm

Hello again,

Please I need your help with the neo3dDrawPath action. Can you help me how to syntax a complex object with lines and arcs?

I try many different ways but without results. Maybe an example?

Thank you.

#7 · February 7, 2021, 2:20 pm

@sakismor take a look here. You need to add the commands to a JSON object and then use neo3dDrawPath:

https://zzz.dog/shapes

VisualNEO Web sample:

neo3dInitialize "Container1" 1
BeginJS
$App.myobject={
  "path": [
    { x: -40, y: -32 },          
    { x:  40, y: -32 },          
    { move: { x: -40, y: 32 } }, 
    { x:  40, y:  32 },          
  ]
};
EndJS
neo3dDrawPath "Container1" "p1" "" "" [myobject.path] false "3" "red"
neo3dRender "Container1"

I hope it helps.

3D from SVG - Forum

3D from SVG