Full Version: Anime 2D from a SVG Moi File

https://moiscript.weebly.com/anime-svg.html Little English PDF Manual inside!

Made with Gemini free version ! Mix of Html of the day , SVG, JavaScript , Jason CSS3

So i made my personnal one! :) You can open it from any devices by any browsers!

As I need it for a specific project here the prog that you can use without restriction! :)

So you can modify it and enhance it without any problèm!

You draw something in Moi, export as SVG format !

If you want name object in it : you Name it inside the Moi Color Style section!

It's just animation of lines drawing! (no surfaces but you can put any image under it)

Here a 3D Projection at the Moi SVG export! You can enable "Generate Outlines"

---

---

Hey Pilou,

have you considered using or seeing if the MOI Ai export instead of svg can work direct in your tool...

script: /* Copy AI format to clipboard */ moi.geometryDatabase.copyToClipboardAI();

maybe then you have less files to save, a more direct workflow
just moi-copy, paste, render your 'svg' animation?

edit: i also think moi might save svg to clipboard...
script: moi.geometryDatabase.copyToClipboardSVG();

cheers

Stefano

---

No the SVG format is the only one i can use with Gemini for this sort of thing! :)

But i can use the Drag & Drop (but you have not the image PNG in the same time - only the objects) or the copy from the clipboard!

You have not exactely same menu of SVG export when you use your SVG shortcut !


Here the conceptual manual ;)

---

Ok all is now working (Thx Michael for an essential troubleshooting )

I don't put here the start volume but it's fit to mm !

---

Imported images benefits from SVG filters !

---

Hi Pilou - this is looking good and potentially interesting.

Can a box (solid) be animated or only it’s lines or perimeter(s).

Cheers

Stefano

---

Only curves lines can be directly animating from SVG format! Because it's a flat format!

As you can make a 3D projection it's a false "volume" as a flat one! :)

And here it's "progressive" animation... a redrawing of curves lines with effect, speed, colors, reverse, order ....not moving rotating resizing!

You will be able to move and resize in real time by hand!

---

Hi Pilou, i should have probably said fill not solid.

One for the future maybe

" SVG does have a fill property that allows it to be animated and fade. The fill attribute can be used to define the color or any SVG paint servers like gradients or patterns used to paint the element"

Cheers

Stefano

---

Final last release! :)
From any SVG files from Moi3D of course!

https://moiscript.weebly.com/anime-svg.html

Entierely working!

Have fun progressive animations!

---

---

---