top | item 45926006

Show HN: StoryMotion – animated diagrams, step-by-step explainer animation maker

1 points| chunza2542 | 3 months ago |storymotion.video

4 comments

order

chunza2542|3 months ago

StoryMotion is a tool for creating hand-drawn animated diagrams and step by step explanation animation.

Improve communication for technical documentation/blog post, presentations, courses, and social media.

Try it yourself: https://storymotion.video (you can start by choosing starter templates on landing page)

Any feedback is more than welcome. I would love to hear your thoughts.

---

A bit of a story:

It's all start with my technical/programming blog where I need some tool for making step-by-step explanation (like slides) that I can easily embed to explain concepts on my website.

(and as you can guess, I'm a big fans of Excalidraw so I hack things together and made a tool called Inscribed [1])

As I later expanded into video, I decided to fork the project and create another tool which focus solely on making animation which now become StoryMotion.

How to use: 1. Sketch anything with Excalidraw canvas 2. Select an elements and assign effects, adjust the timing. - It's also support multi-scenes transition something like Magic Move. 3. Export as mp4, webm, GIF (iframe embed coming soon)

---

[1] https://github.com/chunrapeepat/inscribed

grog6|3 months ago

would be interesting if i could use some sort of a scripting language with that

chunza2542|3 months ago

could you share what's the use cases?