Single Image Animation - Multi-Frame
Single Image Animation - Multi-Frame
(ie. White, Black, #808080)
00:00 / 00:00
|
Instructions:
1. Choose Files to open to animate on screen.
2. Wait for images to finish loading.
3. Order the images/frames by swapping (using Drag and Drop).
4. Edit fields ("Max Width", "Max Height", "Frame Duration", "Loop Indefinitely").
5. Click "Start Animation".
Credits:Javascript written using MS NotePad, with major help of ChatGPT.com (without logging in). Tested in MS Edge
Date Created:2024-06-03 (June 3rd, 2024)
Why was this created: I tried to look for programs/apps that allow me to animate images for maybe stop motion clip/video. There are many in MS Store, but they all look way more advanced. I thought for fun and chatting with AI is interesting. I would try to make a super basic/simple version with JS with the help of AI. I discovered that the AI is great at coding stuff, sometimes too good, as long as you're specific. Now i just gotta find a decent Screen Capture software to record the animation being played.
Bonus:I would love it if you use this simple "Image Animation" for any tasks (personal/commercial) to leave a comment below sharing your finished products.
Image Animation Demo Video on Youtube (Using OBS) (shared on /r/origami)
Comments
Post a Comment