Archive for October, 2009

Flash Snippets panel for Flash Builder 4

I am releasing an early test version of the snippets panel that I have been working on for Flash Builder 4. Now this panel is essentially a re-skinned version of the great SnipTreeView panel that I modified to also work with MXML files. Now when I say this is an early version I really do mean it. Expect it not to work and if it does, well you will be pleasantly surprised then. Download the JAR file and place it into your Eclipse plugin folder. I am only really targeting Flash Builder 4 but you can try your luck with Flex Builder 3.

Please watch the video below to see how to use the panel and let me know in the comments if it worked for you. If it didn’t please let me know your OS, Eclipse version, and Builder version. Hope you like it!

Lee

The Latin Flash Tour is only 2 weeks away!

I can’t believe that in two weeks I will be back in Latin America and I’m so excited about it. If you live anywhere in South America and are even remotely interested in Flash then you have to attend. It is not often that Adobe gets to come down to see you, although I’m hoping this is the start of a new trend. One thing that is really important is that these events are a huge success. This way I can come home and tell my bosses how enthusiastic the community is down there. So please make every effort to attend and also please help me spread the word via Twitter, blogs, etc. If you mention it on Twitter please use the #latinflashtour hashtag so we can all follow it.

The official site will be up in a couple of days at http://www.latinflashtour.com. This site will aggregate the tour’s Twitter, Flickr, and blog posts happening during the tour.

I am having 5000 tour stickers made so everyone attending will be able to get one. The good folks over at Influxis are also creating some limited edition tour shirts that will be raffled off in each city. In addition to the prizes that will be given away by the local user groups, I will also be giving away two copies of Master Collection CS4 in each city as well.

Below are the registration websites for each of the tour stops. Get registered before space fills up!

Santiago, Chile Nov 7thhttp://www.mmug.cl/index2.php
Buenos Aires, Argentina Nov 9thhttp://adobetourargentina.eventbrite.com
Lima, Peru Nov 11thhttp://www.garageflash.com/el-flash-latin-tour-llega-al-peru
Bogotá, Colombia Nov 13thhttp://latinflashtour.eventbrite.com
San Jose, Costa Rica Nov 16thhttp://www.techcampcostarica.com
Mexico City, Mexico – Wed Nov 18thhttp://latinflashtourmx.eventbrite.com

Please come out and support the community and learn about all of the latest Adobe technologies that we are currently working on.

Lee

New tutorial on ActionScript 3 performance testing

I just finished uploading a new tutorial showing how you can test the performance of your ActionScript 3 code. Grant Skinner recently released a great library called PerformanceTest which makes it easy to test out your code. In the tutorial I show how to use the library to test individual functions as well as a whole suite of functions. Always test out your code to be sure you’re using the fastest techniques.

Lee

FITC Edmonton recap and dead drop

FITC Edmonton is now over and it was a really cool event. These smaller events are great because you feel like you get to know almost all of the attendees. During my stay I gave a full-day workshop on Flash CS4 in addition to a regular one hour session on the same subject. Based on the feedback I received, people really seemed to enjoy them and learn a lot. It’s funny because my evangelism actually starts to convince me. After the workshop I thought, damn Flash CS4 does have some great features.

I decided to do a mini dead drop and announced over Twitter that I would be embedding some clues in my presentation slides. Each slide had a little symbol on it which was actually from the Webdings font. If you translated them it gave you the code of balloonboy. Later, when I demoed Flash CS5, I had a custom panel with a URL in it which was also in the Webdings font. After going to the website and entering the code you were taken to a page with the GPS coordinates along with a photo of a rat. The dead drop coin was inside of a hollowed out fake rat that I procured from the largest mall in North America, the West Edmonton mall. The winning team was a group of developers from XGenStudios. They took the photo below after retrieving the winning rodent.

I missed the first day of the conference because I was trapped in my hotel room working on my slides and watching coverage of the Balloon Boy. I did manage to watch all of the sessions on the second day and they were great. I finally got to see Ralph Hauwert’s realtime graphics session and it blew me away. Most of us in the audience didn’t understand most of what he was talking about but you really didn’t have to. I especially liked the section of tessellation where he showed how to take a simple 3D object and continuously divide it into a much more complex mesh. After Ralph was James Patterson who I have seen speak before and is always a great time. He showed his progression from pornographic stick figures to VH1 ads to amazing 3D tool creations. His Rotten Fruit Tardis is one of the coolest Flash pieces I have ever seen. Go over and try it to see for yourself.

When I arrived at the Edmonton airport for my flight home I ran into Erik, Toby, Ralph, and Andy. They were trying to figure out whether or not the girl sitting across from them was Hilary Duff. They offered me $5 to go up and ask her. I did and it was indeed the Duff. She was wearing thick black glasses in an attempt to disguise herself. She didn’t seem exactly thrilled to be identified. But she hasn’t been a hit movie in a while so she should enjoy the attention.

