Flash Player 11 & AIR 3 Betas at Adobe Labs

Adobe in his secret plan of not letting Me catch up with the latests runtimes 😉 has just released new beta versions of Adobe Flash Player 11 and Adobe AIR 3 and are available at Adobe Labs.

Some of the new features are:

Adobe® Flash® Player 11 desktop beta drives innovation for rich, engaging digital experiences with new features for cross-platform browser-based viewing of expressive rich internet applications, content, and videos across devices. Some of the features from the Flash Player Incubator, such as Stage 3D and 64-bit support, have been moved into this beta release.

Key benefits of the Flash Player 11 desktop beta include:

Stage3D APIs — Create highly interactive visuals to improve collaboration on 3-dimensional models.
64-bit support — Support for 64-bit operating systems and browsers on Linux, Mac OS, and Windows.
G.711 audio compression for telephony — Integrate voice/telephony into business apps using G.711 codec.
H.264/AVC SW Encoding — Encode higher quality video locally using H.264 video.
Socket Progress Events — Build advanced file sharing apps like FTP clients that send large amounts of data.
HD surround sound — Deliver full HD videos with 7.1 channel surround sound directly to AIR powered TVs.

More info at Adobe Labs

Adobe® AIR® 3 introduces enhanced features that provide developers a consistent and flexible development environment for the delivery of out-of-browser applications across devices and platforms.

AIR 3 delivers innovation for rich engaging applications with unparalleled performance improvements that deliver advanced graphics rendering, high-definition video, and consistent reach across operating systems and devices. AIR 3 is packed with features that will benefit all developers but has a special focus for those interested in developing console quality games, delivering high quality video, or scalable enterprise applications.

Note: The AIR 3 desktop runtime beta is provided to ensure current AIR 2.7 and AIR apps targeting older version of AIR are compatible if You want to test the new SDK You must enrole in the private prerelease program.
More info at Adobe Labs

Seems like a lot of good stuff to play with.

Happy Coding.
Dave

Adobe Wallaby Prerelease 1 Example

Yesterday I posted a video of  how Adobe’s new Flash to HTML5 conversion tool “Wallaby” works. I was so excited by this new black magic stuff that I forgot to put up an example(big duhhh), so thanks to Antonio Holguin‘s comment in my previous post here’s the Wallaby generated HTML5 I showed in the video I made small modifications to the .html and .css files to add the Flash Animation so You can compare the Flash and the HTML5 versions.

Click on the image to see the example:

Here is the HTML file Wallaby generated:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!-- Created with Adobe(R) technology -->
 
    <script src="jquery-1.4.2.js" type="text/javascript"><!--mce:0--></script>
    <script src="index.js" type="text/javascript"><!--mce:1--></script>
    <script src="swfobject.js" type="text/javascript"><!--mce:2--></script>
	<script type="text/javascript"><!--mce:3--></script>
 
 
 
<div class="mainDiv">
 
 
<div class="myFontHTML5">
 
<a>Wallaby HTML5 Generated Animation</a>
</div>
 
 
 
<div class="wlby_movie">
 
 
<div class="wlby_1">
        <!-- Start of symbol: daveflota -->
 
 
<div class="wlby_2">
          <!-- Start of symbol: Tween 1 -->
          <img class="wlby_3" src="index_assets/svgblock_0.svg" alt="" />
 
 
<div class="wlby_4">
            <!-- Start of symbol: sombrero -->
 
 
<div class="wlby_5">
              <!-- Start of symbol: Tween 7 -->
              <img class="wlby_6" src="index_assets/svgblock_1.svg" alt="" />
              <!-- End of symbol: Tween 7 --></div>
 
            <!-- End of symbol: sombrero -->
 
</div>
 
 
 
<div class="wlby_7">
            <!-- Start of symbol: ojitosdave2 -->
 
 
