Earlier quoted context omitted.
This sounds like a great real-time teaching style. Can you point us to the videos you're talking about?
This meme[1] is pretty famous but doesn't hide the cursor or anything. There are a few others like it, I've never seen an educational video done like that though [1]: https://www.youtube.com/watch?v=J-fXTRHApRc
Show HN: Create animations by dragging an element with your mouse
51–59 of 59 posts
Re: Show HN: Create animations by dragging an element with your mouse
#52Remindes me of the video Inventing on Principle by Bret Victor.
I dream of a day when my day-to-day tools feel more like the tools in that video. I have some hope VR will bring us closer.
It may literally create whole new industries.
Re: Show HN: Create animations by dragging an element with your mouse
#53Very cool! Does anyone know if something like this exists for video? Like "motion tweening" but with my mouse in real time?
Example gif: https://ibb.co/w4h7FVD
Link: https://talevideo.com
Re: Show HN: Create animations by dragging an element with your mouse
#54It's broken for me, main.js¹ fails to load due to the server response: ERR_TOO_MANY_REDIRECTS ¹ https://animatize.com/js/main.js?v=131
Re: Show HN: Create animations by dragging an element with your mouse
#55This 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. :-)
Did you mean tweening? I haven’t heard of tweeting used in the context of animation.
Re: Show HN: Create animations by dragging an element with your mouse
#56Earlier quoted context omitted.
This meme[1] is pretty famous but doesn't hide the cursor or anything. There are a few others like it, I've never seen an educational video done like that though [1]: https://www.youtube.com/watch?v=J-fXTRHApRc
How do they manage to move multiple “cutouts” independently at the same time, using the mouse? Especially when they’re overlapping. Green screen multiple recordings, and then merge them? Or is there a simpler explanation?
And the overall zooming/panning is done after the merging. That's how I'd approach it.
Re: Show HN: Create animations by dragging an element with your mouse
#57Re: Show HN: Create animations by dragging an element with your mouse
#58This is really cool. As others have said I'd love to see an option to output a GIF and additional animation options.
What animation options (other than GIF export) are you craving? I've heard pausing, deleting frames, and rotating so far. I'll probably work on the GIF export next, but I'm low on time this month since I'm trying to get 31 projects out the door [0]. [0] https://31launches.com
Have securtiy concerns putting this on my website. Can nasties be hidden in the code?
Re: Show HN: Create animations by dragging an element with your mouse
#59Keep going, I guarantee its going somewhere. I was thinking of making desktop app like that for myself. This being html5 makes it even better.