Animate Multiple Morphing (with optional static bg as 3rd input)

Image Animation

Image Animation

Color:
Clear canvas:






















00:00 / 00:00













Instructions:
1. Choose a Background Image and an Animation Image.
2. Wait for images to finish loading.
3. Edit fields ("Frame Duration", "Loop Indefinitely").
4. 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

Comments

Post a Comment

Popular posts from this blog

Circular Loom Black & White Design

Circular Loom Black & White Designs Instructions: 1. You can change section dimension to draw on. 2. Change Color/Brush-size. Draw on the outlined section to see the full mandala. 3. You can toggle the "Show section outline". 4. You can also change number of sections at any time. 5. Right-Click Mandala to see Copy/Save-As Image options Instructions: 1. Change settings below and effect will be taken right away 2. Right click on canvas/image to Save/Copy Brush Size: # of Sections: Offset Section: Section Drawing Dimension: Show Section Outlines Symetric/Spinwheel Toggle Circular Loom Settings 1. Pixels Per Inch: 2. Inner Radius in Inches: 3. Outer Radius in Inches: 4. Notch Width in Inches: (How wide each notch is) 5. Notch Depth in Inches: (How far to move inward from outer radius) 6. # of Notches: 7. Canvas Margin in Inches: Mandala Dimension:
Read more

Love see individual frames all at once

Image
Maybe because unlike a video which goes in 2 directions (forward or backward), with all frames showing the viewer can jump to any frame the like exploring on their own ya know. I don't know, I just like seeing all frames at once. Anyways, after getting permission to use origami photos from two redditors: 1.  One of my favourite rose designs <3 : r/origami (reddit.com) 2.  Just finished my first modular origami- rose unit Kusadama : r/origami (reddit.com) I made video clips that morph from their hand holding it into the origami and back. Then I made a video that morphs from one design into another:  Origami Paper Ball into Blue Rose Morph - YouTube Ok so here's the all frames (or every other frame at once for my/your pleasure).
Read more