How to render modifiers from blender

[MirkoTV]

I am trying to achieve a paper rolling effect in three js. I understand I have to do this in blender and then export it to react fiber.

However when I try to export it to the web using react fiber and run the action in the plane. I don't get the "un-rolling paper" animation:

I would've liked to add the gltf file but looks like the file is not supported in github.

I made the roll effect by adding a Deform/curve modifier in blender. So I understand the issue is that the modifier information is not exported in the gltf file.

Is there some way I can achive this effect in react fiber? Either with the modifier or another way that can be exported?

[mwmwmw]

GLTF doesn't support the Blender modifier stack, so there is no way to simply export what you see in Blender.

You can apply modifiers on export, which is great for flattening bevels, bools, and subsurf, but an animation is another thing entirely.

A few options, and they're all somewhat complicated.

• Recreate the unrolling animation using bones somehow. Skinned meshes can be exported.

• Turn your animation into vertex keyframes, export to .MDD, then import the .MDD into blender, then export as GLTF. This will create all of your vertex keyframes as morph targets. Discussed here. R3F/Three can then use those morph targets to play the animation.

• Rethink how the unrolling animation works and try to fake it without using modifiers.

[mwmwmw]

Here is an example of the MDD workflow I described.

1. Ceate your animation
2. Export it as MDD
3. Put the object you've animated (the paper) into edit mode
4. Import the MDD
5. Export the animation as GLTF

https://codesandbox.io/s/vertex-animation-from-blender-modifier-2zjcqf

These are the steps I used to create this animation

1. Created a plane
2. Subdivided 3x
3. Applied the subdivision
4. Added the wave modifier
5. Exported the animation as MDD
6. Put the animated plane into edit mode
7. Imported the MDD
8. Exported the GLTF

[MirkoTV]

@mwmwmw thank you so much for your help. I made a quick test with the mdd option and so far it looks like a great option. I just need to dig a little deeper to be sure. I have no idea where I would've learned this option so again, thanks for the help