search

webslides / WebSlides

Create HTML presentations in seconds —
https://webslides.tv/
MIT License
6.2k stars 582 forks source link

Magic Move? #99

Open scottjenson opened 6 years ago

scottjenson commented 6 years ago

I appreciate this is a bit bigger than you're vision for webslides but I thought I'd at least ask it to learn more. One of the most valuable slide transitions in Keynote(Powerpoint) is MagicMove(Morph). This is the transition the animates the position, rotation, size, color of all objects from slide x to x+1.

I expect that CSS could actually do nearly all of the animation work no problem. The real issue is setting it up as it would require precise locations on each slide as well as rotation/scaling/color info. As long as each item had a) an additional MagicMove class and b) the same ID on each object to be animated, you could use JS to setup the animation.

My guess is that this would fall into the 'advanced-only-in-your-text-editior' use case as you are trying hard (and I agree) to NOT allow people to specify exact locations. Obviously this is a BIG ask and raises complex questions for the webslides editor. But even baby steps towards it (e.g. animating a single object) would unlock initial use cases and it could grow as we learn more.

jlantunez commented 6 years ago

Hi @scottjenson! The aim of the project is to build a SaaS platform like Medium/WordPress.com. Your suggestion would be a a really good feature. Thanks!