Settings

Theme

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

storymotion.video

1 points by chunza2542 3 months ago · 4 comments

Reader

chunza2542OP 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

  • chunza2542OP 3 months ago

    could you share what's the use cases?

    • grog6 3 months ago

      it make it possible to do a lot of interesting things, from version control to automation to antigenic workflows to dynamic tutorials or something.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection