[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)