GreenSock Animation Platform (GSAP) v12 – Now supporting JS

May 16th, 2012 by Adrian Parr

GreenSock Animation Platform (GSAP) v12

Mr Jack “Green Sock” Doyle has just released version 12 of his GreenSock Animation Platform (GSAP) for Flash AS2 and AS3, but the big announcement is that it now supports JavaScript too!

This is awesome news, and the API for JavaScript is the same as we have been using all these years for Flash projects. Plus the performance is amazing! I’ve just quickly run a few tests on my computer and it is way faster than jQuery, YUI 3, MooTools and Zepto. Try running the speed test yourself to see just how fast it is. I’ll post some speed test figures here soon.

Jack has managed to include TweenLite, TweenMax, TimelineLite, and TimelineMax in to the JavaScript version, plus there is also a new CSSPlugin that enables css-related animations.

There have also been some other general improvements, changes and optimisations throughout the platform.

Great work Jack. If you use this library in your work why not help Jack to continue working on it by becoming a Club GreenSock member?

Posted in Actionscript 1.0 & 2.0, ActionScript 3.0, Animation, Javascript, Tweening | No Comments »

Adobe Edge – Preview 6 now available

May 14th, 2012 by Adrian Parr

Adobe Edge logo

On Friday Adobe released Edge (Preview 6) on Adobe Labs. This latest version includes the following updates:

  • Built-in lessons: First-timers and newbies, rejoice! We have six new tutorials built right into Edge, to help new users get familiar with the basics.
  • Coding: A new code panel gives you a complete view of the actions code in your project, and the code editor has a new full code mode.
  • Publishing: Easily import your projects into Adobe’s Digital Publishing Suite with InDesign CS6, or Apple iBooks author. We also have a new Static HTML Markup feature for SEO benefits, and Google Chrome Frame support for better fidelity on older browsers.
  • Symbols: You can now copy/paste and import/export symbols from one project to another.
  • Languages: Edge is now available in French, German, Japanese, Italian, and Spanish. Just go to the ‘Help’ menu to change it.
  • Other cool stuff: The Preview in Browser function is now compatible with Adobe Shadow, auto-keyframe mode has been improved, editable time codes are back, and so much more to make Edge more efficient.

Download the latest version here.

Here are some useful links to help get you up-to-speed …

Adobe Edge Preview Microsite
http://edge.adobe.com/whatisedge.html

Edge Team Blog
http://blogs.adobe.com/edge/

A version by version list of new features
http://edge.adobe.com/features.html

Mark Anders on AdobeTV – Introducing Edge Preview 6
http://tv.adobe.com/watch/adobe-edge-preview/introducing-edge-preview-6/

Mark Anders on AdobeTV – Getting Started with Adobe Edge
http://tv.adobe.com/watch/adobe-edge-preview/getting-started-with-adobe-edge/

Adobe Edge on Labs
http://labs.adobe.com/technologies/edge/

Adobe Edge Twitter Feed
http://twitter.com/#!/adobeedge

Edge Preview Discussion Forum
http://forums.adobe.com/community/labs/edge/

Adobe Edge Runtime API
http://www.adobe.com/go/edge_api_016_en

Joseph Labrecque’s Video Tutorials
http://inflagrantedelicto.memoryspiral.com/2012/05/adobe-edge-preview-6-released/

Other Resources
http://edge.adobe.com/resources.html

Posted in Adobe, Animation, Edge, HTML5, Javascript | No Comments »

Starling 1.1 has been released

May 9th, 2012 by Adrian Parr

Starling logo

Starling (the hardware accelerated 2D framework for Flash using Stage3D) has been updated to version 1.1.

Some of the new features include …

  • Support for Multi-Resolution Development: Create your game for just one resolution and deploy it to any screen out there, simply by providing different sets of textures.
  • Use Blend Modes for interesting optical effects, without any sacrifices on performance.
  • Enjoy a Performance Improvement on the 1st Generation iPad and comparable devices. Benchmark results skyrocketed by 500%!
  • Display Live Statistics (framerate, memory consumption) through the new “showStats” feature.
  • Profit from numerous bugfixes and performance improvements throughout the code base.

