1

I have found the following resources concerning the more or less direct use of an SVG exportet from Illustrator to use for WebGl with three.js and d3.

Extrude, or, make 2d SVG path into 3d

http://threejs.org/docs/#Reference/Extras.Geometries/ExtrudeGeometry

https://github.com/josdirksen/learning-threejs/blob/master/chapter-06/05-extrude-svg.html

Illustrator/SVG to JavaScript workflow? (A templating library?)

None of these resources would ultimately help to directly use an SVG from Illustrator with three.js and d3.

What I need is either:

  • a method to directly use an SVG from Illustrator with three.js and d3

  • a conversion method to convert the SVG (also multiple path groups) from the Illustrator-SVG format to something that is usable with three.js and d3.

Think of it as : User uploads his svg logo and gets a 3D preview.

Manually re-formatting the Illustrator-SVG is not an option here, so I hope you can point me to a few useful resources to solve the incompatibilities.

Thank you very much !

Community
  • 1
  • 1
Heppe Meller
  • 31
  • 4

1 Answers1

0

You can convert .svg to .json.

After it's simple to use with Raphaël, Three.js or D3.js

Converted files are simple to use.

Edit : More informations //jsfiddle.net/yprgsvk7/ -> JsFiddle exemple

Community
  • 1
  • 1
Treize Cinq
  • 417
  • 5
  • 16