Reply With QuoteIsn't Flash CS5 supposed to be able to export animations to HTML5 canvas?
I want to find out what software I could use to:
Create simple, Flash-type animations/motion graphics that are in HTML/CSS file format, not in Flash. I'm talking simple, corporate, flying logo, banner ad, slideshow stuff.
I would be using primarily images, art created in photoshop/illustrator, and it would be great if video could be incorporated too. I would need to be able to ad text and text effects in the program.
We want to use HTML5, not Flash, so it can display on Apple devices. Any ideas?
Isn't Flash CS5 supposed to be able to export animations to HTML5 canvas?
Way to cave, guys.Originally Posted by spiffy
Well, we assumed no, why would they want to support their competitor?
We were hoping the software's output file would be web ready, like a SWF file is. Literally the code would be ready to shove in our page.
ps I'm not the technical guy in the outfit, just researching ways to get animation to a website for my partner, so hopefully my questions aren't too stupid.
You're probably not going to find what you're looking for. There's a reason that web designers and developers get paid handsomely for what they do - it's not as easy as it looks.
There are a combination of free template and widgets that you could leverage to help, but you're going to need some technical knowledge and familiarity with HTML and CSS to come up with a final product.
It would be better to achieve platform interoperability by avoiding the animations and other whackiness. They don't typically offer a better experience to your users, and often cause slow page loads. Keep it simple - use technology only when it solves problem, not just because it exists
The HTML5 Canvas is one way to go. You will have hand-code everything though...or wait for my next book! :)
Search for jquery animation
http://jquery.com is an awesome javascript library that tons of people have built different kinds of animation libraries for. You don't need Flash to do cool animations anymore. And they work on modern mobile devices.
this one is pretty cool:
http://workshop.rs/projects/jqfancytransitions/
Video will still require flash unless you plan on doing some HTML5 stuff
http://script.aculo.us/ is also pretty popular, but most of my experience has been with jquery.
This. (Or should I say $.(this)?) jQuery is amazing.
Despite all the Apple rhetoric, Adobe doesn't view HTML5 as a "competitor" and they really are doing a pretty good job of supporting it (they HAVE to, I mean, Dreamweaver is still one of the most widely used web page editors out there) and they care more about selling the Flash IDE for $xxx than they do about the Flash player which they give out for free.
However, I highly recommend you don't use anything that is based on canvas yet... too early, IMO.
No matter which way you go, you CAN do a lot of Flash-style animation using Javascript, the problem there is tooling, in that sense that there basically is none.... or, at least, nothing that comes close to what Flash provides with a focus on DESIGN instead of programming.
If you're a non-tech shop you're in for a world of hurt if you want to do lots of animated interactive web stuff without Flash. As much as I hate the Flash IDE as a programmer, designers can learn to use it very quickly and get things up and running with relatively little programming knowledge which is not the case currently with Javascript-focused solutions.
You could look into using SVG which is supported by any browser except of course IE.
Posting Permissions