Load SVG in scene

Been on the SVG V3D Quest since day 1.

Instead of extruding, then bending then saving 30 ironed-in-stone (and disagreeable) shapekeys for each of many many items, the desired method would be dynamically extruding on a spline a profile from a loaded SVG, as seen here…
Muffin man extruding loaded SVG via buffer geometry in three,js

the former method was a fallback because I knew it was do-able, vs the learning curve of implementing three.js chive into already existing blender based scenes.

Our project’s demo is almost complete, but after it’s release I’m tackling that beast!

Feel free to share any progress you make! Let us join forces in dominating the SVG V3D menace!

(I’ve asked and Ivan’s said most all three.js syntax is interchangeable with v3d code, so it’s (if using generated .js files, using the “run code here” and or app.externalApplication js call areas of your app’s js file.

So here’s a link to a search result of SVG mentions at the three.js discourse forum…

Three.js discourse svg

Been almost a year pining on this conundrum… You’d think the Gods would show some pity…

Hey David.
I just made a breakthrough, and have animated SVG’s rotating in 3d space just using css. (Sass css).
You can click and interact with them and everything. not 3d wireframes made from svg coords, but svg graphics on polygons, able to do whatever you have them normally do to full capacity.

Using puzzles to implement this will be easy.

It’s NOT Webgl, because css uses html5, but there’s been success blending the two, with the three.js CSS3dRenderer, matching camera matrix with css d perspective etc…

Three.js and css3D transforms

This is especially exciting for me since ALL of my primary content is in SVG format.

And if you’re reading this Ivan & Yuri, I think an updated version of you’re css3drenderer ,or better instructors for it’s dependencies would be fantastic, since the ONLY way to get LIVE, fully functional SVG capabilities working in 3D, as of now is in css3d transform. (Aside from using svg-to-canvas processing middle-man packages).

Having the CSS3dRenderer working in synch with the verge camera’s matrix would be a huge bonus to potential future licensees!

core3d wrote:

I also found a 5 year old article about this. I can’t get it work though but he blend css3d with three.js renderer succesfully. Embedding webpages in a 3D Three.js scene and yes we really need this type of features in puzzles…

i know.. it’s yet another difficult challenge.

got clickable, 3D animated SVG’s in html.. but all my scene and puzzles are in verge..

however..

UNTIL the CSS3DRenderer for verge is reasonably viable… /cough cough….

i’m checking out this technique here…
although it will render the SVG code’s interactive-ability impotent…
it may still work fluidly for display purposes…

Path2D writes SVG straight to HTML Canvas.
Path2d for HTML5 canvas

then that can be put in a readable format for the new canvas puzzle.

so ya