<div class="wlby_8 wlby_sprite">
              <img class="wlby_17 wlby_fs" src="index_assets/svgblock_2.svg" alt="" />
              <img class="wlby_18 wlby_fs" src="index_assets/svgblock_3.svg" alt="" />
              <img class="wlby_18 wlby_fs" src="index_assets/svgblock_3.svg" alt="" />
              <img class="wlby_19 wlby_fs" src="index_assets/svgblock_3.svg" alt="" />
              <img class="wlby_20 wlby_fs" src="index_assets/svgblock_4.svg" alt="" />
              <img class="wlby_21 wlby_fs" src="index_assets/svgblock_5.svg" alt="" />
              <img class="wlby_22 wlby_fs" src="index_assets/svgblock_4.svg" alt="" />
              <img class="wlby_23" src="index_assets/svgblock_2.svg" alt="" /></div>
 
            <!-- End of symbol: ojitosdave2 -->
 
</div>
 
          <!-- End of symbol: Tween 1 -->
 
</div>
 
        <!-- End of symbol: daveflota -->
 
</div>
 
 
</div>
 
 
 
<div class="myFontFlash">
 
<a>Flash CS5 Original Animation</a>
</div>
 
 
 
<div class="myFlashContent">
 
 
<div id="flashContent">
		<a href="http://www.adobe.com/go/getflashplayer" target="_blank">
	        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
	    </a></div>
 
 
</div>
 
 
 
<div class="animCredits">
 
 
<a>Character design and animation by:</a> <a href="http://www.cecymeade.com"> Cecy Meade</a>
 
 
</div>
 
 
</div>
 
 

And the CSS file Wallaby generated:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
div.wlby_movie
{
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 550px;
	height: 400px;
	margin-left:560px;
}
.wlby_text p { padding: 0; margin: 0; }
 
a.wlby_classic-link { color: inherit; text-decoration: none; }
a.wlby_classic-link:link { color: inherit; text-decoration: none; }
a.wlby_classic-link:hover { color: inherit; text-decoration: none; }
a.wlby_classic-link:active { color: inherit; text-decoration: none; }
a.wlby_classic-link:visited { color: inherit; text-decoration: none; }
 
a.wlby_tlf-link { color: inherit; text-decoration: none; }
a.wlby_tlf-link:link { color: inherit; text-decoration: none; }
a.wlby_tlf-link:hover { color: inherit; text-decoration: none; }
a.wlby_tlf-link:active { color: inherit; text-decoration: none; }
a.wlby_tlf-link:visited { color: inherit; text-decoration: none; }
 
.wlby_button &gt; * { visibility: hidden; }
.wlby_button &gt; .wlby_button_normal { visibility: visible; }
.wlby_button:hover &gt; .wlby_button_normal { visibility: hidden; }
.wlby_button:hover &gt; .wlby_button_hover { visibility: visible; }
.wlby_button:active &gt; .wlby_button_normal { visibility: hidden; }
.wlby_button:active &gt; .wlby_button_hover { visibility: hidden; }
.wlby_button:active &gt; .wlby_button_active { visibility: visible; }
 
@-webkit-keyframes wlby_frameset-animation {
	from { }
	to { }
}
 
.wlby_fs, .wlby_graphic 
{
	-webkit-animation-name: wlby_frameset-animation;
}
 
.wlby_graphic 
{
	-webkit-animation-duration: 1s;
}
 
.wlby_masked 
{
	height: inherit;
	position: inherit;
	width: inherit;
}
 
.wlby_sprite 
{
	-webkit-animation-name: wlby_frameset-animation;
	-webkit-animation-iteration-count: infinite;
}
 
@-webkit-keyframes wlby_KF_5 {
from {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	opacity: 1;
}
46.66% {
	-webkit-transform: matrix(1, 0, 0, 1, 0, -10);
	opacity: 1;
}
96.66% {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	opacity: 1;
}
96.67%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}
}
@-webkit-keyframes wlby_KF_9 {
from {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	opacity: 1;
}
46.66% {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 5);
	opacity: 1;
}
96.66% {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	opacity: 1;
}
96.67%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}
}
.wlby_3
{
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -102.635, -127.95);
}
 
.wlby_23
{
	-webkit-animation-duration: 0.0322581s;
	display: none;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -76.161, -31.85);
}
 
.wlby_20
{
	-webkit-animation-duration: 0.129032s;
	display: none;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -76.161, -31.85);
}
 
.wlby_17
{
	-webkit-animation-duration: 0.612903s;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -76.161, -31.85);
}
 