You can download the latest version from here …

http://gamua.com/starling/download/

If you are looking for some useful resources to get started, check these links out …

Posted in ActionScript 3.0, AIR, Flash, Starling, Tutorials | No Comments »

Back from MAX Event in London, Paris and Berlin

September 27th, 2011 by Adrian Parr

Join Adobe for a day of news, views and product deep dives fresh from MAX in LA. If you couldn’t make it to Los Angeles then this is your chance to be the first in Europe to see all the latest product demos around Flash, Flex, AIR, Stage 3D and more. Meet the evangelists, ask your question and get ready to have some fun.

Paris 27 October 2011
Don’t miss Back From Max Paris on October 27th 2011. Come and discover the latest news from Adobe MAX around multiplatform development for iOS, Android, PlayBook and others. Listen to our Evangelism team talks on Flash, Flex, HTML5, AIR, Multiplattform Apps, -Gaming and -Video!

Berlin 28 October 2011
Adobe Tech Summit 2011 Berlin will give you more than 16 hours of free power seminars and workshops on HTML5, Flash, Flex, AIR, Multiplattform Apps, -Gaming and -Video! You’ll come away from this day inspired and informed with all the news fresh from Adobe MAX.

London 02 November 2011
Join us for a half day at London’s Barbican Centre where you’ll get all the news from Adobe MAX in our keynote followed by two technical tracks. One track will have a more enterprise focus with sessions onFlex, AIR and mobile. Whilst the second will focus on gaming and flash technologies.

The agenda for each event can be viewed on their respective pages. Just click on the links above to find out more and register.

Posted in Adobe, Conferences and Events | No Comments »

Adobe MAX 2011 Keynote Webcast

September 27th, 2011 by Adrian Parr

Adobe MAX 2011 starts next week (October 1st – 5th) in Los Angeles. If you are not going, don’t dispair, you can watch the keynotes online. Just make sure you register online beforehand. Do it now!

Day 1 – Creativity unleashed
Date: Monday, October 3, 2011
Time: 9:30 am – 11:30 am (5:30 pm – 7:30 pm London time)
Duration: 120 minutes
Description: Join Adobe CTO Kevin Lynch and guests to learn how Adobe is transforming the creative process across mobile devices, personal computers, and the cloud.

Day 2 – Creating the very best user experiences
Date: Tuesday, October 4, 2011
Time: 10 am – 11:30 am (6:00 pm – 7:30 pm London time)
Duration: 90 minutes
Description: Join us as we explore the best solutions for delivering highly expressive and usable experiences, both in the browser and as apps. We’ll look at a variety of technologies and products, highlighting current opportunities, and peering into the not-so-distant future.

Posted in Adobe, Conferences and Events, Presentation, Video | No Comments »

Book Review: Flash Development for Android Cookbook

September 22nd, 2011 by Adrian Parr

Flash Development for Android Cookbook front cover

Title: Flash Development for Android Cookbook
Author: Joseph Labrecque
Publisher: Packt Publishing
Released: June 2011
Website link: http://goo.gl/icJsk
Amazon link: http://goo.gl/TGBv5

For any Flash or Flex developer looking to create applications for mobile (in particular Android ones) then this is a great book to have on your desk! Weighing in at 372 pages, there is a lot of content in there just waiting for you to try out and play with.

First things first, this is a Cookbook. It’s not a reference title listing every single API and documenting every single class available. Though to be honest, it seems to cover most of the new AIR for Android features. The idea behind a Cookbook is to provide you with a selection of ‘recipes’ or common tasks, and then explain how to go about solving them in a clear and concise way. This book does this brilliantly. It is the sort of book you can dib into when you have a specific thing to get done in your app and you’re not sure where to start. Having said that, I basically read it from cover to cover, and still found it very informative and enjoyable.

