Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Create animations by dragging an element with your mouse

animatize.com

Post reply on HN
Print view View original

41–50 of 59 posts

Re: Show HN: Create animations by dragging an element with your mouse

#41

Post by leobg »

woojoo666 wrote: post #26
panphora wrote: post #25

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

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?

Re: Show HN: Create animations by dragging an element with your mouse

#42

Post by Keyframe »

panphora wrote: post #2

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 mo…

FWIW it's called Motion sketch in After effects and it's basically the same thing. It allows you to edit the curve after though.

Re: Show HN: Create animations by dragging an element with your mouse

#43

Post by 123pie123 »

panphora wrote: post #2

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 mo…

thanks - love it, nice, simple and effective

Re: Show HN: Create animations by dragging an element with your mouse

#44

Post by micheljansen »

Lovely! This reminds me to Cartooners [1], a related but totally different game/toy that I lost many rainy days to as a kid. It was a DOS Application with a library of scenes and actors that you could use to put together short cartoons. When EA was still Electronic Arts...

Wondering if modern day equivalents exist. Has this space been swallowed up wholesale by Roblox or are these kinds of games still being made?

[1] https://www.youtube.com/watch?v=xmjRKd9E7Cw

Re: Show HN: Create animations by dragging an element with your mouse

#45

Post by TuringTest »

Drawing and recording a line path following the movement of the pointer is an extremely simple interaction exercise, and one of the first you learn when programming games or in the demoscene. The sad thing is that, once the base logic is created, the platforms we use make it quite difficult and a lot of effort to transform it into a finished deliverable product.

This project is an interesting effect, but it would be great if doing such effort were simply the natural way to use the available tools.

Re: Show HN: Create animations by dragging an element with your mouse

#46

Post by rjtavares »

I make a lot of animations in python using matplotlib (and moviepy for editing)[1]. It works pretty well for data based stuff but requires a lot of trial and error and tricks to get the feel right.

There's definitely space for a python based simple motion graphics package.

[1] An example: https://www.youtube.com/watch?v=Abo7NZZ8VHs

Re: Show HN: Create animations by dragging an element with your mouse

#49

Post by mdrzn »

leobg wrote: post #41
woojoo666 wrote: post #26

Earlier 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?

The video is highly edited, it just appears to be a single screen recording.
Post reply on HN