.wlby_22
{
	-webkit-animation-duration: 1.64516s;
	display: none;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -76.161, -31.85);
}
 
.wlby_19
{
	-webkit-animation-duration: 0.0322581s;
	display: none;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -75.875, -7.3);
}
 
.wlby_18
{
	-webkit-animation-duration: 0.16129s;
	display: none;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -75.875, -7.3);
}
 
.wlby_21
{
	-webkit-animation-duration: 0.290323s;
	display: none;
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -75.875, -7.3);
}
 
.wlby_6
{
	position: absolute;
	-webkit-transform: matrix(1, 0, 0, 1, -29.813, -20.309);
}
 
.wlby_8
{
	-webkit-animation-duration: 3.06452s;
}
 
.wlby_2
{
	-webkit-animation-duration: 0.967742s;
	-webkit-animation-name: wlby_KF_5;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0px 0px;
	-webkit-animation-timing-function: linear;
}
 
.wlby_5
{
	-webkit-animation-duration: 0.967742s;
	-webkit-animation-name: wlby_KF_9;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 0px 0px;
	-webkit-animation-timing-function: linear;
}
 
.wlby_1
{
	-webkit-animation-duration: 0.0322581s;
	-webkit-transform: matrix(1, 0, 0, 1, 275.45, 200.45);
	-webkit-transform-origin: 0px 0px;
}
 
.wlby_7
{
	position: absolute;
	-webkit-transform:matrix(1,0,0,1,-0.4,14.9);
}
 
.wlby_4
{
	position: absolute;
	-webkit-transform:matrix(1,0,0,1,48.65,-137.45);
}
 
div.mainDiv{
	position: relative;
	width: 1150px;
	height: 456px;
}
 
.myFontFlash {
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#066;
	margin-top:0px;
}
 
.myFontHTML5 {
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#066;
	margin-left:560px;
	margin-top:0px;
}
.myFlashContent {
	position: absolute;
	width:550px; 
	height:400px; 		 
	margin-top: 40px;	
}
.animCredits {
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	margin-top:440px;
	font-size: 12px;
	color:#066;
}

Flash Animation to HTML5 with Adobe’s Wallaby Prerelease 1

