Posts in Category "HTML and JavaScript"

Away3D makes its way to Typescript!

10-9-2013-11-27-12-AM1Today our partners at Away3D have introduced their first official alpha release of Away3D for Typescript!  Away3D is an open source 3D framework available in Adobe’s Gaming SDK.  Initially available for ActionScript developers, this new alpha available on Away3D’s website opens the framework up to the Typescript language and Javascript developers everywhere.

We’d like to congratulate the team at Away3D!  This is a major milestone and a huge leap forward for hardware accelerated graphics on the web for both desktop and mobile platforms!

For full details, please see the Away3D Typescript 4.1 Alpha blog post by Rob Bateman.  For examples, test tools, and source files please visit typescript.away3d.com.

Video tutorials are available here:

Getting Started
Recompiling the core
Live debugging with Google Chrome

Adobe AIR Development Plug-In for Aptana Studio Now Available

Today, we are pleased to announce with Aptana that the next major update to the Adobe AIR Development Plug-In for Aptana Studio is now available for download. Joelle Lam, an Aptana engineer that worked on the project, has recorded a video overview (see above) and also authored an excellent overview article describing the new JavaScript debugging capabilities.

The full list of features in the plug-in include:

  • Support for Adobe AIR 1.5. (new)
  • Integrated JavaScript Debugger. Watch screencast. (new)
  • Bundled JavaScript frameworks with full code assist (new)
  • Tools for generating application badges (new)
  • Integrated content assist for the Adobe AIR SDK
  • Pre-installed Adobe AIR runtime and SDK
  • Project wizard generates all necessary files for out-of-the box launching of Adobe AIR applications
  • Export wizard bundles and deploys Adobe AIR applications
  • Easily import Ajax libraries into Adobe AIR projects
  • Create and manage certificates for signing Adobe AIR applications
  • Support for localization, menu builders, and source viewing
  • Adobe AIR samples that can be previewed or imported as project
  • Help and online documentation

As we’ve been speaking to JavaScript developers, one of the most requested features has been the ability to debug their applications. While we exposed this capability in Adobe AIR 1.5 released in November of last year and Aptana announced a beta plugin that supports this, today’s announcement is particularly exciting because the final version of this plugin is now available to users and includes many bug fixes and enhancements. Debugging support includes the ability to step in, step over, and step out of code. Errors are displayed in the Console.

aptana-debugging.jpg

Screenshot of the new debugging view.

Related links:

Creating cinematic effecs with Adobe Pixel Bender and JavaScript

Photo

The team at Ext created an Adobe AIR application called Pixel Bender Explorer that demonstrates how to apply compelling animations and other effects to your JavaScript-based AIR applications. The effects are accomplished using Flash Player 10′s new Pixel Bender technology, the same technology behind many filters and effects in Adobe After Effects software. Aaron Conran from Ext discusses on the blog post how he was able to to access these effects from JavaScript and integrate this functionality into the Ext JavaScript framework.

The application allows you to load a sample video and image and then apply filters effects in real-time. It’s impressive to see the responsiveness when you load a video, apply an effect and adjust the supported properties (angle, direction, center point, etc.). Try loading the sample video, selecting "RadialCaleidoscope" and then slowing adjusting the "angle" property.

Adobe AIR + Netflix API + Dojo Toolkit = Queued Movie Manager

SitePen announced an impressive new technology demonstration called Queued that showcases what’s possible when you combine the new Netflix API with the Dojo Toolkit and Adobe AIR.

Queued is a desktop application built on AIR that offers some of the functionality available on the Netflix website including support for search for and prioritizing your movie queue, but also adds new capabilities such as allowing you to view and manage your queue while offline (a synchronization engine updates your queue when you’re back online). In addition, since this application runs in the background, you can receive popup notifications when Netflix receives or sends you new movies. The source code is available on Google and can also be accessed directly from within the application as well. This application, built using JavaScript, takes advantage of the Dojo Extensions library for Adobe AIR built by SitePen.

