Completely brand new to Blender, never touched it until a few days go. I figured out how to get the basics going so I have an animation I can use.

Here's what I'm going for:

• Pack Ripping animation
• The 'Dynamic' Input will be an image URL of an AI generated image, used as the face of a card. So just duplicating the animation for a few images isn't possible.
• Need to put the final animation into a site.

So I guess my main questions are how to get a dynamic image input into the animation that's chaning constantly, and how to get the final result in a format I can use on a site. I'm sure there has to be some kind of standard solution to this, I don't think it's a completely novel/unique scenario. Let me know if I can clarify, thank you for any help or hints!

Completely brand new to Blender, never touched it until a few days go. I figured out how to get the basics going so I have an animation I can use.

Here's what I'm going for:

• Pack Ripping animation
• The 'Dynamic' Input will be an image URL of an AI generated image, used as the face of a card. So just duplicating the animation for a few images isn't possible.
• Need to put the final animation into a site.

So I guess my main questions are how to get a dynamic image input into the animation that's chaning constantly, and how to get the final result in a format I can use on a site. I'm sure there has to be some kind of standard solution to this, I don't think it's a completely novel/unique scenario. Let me know if I can clarify, thank you for any help or hints!

• blender

1 Answer 1

Figured it out. Just didn't know how to ask it. For any other beginner struggling with this or even how to ask it, this is the high level:

1. Create the 3D Model in Blender Model a pack of cards and individual cards inside the pack. Rig the model (if necessary) for smooth animation. Animate the pack opening and the cards revealing themselves.
2. Set Up Image Texture Inputs Create three planes or card faces where the images will be applied. Use Blender’s material nodes to set up image textures that can be swapped dynamically.
3. Export as GLTF Blender allows you to export your model as a .gltf or .glb file. Ensure textures are configured correctly to allow external image swapping.
4. Load the GLTF in Three.js Use GLTFLoader in Three.js to load your exported model. Dynamically replace the textures of the cards with the image URLs you provide.