Adobe Labs just released Wallaby (Prerelease 1) a tool that will let You convert Flash Animations to HTML5 (http://labs.adobe.com/technologies/wallaby/). Here’s a screen capture of  Wallaby converting from a Flash CS5 character(it’s supposed to be Me …. boy I’m handsome :P) animation to HTML5 the illustration and animation was done by @cecymeade for a game we are putting up together.

Adobe Labs excerpt:
“Wallaby” is the codename for an experimental technology that converts the artwork and animation contained in Adobe® Flash® Professional (FLA) files into HTML. This allows you to reuse and extend the reach of your content to devices that do not support the Flash runtimes. Once these files are converted to HTML, you can edit them with an HTML editing tool, such asAdobe Dreamweaver®, or by hand if desired. You can view the output in one of the supported browsers or on an iOS device.

Adobe Flash Player 10.2 Beta – Stage Video hardware acceleration (Video).

Adobe Flash Player 10.2 Beta – Stage Video hardware acceleration. from Dave Gamez on Vimeo.

A short screencap testing the Stage Video hardware acceleration and full screen mode with multiple monitors capabilities in Adobes´s Flash Player 10.2 using Google Chrome Task Manager (CPU Monitor) on Windows 7

Adobe Flash Player 10.2 Beta

The  Adobe Flash Player 10.2 beta has been released and is publicly available at Adobe Labs with exiting new features, being one of the most expected since the official Adobe presentation at Adobe Max 2010  the  Stage Video hardware acceleration that will include an extensive 3D API that will support direct paths to OpenGL and DirectX-based 3D rendering on the GPU.I was able to see the Adobe Max Racer Demo live at The Latin Flash Tour 2010 and let me say is wonderful.

Below is a sneak peak of Stage Video hardware acceleration from Adobe MAX 2010. Learn more about Stage Video.

Key new capabilities in the Flash Player 10.2 beta include:

  • Stage Video hardware acceleration — A new method for video playback in Flash Player will allow developers to leverage complete hardware acceleration of the video rendering pipeline, enabling best-in-class playback performance. Stage Video can dramatically decrease processor usage and enables higher frame rates, reduced memory usage, and greater pixel fidelity and quality.
  • Internet Explorer 9 hardware accelerated rendering support — Flash Player takes advantage of hardware accelerated graphics in Internet Explorer 9, utilizing hardware rendering surfaces to improve graphics performance and enable seamless composition.
  • Native custom mouse cursors — Developers can define custom native mouse cursors, enabling user experience enhancements and improving performance.
  • Support for full screen mode with multiple monitors — Full screen content will remain in full-screen on secondary monitors, allowing users to watch full-screen content while working on another display. ( This is something I’ve been really looking forward to).

I’m really looking forward to test all the new capabilities and sharing the results. Here’s the download link  so You can test it right away: Flash Player 10.2 beta

Adobe Flash Player 10.1 Prerelease and Adobe AIR 2.0 beta

Adobe Flash Player 10.1 Beta and AIR 2.0

This 17th of November adobe has made available at Adobe Labs the prerelease of  Adobe Flash Player 10.1 and the beta of  Adobe  AIR 2.0 and the attendees of Adobe Latin Flash Tour MX received these news from the hands of Lee Brimelow and Mike Chambers who showed us some of the great things to come in the new versions of these runtimes.

Adobe Flash Player version 10.1 is the first runtime release of the new Open Screen Project that will enable to have the same user experience across multiple devices be it browsers, tv, mobile phones and more. Some of the new features of the the Flash Player 10.1 are ubiquitous reach witch means that the full Flash Player will be the same on your smartphone as your browser enabling you to make your content and user experience equal across many devices. The new Global Error Handling will enable You developer to write a single handler to process all runtime errors that weren’t part of a try/catch statement. Improve application  reliability and user experience by catching and handling unexpected runtime errors and present custom error messages, what does this mean is that your user will never get that window saying there’s an error and you will not see the output panel throwing you those errors everytime you test your application. Multitouch support a Microphone class that will let you capture sound from the microphone the new Text Layout format and various other features that i’m sure that i’m missing so to The Flash Player 10.1 prerelease page at Adobe Labs and start playing with it.

Some useful links:

Release notes

What’s New in Flash Player 10.1

Download the updated global SWC to create content using the new APIs

Download the memory monitoring component to optimize your content for mobile

Watch Flash Player 10.1 video demonstrations

ActionScript 3.0 Developers Guide

ActionScript 3.0 Reference for the Adobe Flash Platform

Adobe AIR 2.0

Some of the features of AIR 2.0 were showed to us by Mike Chambers like the support for the detection of mass storage devices , comunication with the system and that you can now export as a native system application allowing you to use native code integration this lets you do some other things like opening default applications here’s a list of some of it’s new features.

  • Support for the detection of mass storage devices.
  • Advanced networking capabilities like secure sockets, UDP support, and the ability to listen on sockets.
  • Support for native code integration.
  • The ability to open a file with its default application.
  • Multi-touch and gesture support.
  • New APIs for access to raw microphone data.
  • Webkit update with HTML5/CSS3 support.
  • Global error handling.
  • Improved cross-platform printing
  • Improved security and support for enterprise and government standards.

Some useful links:

Release Notes.

Introducing Adobe AIR 2 beta

What’s Coming in Adobe AIR 2.

What are You waiting for go there and start playing.

Happy Flashing

Flash on the iPhone

appsfor_iphone_ph2_557x200

Adobe has revealed  at AdobeMax2009 that starting from Flash CS5 developers will be able to build applications for the iPhone and that those apps will be available at the Apple Store. So if you haven’t already jumped in the Objective-C  bandwagon to develop some iPhone Apps you can now write in your beloved ActionScript 3 and use all the goodies from the  iPhone like web access , multitouch, accelerometers, GPS  and compass. Besides all the well know Flash abilities. It’s important to note that althought these will run as applications Flash Player still not enabled on the iPhone so you will not have flash on Safari or other web applications. It’s a big advance but I really look forward to the day that you can browse flash sites on the iPhone like you do on a PC.

A tutorial on Adobe Developer Connection  to create applications for the Apple iPhone using the Adobe Flash Platform.

At Adobe Labs:

Demonstration Video

Watch a demonstration of applications from the Apple App Store built using Flash technology:

Flash Professional CS5 will enable you to build applications for iPhone and iPod touch using ActionScript 3. These applications can be delivered to iPhone and iPod touch users through the Apple App Store.*

A public beta of Flash Professional CS5 with prerelease support for building applications for iPhone is planned for later this year. Sign up to be notified when the beta starts.

Example Applications

At MAX 2009, Adobe showed a number of applications and games for iPhone that have been built using a prerelease version of Flash Professional CS5. These applications are available now for you to download from the Apple App Store:

Chroma Circuit

chromacircuit

Trading Stuff

trading

Fickleblox

fickleblox

Just Letters

justletters

South Park

southpark

That Roach Game

roach

Red Hood

redhood

Adobe Labs Ideas

Adobe Labs Ideas

Adobe has just made available Adobe Labs Ideas a place to share and discuss the new tools and features of  the Adobe technologies that are currently on development, and this will let us post our own ideas or requests  that we want to see in the final version of the products. Anyone can comment and vote on the submissions, and then they will be reviewed by Adobe Development Team.

post_idea

Adobe  Labs Ideas currently  is open for Flash Catalyst. so if  You tested the beta of Catalyst, you’ll probably want to go there and submit some ideas before the final version of Flash Catalyst is released.

most_recent_ideas

Adobe BrowserLab Preview at Adobe Labs

browser_lab

Just found that Adobe just launched a preview of Adobe Browser Lab  a tool for cross-browser testing of web pages and apps  as it would appear on different browsers and operating systems,and  it let’s you define browser sets for testing and set 1-up view 2-up view or onion-skin view,  check Adobe Labs for more info or visit Adobe BrowserLab

browser_lab_test

BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences. Since BrowserLab is an online service, it can be accessed from virtually any computer connected to the web. Also, Adobe Dreamweaver® CS4 software users have access to additional functionality such as testing local and active content.

Features
Supported Browsers and Operating Systems

  • Firefox 2.X and 3.X (Windows XP and Mac OS X)
  • Internet Explorer 6.X and 7.X (Windows XP)
  • Safari 3.X (Mac OS X)

Viewing and Diagnostics Tools
Screenshots can be viewed in a single view, side by side view, or as an overlay view with variable transparency. Each viewing option features a zoom function.
Browser Sets
Browser Sets allow designers to customize, edit, and save a combination of browsers to test.

Adobe Flash Builder 4 and Flash Catalyst public beta available on Adobe Labs

flash_builder Flash Catalyst

Adobe Flash Builder 4  (formely  Flex Builder 4 ) and Adobe Flash Catalyst are out on Adobe Labs going to download and try them out before posting a proper review meanwhile more info on Ryan Stewart’s blog and Andrew Shorten’s Tutorial

fb_beta

Flash Builder 4 delivers a long list of new features, plus improvements to many existing features.There are three main themes to this release: developer productivity, designer-developer workflow, and data-centric application development. For an overview of the features included in this first public beta release, please read Tim Buntel’s What’s New in Flash Builder 4 article and watch the new feature videos. As always, the Flex 4 framework is included within Flash Builder, so please also read Matt Chotin’s What’s New in the Flex 4 SDK article.

fc_beta

Adobe® Flash® Catalyst™ is a new professional interaction design tool for rapidly creating user interfaces without coding.

  • Transform artwork created in Adobe Photoshop® and Adobe Illustrator® into functional user interfaces.
  • Create interactive prototypes with the ability to leverage them in the final product
  • Publish a finished project as a SWF file ready for distribution
  • Work more efficiently with developers who use Adobe Flash Builderâ„¢ 4 to create rich Internet applications (RIAs). Designers use Flash Catalyst to create the functional user experience then provide the project file to developers who use Flash Builder to add functionality and integrate with servers and services.

Go get Flash Builder 4

Go get Flash Catalyst
Flash Builder 4 Standalone Installer

Flash Builder 4 Plugin for Eclipse

Flex Component Kit for Adobe Flash Professional CS4

Flex 4 Test Automation Plug-in

Flash Catalyst Beta

More Adobe Resources:
Learn about Flash Builder 4

Learn about Flex 4 SDK

Working with Flash Builder 4