[HN Gopher] Show HN: Create animations by dragging an element wi...
___________________________________________________________________
Show HN: Create animations by dragging an element with your mouse
Author : panphora
Score : 87 points
Date : 2022-01-13 18:34 UTC (4 hours ago)
(HTM) web link (animatize.com)
(TXT) w3m dump (animatize.com)
| sam1234apter wrote:
| amazing tool - loving it so far
| sarwech wrote:
| This is really cool. As others have said I'd love to see an
| option to output a GIF and additional animation options.
| panphora wrote:
| Hi HN,
|
| This idea has been a dream of mine for years [0]. As a web
| developer, I never learned After Effects or any other complex
| animation software.
|
| But I've always dreamed of creating interactive demos and
| animations just by using my natural mouse movements. It just
| feels right.
|
| So last week I took a few days off from my main project to create
| Animatize [1], a proof-of-concept showing off the idea of using
| natural movement to create an animation.
|
| I'd love to know what you think.
|
| [0] http://motioncomicbuilder.storylog.com/
|
| [1] https://github.com/panphora/animatize
| themodelplumber wrote:
| What a cool project. You can really fit a lot of concepts into
| such a refined approach to animation. Thank you for sharing
| your result with us, I hope you are having fun with it too.
| Linkd wrote:
| Love it, but this needs to be able to output GIFs I can easily
| copy and share on slack, etc. (Unless I missed out how to do that
| entirely?)
| uxamanda wrote:
| Not OP, but I thought you might be able to use a canvas export,
| but alas the output is still javascript. My quick hack on a Mac
| would be QuickTime screen record + ffmpeg :-)
| appliku wrote:
| That's pretty cool. I always thought animation making should look
| like this, not million of layers and dots. GJ!
| can16358p wrote:
| Remindes me of the video Inventing on Principle by Bret Victor.
| indiantinker wrote:
| So cool! Congratulations
| uxamanda wrote:
| This is great! As someone who has dealt with After Effects (and
| Flash) this feels like a great stepping stone tool.
|
| Looking at the output code, it seems like you could have an edit
| mode that displays the Animation History as numbered "dots" on
| the background to let someone click and move or remove a dot.
| Then you start to expose things like time between dots, and soon
| enough you've taught the basics of tweeting. :-)
| cuttysnark wrote:
| This is great. Do you have plans to expand the controls or
| animation options? For example, adding pauses, or additional
| animation types like scale or rotate. Thanks for sharing this
| project.
| daenz wrote:
| This is what ergonomics looks like. Even small children can
| convey the movement of actors through space using similar
| techniques. It's an extremely natural way to communicate how
| something moves. But we have lost that basic idea in favor of
| very precise animation tools and the complexity that comes with
| them.
| tehwebguy wrote:
| Very cool!
|
| Does anyone know if something like this exists for video? Like
| "motion tweening" but with my mouse in real time?
| cercatrova wrote:
| Didn't you also start doing 31 launches in January? How's that
| been going? I see animatize is one of your projects.
|
| https://31launches.com/
___________________________________________________________________
(page generated 2022-01-13 23:00 UTC)