For more information, be sure to check out Revin Guillen’s blog post and watch the video demonstration below (if you’re a Netflix customer, be sure to download the application too!). Congratulations to the SitePen team for pulling off another stunning AIR application!

75 New Adobe AIR JavaScript Code Samples Available

Adobe platform evangelist Kevin Hoyt announced on his blog that he has made available the source code for 75 Adobe AIR code samples built using JavaScript. This is a fantastic way to get up to speed on AIR’s API’s. Real world examples include how to:

  • Access text files synchronously
  • Access binary files synchronously
  • Access the clipboard
  • Add drag and drop support to your application

To get started, download the sample files as a .zip or .air file from his project site hosted on Google Code.

Advanced JavaScript debugging support for AIR 1.5 apps from Aptana

aptana-debug.jpg

Paul Colton of Aptana announced JavaScript debugging support for Adobe AIR 1.5 applications using the new Adobe AIR Development Plug-in for Aptana Studio (beta). Our team has been working closely with the Aptana team to help bring this feature to life by exposing new debugging interfaces from the AIR 1.5 runtime.

Improved support for debugging has been one of the most popular feature requests from JavaScript developers building AIR applications since our initial release (this capability already exists in Flex Builder for Flex developers using ActionScript). With the AIR beta plug-in for Aptana, developers can now set breakpoints and step through code with insights to variables, functions, return values and more. We are thrilled to be able to share this news with Aptana.

This is a beta release and the Aptana team is looking for feedback from the community. A screencast is available that provides an overview of the new functionality. As part of the announcement, Paul wrote:

That’s why today we’re pleased to announce a huge step forward in the ease of creating Ajax and HTML apps for Adobe AIR: Today’s release of the Adobe AIR Development Plug-in for Aptana Studio (beta) features, you guessed it — JavaScript debugging for Adobe AIR apps along with support for Adobe AIR 1.5 which Adobe announced earlier this week.

We previewed the JavaScript debugger for Adobe AIR apps yesterday to a group at Adobe MAX in San Francisco and got applauded for providing this critical utility to the AIR community. Like with other debugging environments you’re familiar with, just click to set a break point in the gutter, then step through, into and out of lines of code while viewing variables and introspecting objects.

Note that the JavaScript debugging interfaces added to AIR are not specific to Aptana and can be integrated into other tools as well. Also, another valuable tool for lightweight debugging of AIR applications is the AIR HTML Introspector included in the frameworks directory of the Adobe AIR SDK. By including a single .js file in your JavaScript-based AIR application, it is possible to introspect DOM properties and functions, edit attributes and text nodes for DOM elements, view XMLHttpRequest objects and their properties and more. It does not, however, allow you to set break points and step through code like the Aptana plug-in described above. To learn more about the AIR HTML Introspector, please view the Debugging with the AIR HTML Introspector in the Adobe AIR documentation.

Related links:

  • Aptana’s Adobe AIR plug-in page with installation instructions
  • A screencast that demonstrates the debugging capabilities within Aptana Studio

SitePen announces Dojo Extensions for Adobe AIR

The SitePen team announced the release of an exciting new open source new project called the Dojo Extensions for Adobe AIR. Adobe and SitePen worked together to define a set of useful API’s for common desktop functionality using Dojo-like constructors. For example, with this library, you can easily playback video and easily manage your windows all from HTML and JavaScript. The library is designed from the ground up to play well with the Dojo Toolkit as well. There is an excellent screencast recording by Peter Higgins of SitePen that introduces the library using a sample application.

The project is hosted on Google Code and the source code is available. A quickstart page and sample application is available for those interested in diving in. This is project is a work in progress, but provides a significant amount of functionality in its first release.

Some of the API’s includes:

  • dair.AIR
  • dair.Console
  • dair.Window
  • dair.Application
  • dair.fx
  • dair.Sound
  • dair.Video
  • dair.Icon
  • dair.File

Congratulations to the SitePen on the release!