The book is broken up into the following 11 chapters …

  • Chapter 1: Getting Ready to Work with Android: Development Environment and Project Setup (10 recipes)
  • Chapter 2: Interaction Experience: Multitouch, Gestures, and Other Input (13 recipes)
  • Chapter 3: Movement through Space: Accelerometer and Geolocation Sensors (9 recipes)
  • Chapter 4: Visual and Audio Input: Camera and Microphone Access (6 recipes)
  • Chapter 5: Rich Media Presentation: Working with Images, Video, and Audio (7 recipes)
  • Chapter 6: Structural Adaptation: Handling Device Layout and Scaling (12 recipes)
  • Chapter 7: Native Interaction: StageWebView and URI Handlers (10 recipes)
  • Chapter 8: Abundant Access: File System and Local Database (7 recipes)
  • Chapter 9: Manifest Assurance: Security and Android Permissions (6 recipes)
  • Chapter 10: Avoiding Problems: Debugging and Resource Considerations (6 recipes)
  • Chapter 11: Final Considerations: Application Compilation and Distribution (10 recipes)

All these chapter are equally important and cover a wide range of features, but which ones you’ll actually need to use will depend on your project and what you are trying to achieve. Although the title of this book specifies Android, most of the code in this book will work equally well on iOS devices and the BlackBerry PlayBook. That’s the joy of developing using ActionScript and AIR! :-)

I was particularly pleased to see that nearly all the code examples were IDE agnostic and didn’t tie you in to the Flex framework. They concentrated on using pure ActionScript in whatever IDE you feel comfortable working in. In fact, Joseph even went to the trouble of explaining any IDE specific stuff using example in Flash Pro CS5.5, Flash Builder 4.5 and FDT 4.1.

Once you have had a flick through at some of the examples it quickly becomes clear that Adobe have done a really good job at providing a consistent and logical API for achieving all these new mobile specific things. And this book does a great job of demystifying it all.

My one criticism would be that there is quite a lot of repetitive code (about 14 lines) in each example, where Joseph sets up an output textfield (and accompanying textformat) for demonstration purposes. But I guess I noticed it more because I was reading the book straight through (not how it was intended to be read). At least this way, each ‘recipe’ or example is self contained and provides everything you need to get you up and running easily.

I did notice a few errors here and there (code and layout), but nothing too serious that would cause you issues.

I’d thoroughly recommend this title to anyone who is interested in creating mobile apps for either Android, iOS or PlayBook using AIR and ActionScript.

Sample Chaper
Chapter 4 - Visual and Audio Input: Camera and Microphone Access can be downloaded as a free PDF file here.

Related books by other authors and publishers include:

Posted in AIR, Android, Books, Mobile | No Comments »

Google Chrome advert man must be very confused @#*%£!

June 6th, 2011 by Adrian Parr

Chrome

You may have noticed recently that Google have been advertising their Chrome browser on TV. The advert I saw showed a chap called Edward Lewis (fictional I presume) sending emails to his newly born daughter, Hollie. All very cute and sentimental, ahhhh. If you didn’t see it you can watch it on YouTube here.

If you can see this, then you might need a Flash Player upgrade or you need to install Flash Player if it's missing. Get Flash Player from Adobe.

But you have to feel sorry for poor Mr Lewis (who is doing his best to provide his little girl with a valuable commentary of her early years), because at every turn Google are out to mess with his mind!

First of all he creates a new gMail account for Hollie with the username ‘dear.hollie’, only to find she already has 32 emails waiting for her in her inbox!

dear.hollie@gmail.com

Secondly, he has been busy recording special moments of Hollie on his trust camcorder and diligently uploading them to YouTube for her to watch when she is older. We see him logged in to YouTube as ‘Edwardlewis599′ and he has already uploaded 11 clips.

Edwardlewis599 YouTube account

But, when we visit his YouTube page ALL his videos have been removed!!

Edwardlewis599 has no videos available.

Thirdly, at 42 seconds in, we see Mr Lewis trying to find where he needs to take his princess for her ‘First Day At School’. Obviously, not wanting to turn up at the wrong place he does a search using the Chrome browser address bar for ‘Park Road Primary School’.

Park Road Primary School

Luckily for Mr Lewis, the school he is looking for is top of the Google search results. However, for us, we find four different Park Road Primary Schools

And the school that Mr Lewis finds has obviously been taken in to special measures and then closed by OFSTED! Poor Hollie.

But to be honest, it’s lucky he ever found the school on her first day anyway. As Google Maps tells him that the school is located at 10 Park Road, NW4 84W.