Lee

New tutorial on augmented reality with FLARManager

I just uploaded a new tutorial on using the FLARManager library to create augmented reality applications. This library makes things much easier than using the FLARToolkit directly, especially when dealing with multiple markers. In this example I display a video on a 3D plane that follows the AR marker. The tutorial also covers how to properly create markers using a new online tool.

Lee

Watch Designing for Augmented Reality

Below you can watch my full session on augmented reality from Adobe MAX. I highly recommend watching this in fullscreen so you can actually make out the code snippets. I love that I had to use my backup project called IfShitFails. I will also be doing a video tutorial on using FLARManager later today.

Enjoy!
Lee

The Adobe MAX Dead Drop explained

Well another Adobe MAX has come and gone and this one seemed to be a great event. As part of this year’s event I put together an official dead drop competition. At first I was concerned that the involvement of Adobe legal would stifle the fun but it turned out to be a great drop. There were some Flash celebrities competing for the prize but in the end the prize went to savvy web developer Trevan Richins. Below are the details of how the prize was won.

The Hidden Star
I wanted the first clue to be one that designers would perhaps have a slight edge at since there were many attending MAX. The clue consisted of a downloadable Illustrator file containing a bunch of stars. This sent many developers scrambling as they either had never opened Illustrator before or didn’t even have it installed on their machine. The trick was realize that there were 16 star paths in the layers panel but only 15 that were visible on the artboard. Way off to the left hand-side there was a microscopic star with a sequence of numbers cut into it. You can download the Illustrator file to see for yourself.

ASCII Keyboard
The next clue was a little more of developer thing as you were required to read a string of numbers and convert them into their ASCII equivalents. Now I know this is child’s play for developers but for designers this may pose somewhat of challenge. The translated string gave the location of a serial number that they had to retrieve to move to the next challenge. Translate the string below to find out where that was.

83|101|114|105|97|108|32|110|117|109|98|101|114|32|111|102|32|107|101|121|98|111|97|114|100|32| 97|116|32|83|99|101|110|101|55|32|112|111|100

TOPHAT
The next challenge involved nothing more than good old fashioned research. The contestants were taken to a page which contained a video of a documentary about espionage. They had to first figure out that the video was about Aldrich Ames and then they were asked to find out the FBI cryptonym of the old man with no shirt on. The easiest way was to go to YouTube and find the video. This would give you the agent’s name, Dimitri Polyakov. From their you could go to his Wikipedia page to find out that his cryptonym was TOPHAT.

The Mysterious Grid
The next challenge was quite a bit more complicated. People were brought to a page containing the this image. Most people were completely stumped about what to do with it. Many thought that they were supposed to find a similar grid somewhere in the convention center. People were wandering around looking at the ceiling and windows. In reality, the image contained the full text of the Declaration of Independence. The ASCII values of each letter were encoded as pixel colors and spread out to form a grid. Some hardcore flashers like Joa Ebert, Mario Klingemann,and Marc Thiele solved this one very fast however. The winner, Trevan, solved this one in a really cool way. He opened up the Firebug console and created an HTML 5 Canvas and used it parse the pixel values, as there is a full bitmap API. How cool is that! I’m including his clever code snippet below.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var canvas = $('test2').getContext('2d');
canvas.drawImage($('test1'), 0, 0);
var canvasData = canvas.getImageData(0,0, 400, 200);
var width = 400;
var y = 0;
var x = 0;
var pixel = canvasData.data[(y * width + x) * 4 + 2]
 
var text = '';
for (var i = 0; i < width; i++) {
    x = i;
    pixel = canvasData.data[(y * width + x) * 4 + 2]
    text += String.fromCharCode(pixel);
}
console.log(text);

Room Within a Bathroom
The final clue said nothing more than FIND ME NOW. I started walking through the expo hall when Joa and Marc came running at me. After trying to run away I handed them the final clue which was a photo of a bathroom and another door. Trevan was next to find me followed by several others. Joa and Marc found the bathroom first as well as the interior janitorial closet inside of it. I had hidden the coin behind some pipe insulation on the water heater. Worried about being caught, they locked themselves inside and soon a janitor was there trying to unlock it. Trevan had come to the room, found it locked, and then went and got said janitor to open it for him. After Joa and Marc had given up, they decided to go back for one last try. They found Trevan there who was just removing the insulation to reveal the coin. Marc saw it and said he could of snagged it but being the nice guy that he is, he let Trevan claim it for the win. Talk about a hilarious end to a great dead drop.

Lee

Next Page »