First thoughts on Adobe Edge #flash #html5

In an interesting move, Adobe has introduced a pre-release version of a new product, Adobe Edge which is set to become an alternative to Flash. It produces HTML5/javascript animations which should be compatible with all browsers and all platforms (with the obvious, usual caveats about IE and others with less than perfect HTML5 handling in their different versions).

So it looks like Adobe are intending to fill the gap that Flash is supposedly leaving on iPad, iPhone etc.

HTML 5 animation tools

Adobe Edge seems to follow a lot of the conventions of Flash in the way the user interface works and how you put together the animations:

Certainly, I didn't have any problems recognising what was going on in the example files given. I managed to fiddle around and put together a very simple animation in next to no time at all.

For what it's worth, you can see what I did here: http://mulryne.com/adobe_edge/first_attempt.html Perhaps more interesting would be to view the source:

<!DOCTYPE html>
	<html>
	<head>
	<title>Untitled</title>
	<!--Adobe Edge Runtime-->
	<script type="text/javascript" src="edge_includes/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="edge_includes/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="edge_includes/edge.0.1.1.min.js"></script>
	<script type="text/javascript" src="edge_includes/edge.symbol.0.1.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="first_attempt_edge.js"></script>
	<link rel="stylesheet" href="first_attempt_edge.css"/>
	<!--Adobe Edge Runtime End-->

	</head><body>
	<div id="stage" class="symbol_stage">
	</div>
	</body>
	</html>

Verdict:

So it all looks very interesting t first glance but Flash isn't all about animation, of course. Will actionscript-type tools be added and what about video? We will just have to wait and see!

1 August 2011
Views
3 Comments
Permalink
Tweet

kevinmulryne's posterous