Hi there, I’m a newbie to Babylon.js and am inhaling the documentation and tutorials. Very exciting!
I hope someone can help me get over a hurdle. I’m trying to showcase my clients’ projects over the past 20 years and this one was a protective gear manufacturer.
I’d like to add an animation (or video), originally created in Adobe Flash (years ago) that uses a series of jpg files (stop frame animation style). The dimensions are 914px width x 1052px height. I have 2 products to showcase: (1) Helmet and (2) Entry Vest.
My challenge is determining which method I should use to display the content, when considering performance.
Play a video as a texture: VideoTexture - Babylon.js Documentation. A video export for both products = 10mb.
Use gif animation or stop frame animation. I am concerned about the file size with this method.
When I export the helmet gltf, it generates 63 png files at 11.5mb. The entry vest exports 48 png files at 9.54mb. Also, when I drag/drop the gltf in sandbox, i get an error about the png images.
Sprites: Sprites - Babylon.js Documentation
I could create 1 file containing all helmet images and 1 file containing all entry vest images. Then, animate them separately.
Any other method I am not aware of?
Ideally, I would like to add a photo as a skybox but do not want to push my luck with download speed if the animations already max it out. I have a video sample to send if that helps solve the challenge.