Google Map

Anyone that lives in the NW4 postcode area of London will be able to tell you that they live in Hendon, near the end of the M1 motorway, not Ealing, which is where Google Maps is trying to take him.

Weymouth Ave

In fact, Google Maps doesn’t take poor Edward to Park Road at all. It takes him to Weymouth Ave in Ealing, a whole 9.2 miles (21 minutes) away. Me thinks Hollie is going to be late!

(Interestingly, there is also a Weymouth Ave in Barnet, just north of Hendon.)

A quick drag of the little yellow man on to the map reveals what the school looks like …

Hollie's new school

Very impressive!!!

Whereas, on Street Map what we see is …

Weymouth Ave on Street Map

Not quite as impressive. :-(

Maybe Hollie is actually meant to go to Little Ealing Primary School instead, there has just been an administrative error somewhere along the line …

Little Ealing Primary School

Ok, let’s suspend disbelief for a little while longer and assume Mr Lewis knows where he has to take his daughter.

Next we see a lovely photo of lovely Hollie with all her school bags ready to go. At the top we can see that he has geotagged the photo with the latitude and longitude …

Hollie in geotagged photo

http://maps.google.co.uk/?ll=53.800651,-4.064941

Let’s find out where Edward and Hollie Lewis live. Yikes! They live in the middle of the Irish Sea!

The Irish Sea

That’s 223 miles away (according to Google Earth) as the crow flies.

I definitely think she is going to be late now!

All he needs now is Google Teleporter to get her there for registration.

 

Posted in Google | 13 Comments »

Creative Coding Podcast

March 4th, 2011 by Adrian Parr

Creative Coding Podcast

A new podcast has been brought to my attention called the Creative Coding Podcast.

Hosted by Seb Lee-Delisle and Iain Lobb, two names I’m sure you will recognise from the UK Flash scene.

They will be discussing the ins-and-outs of programming for visual and creative applications. The first episode only went out on 30th January 2011, so it is still early days. Give them your support by subscribing in iTunes now.

Here are direct links to the three episodes so far …

Enjoy!

UPDATE – June 4th 2011 – New episodes have been added below …

Posted in ActionScript 3.0, Adobe, AIR, Android, Augmented Reality, BlackBerry, Flash, Flash Catalyst, Flex, Game, Generative Art, Infographics, iPhone, Mobile, OpenFrameworks, Papervision 3D, Physical Computing, Podcast, Processing, Websites | No Comments »

Adobe Wave Discontinued

March 4th, 2011 by Adrian Parr

Adobe Wave Discontinued

This morning I received an email from Adobe saying that Adobe Wave is to be discontinued. It read as follows …

“Date: Thu, 3 Mar 2011 14:05:07 -0800 (PST)
Subject: Adobe Wave Discontinuation

Thank you for your participation in the Adobe Wave beta program on Adobe Labs. Adobe Labs provides us with an environment to release exciting, innovative technology to our community and gather feedback. Sometimes these technologies turn into shipping products and other times they provide valuable learning that is applied across our portfolio of products. We have decided not to continue development of Adobe Wave. As it is an online service, it will cease to function once the Adobe Wave servers are shut down, which will happen on April 15, 2011. We appreciate your understanding and encourage you to use this time to find an alternative solution for your needs. Thank you again for your use of Adobe Labs and we look forward to your participation in future beta programs.

Best,
Adobe Wave Team”

Adobe Wave was a desktop alert and notification application/system, that allowed users to send messages out to subscribers (hmmm, sounds a bit like Twitter doesn’t it?). I signed up to the program in August 2009 and then never used it. I think discontinuing this product is a good thing, it couldn’t compete with Twitter and Adobe are better off focusing their energies elsewhere.

Posted in Adobe | 1 Comment »

Eyeo Festival has an amazing line-up of speakers

March 2nd, 2011 by Adrian Parr

Eyeo Festival

I have just found about the Eyeo Festival, and WOW, what an amazing line-up of speakers there is!!

Here are just a few names from the speaker list

The event is lasts for three days, is on from June 27th to 29th 2011 and is being held in Minneapolis, Minnesota, US.

The venue is the McNamara Alumni Center, and looks like a pretty amazing building. Check the images of it here.

Visit the official website to find out more information.

Posted in Conferences and Events, Design, Generative Art, Infographics, OpenFrameworks, Physical Computing, Processing | No Comments »

Win Your Wish List with O’Reilly

January 27th, 2011 by Adrian Parr

O'Reilly Books and Videos

O’Reilly are running a competition to ‘Win Your Wish List‘. Post your list on your blog and be in with a chance of winning the whole lot. You have until Tuesday 22nd February.

Here is my list (in no particular order) …

Fingers crossed!

Posted in Books | No Comments »

GitHub Video Tutorial

January 25th, 2011 by Adrian Parr

GitHub

If you want to get started using GitHub, then this video tutorial by Brian Connatser (NumbKnuckle) is very handy. It gave me enough information to download and install msysgit (Git for Windows), setup an account on GitHub, use Git Bash commands and upload my project to a public repository. Enough for me to get started.

Many thanks Brian.

Posted in Tutorials | No Comments »

Accessing Google’s URL Shortening API from Flash (AS3)

January 17th, 2011 by Adrian Parr

Google URL Shortener

Last Wednesday (12th Jan 2011) Google released an API for accessing their goo.gl URL shortening service, which is great for web developers. However, for us Flash developers things aren’t quite so simple as it is for everyone else. This is due to the security restrictions imposed when accessing the goo.gl domain. There is a crossdomain policy file at the root of their server (http://goo.gl/crossdomain.xml) but it is very restrictive and of no use to us, causing security errors inside your Flash movie once it has been deployed online.

Goo.gl cross domain policy file

So I have written an ActionScript class and PHP script which makes the whole process easier for everybody. Here is a demo of it in action …

The source files and this Flash CS5 demo can be downloaded from GitHub.
https://github.com/adrianparr/as3googleurlshortener

The PHP file acts as a proxy so we circumvent the security restrictions. The code also makes use of as3corelib for the JSON decoding.

Many thanks to Vijay Joshi for his example of using cURL to send the JSON data from PHP to the Google web service.

Posted in ActionScript 3.0, Google, Sample Code | 3 Comments »

WordPress Upgrade to v3.0.4

January 7th, 2011 by Adrian Parr

WordPress

Hooray! I finally got around to updating WordPress on my blog. I had been running version 2.5 for ages and just couldn’t find the time to update it, even though I knew I should. This afternoon I successfully upgraded to version 3.0.4

I just love it when things work! Respect to the developers at WordPress for making the upgrade process so simple.

Posted in WordPress | No Comments »

AS3 Encoder/Decoder for Special Characters

January 7th, 2011 by Adrian Parr

Here is a little tool that I have made which can be used to encode and decode strings into URL escape sequences (eg. convert special characters so they are safe to transmit in a query string). I recently also had the need to encode and decode HTML named entity references (eg. ” becomes ”) and after a long hunt around the web I couldn’t find one in AS3. So I have also written a static class called HTMLEntities which has the public methods ‘encode’ and ‘decode’. Hopefully you will find it useful. All the source code is available below.

Download a ZIP of the source code here

NOTE: If you use the HTMLEntities class, you may want to remove the entry for the apostrophe (‘) which encodes it as ' because it is not supported by Internet Explorer. Apostrophes are better off being encoded as '

Here are some useful lists of the HTML Named Entities …

And these are handy conversion tools …

Posted in ActionScript 3.0, Sample Code | 5 Comments »

Test for Capabilities.screenDPI

January 6th, 2011 by Adrian Parr

With all the interest in mobile development there come the issue of dynamically resizing UI elements based on the pixel density of the screen. For example, if a button is set to be 100 pixels wide, it will appear at different physical widths depending on the device being used. This is because your desktop monitor may have a pixel density (DPI or PPI) of 86dpi but you mobile phone may have a pixel density of 326dpi (as is the case with the retina display on the iPhone 4). This may meant that you nicely designed UI is unusable, with items being too small to click on with your finger!

An article regarding this was posted back in Jan 2010 on the Adobe Developer Connection by Christian Cantrell titled ‘Authoring mobile Flash content for multiple screen sizes‘, and more recently (Nov 2010) a whitepaper by Allen Ellison titled ‘Flash sizing Zen: Making Flash fit on mobile devices‘.

In Christian’s article he mentions using the AS3 Capabilities class and the method screenDPI, however as Renaun Erickson pointed out yesterday there is a problem with the returned value from this method when using AIR on devices.

Here is a little test SWF which shows you what Flash thinks your system is displaying (correctly or incorrectly).

Download a ZIP of the FLA source file here

An image of the various sample sizes can be viewed here

Confirming that 86 pixels equals 1 inch on my 19" (1280x1024) monitor

Here are some useful links regarding pixel density, DPI and PPI …

Posted in ActionScript 3.0, AIR, Android, Bug, Flash, iPhone, Mobile, Sample Code | 2 Comments »

QR Code Generator

December 16th, 2010 by Adrian Parr

Over the last couple of days I’ve been messing around with QR Codes and the Google Chart API. Basically I wanted to create a QR code in Flash using Google Charts to do the hard work. However, once I had it sending the data and loading the PNG back in locally, I soon discovered that Google Charts doesn’t have a crossdomain policy file (http://code.google.com/crossdomain.xml). This basically meant I couldn’t access the ‘content’ of the Loader object and I couldn’t access the BitmapData of the loaded PNG.

I then remembered reading about using a server-side script to act as a proxy, which would circumvent the security restrictions within Flash. After a lot of digging around on the web I came across a great article on Activetuts+ which had sample PHP code I could use. Success! It was now working online without any security sandbox violations.

Now I had access to the BitmapData of the loaded PNG I could make use of corelib to allow the user to save the resulting image as a PNG or JPEG to their computer. After that I added the ability to print the QR Code on to an A4 sheet directly from Flash. And finally I thought I’d have a go at using AlivePDF to create a PDF file on-the-fly which the user can save to their computer using FileReference (Flash Player 10 and above). I found this blog post by Alex Britez useful when generating the PDF using AlivePDF.

So here is the final SWF and a ZIP file containing all the (FlashDevelop) source is below.

You can view the SWF in it’s own page here.

Download the zipped source here

You can view the Main document class on Snipplr here.

Maybe now I should look at reading a QR Code using AS3.

Posted in ActionScript 3.0, Flash, Sample Code | 6 Comments »

Link to Android App in Marketplace from a Webpage

December 10th, 2010 by Adrian Parr

Android Marketplace

If you have a mobile version of a website you may want to point users in the direction of an app that is available in the Android Marketplace. If so, you can do it like this …

Get the app here

Note: The HREF link is pointing to …

market://details?id=your.package.name.here

Posted in Android, Mobile | 3 Comments »

Native Custom Cursors in Flash Player 10.2 using the new MouseCursorData object

December 1st, 2010 by Adrian Parr

Native Custom Cursors

At last, Flash Player 10.2 Beta introduces (among other things) native custom cursors. This is one of those small features that doesn’t get headline news (unlike Stage Video) but is something developers have been requesting for ages, will make our lives a bit easier and will improve the end-user experience.

Thibault Imbert has a post on his blog showing and example of how the new MouseCursorData object and API will work.

Posted in ActionScript 3.0, Adobe, Flash | 2 Comments »

Bug accessing FlashVars when using TLFTextField

November 30th, 2010 by Adrian Parr

TLFTextField

I was recently working a project which used both TLFTextFields and FlashVars, and I came across a rather nasty bug. Basically, if you have at least one TLFTextField in your project access to FlashVars will stop working. So I posted the bug on the Adobe Forums – Text Layout Framework section and thankfully Alan Stearns got back to me very quickly with the answer.

The problem is down to the Text Layout Framework Runtime Shared Library preloading.

Take a look at the Forum Thread to see the solution.

My working code can be viewed on Snipplr here.

You can download a ZIP file containing a demo of this bug and workaround here.

To view the FlashVars (when running the SWF in a browser) I am using Arthropod. An AIR based debugger. Download it free from here.

Posted in ActionScript 3.0, Bug | 3 Comments »

« Previous Entries