Categories
Actionscript Adobe Air eclipse Flash Builder git

Create New Project from Git Source in Flash Builder

Nowadays, more and more open source projects are hosted on Github – amongst others some great Actionscript-based projects. Actually, Git makes it simple to clone and import a working project to which you can actually commit changes (at least to your cloned, local repository). However, I found it quite complicated to get from the git link to a working project in Flash Builder: I needed to consider a few aspects to get everything up and working. I want to present the approach that worked for me in the following. If you know or figure out a better way, make sure to post it in the comments!

Categories
Adobe Air

Remove ‘View Source’ from Adobe Air Debug Context Menu in Flash Builder

Recently I wondered how I can get rid of that “View Source” entry in the context menu of Adobe Air as I wanted to add my own context menu there.

It turned out that I had to remove all the source folder entries in the project’s run configuration (see in the image above).

Categories
Actionscript Adobe Air tuio

Adobe Air 2 Beta 2 VerifyError: Error #1014 (under Mac OS X and Win XP)

Recently, I made my first steps in Adobe Air 2. As Air 2 is still in Beta version (currently in Beta 2, which was released on February 2, 2010) there still could be some problems when working with it.

Categories
Actionscript Adobe Air Flash flex

Flex Does Not Find Resource Bundles

LocalizationProblem

Recently I had the problem that my Flex code, which used the ResourceManager, would not find the resource bundle, which contained all resources for my application. However, the application compiled but it would always crash whenever the first time a resource should be loaded. I checked my compiler arguments a 1000 times but everything was correct and did work well in another Flex application. The problem was that my resource bundle was not present in the ResourceManager, it just did not load it.

Categories
Actionscript Adobe Air Featured Multi-Touch Success Stories Tangible Interfaces Visualization

UNFOCUS – FOCUS

I am going to present a few projects on my blog in which I collaborated in one or the other way. The project UNFOCUS – FOCUS is a multi-touch and TUI project that makes use of our fiducialtuioas3 classes.

UNFOCUS - FOCUS interface

What is UNFOCUS – FOCUS about?
How can we know what we do not see?

Categories
Actionscript Adobe Air Flash flex Hochschule RheinMain Multi-Touch Tangible Interfaces

fiducialtuioas3 Now Supports Pure TCP TUIO Messages

Important: I discontinued the work for fiducialtuioas3. If you are starting a new project, consider using our new AS3 Tuio library Tuio AS3. As you most certainly came here because you want to use fiducials in AS3 find the according Tuio AS3 fiducial howto here.

fiducialtuioas3 now supports pure TUIO messages via TCP.

TCPSupport

The bridge TUIO → Flosc → Flash is now being replaced by the bridge TUIO → udp-tcp-bridge → Flash. The latter method renders the transformation of TUIO messages to a proprietary XML dialect obsolete. That speeds up the connection of the TUIO producer (e.g. Touchlib, CCV or Touché) to the Flash application itself (e.g. Vispol, Volvelles) and thus reduces lag.

Hopefully, TUIO producers will support the output of TUIO via TCP natively soon (as far as I know at least Touché does). However, you are on the safe side if you use memo’s cross platform, open source, C++ UDP TCP bridge.

The TCP tuio AS3 classes have been downloaded and adapted for the additional support of fiducials from Touchgateway.

So you can download fiducialtuioas3 in both flavors (via Flosc and via pure TCP TUIO) from the fiducialtuioas3 code repository (on the right).

In the nuigroup there are a threads about fiducialtuioas3 here and here.

Categories
Actionscript Adobe Air Flash flex Twitter

Twitter AS3 library TwitterScript Flex Example

I have been looking around for Actionscript 3 libraries for the retrieval of data via the very nice Twitter API. Basically, TwitterScript seems to be a good choice for a Twitter Flash library as it wraps Twitter query URLs and packs the XML results automatically in arrays.

Twitter Banner

However, as so often with Actionscript libraries there is NO documentation pertaining TwitterScript available on its Google code page, there is no example included in the source code and the source code is not commented. What could be so difficult about providing a little piece of code like this:

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
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
      addedToStage="init()">
  <mx:Script>
    <![CDATA[
      import twitter.api.data.TwitterStatus;
      import twitter.api.events.TwitterEvent;
      import twitter.api.TwitterSearch;
        import twitter.api.Twitter;
 
      private static const TWITTER_USER:String = "stephenfry";
 
      private var _twitter:Twitter;
      private var _twitterSearch:TwitterSearch;
 
      private function init():void{
        _twitter = new Twitter();
        _twitterSearch = new TwitterSearch();
 
        _twitter.loadUserTimeline(TWITTER_USER);
        _twitter.addEventListener(TwitterEvent.ON_USER_TIMELINE_RESULT, 
            userTimelineResult);
 
        _twitterSearch.addKeyword("ipad");
        _twitter.addEventListener(TwitterEvent.ON_SEARCH, onSearchResult, 
            false,0,true);
        _twitter.search(_twitterSearch);
      }
 
      private function userTimelineResult(e:TwitterEvent):void {
        var twitterStatus:TwitterStatus;
        for (var i in e.data) {
          twitterStatus = e.data[i]
          trace("user tweets",twitterStatus.text)
        }
      }
 
      private function onSearchResult(event : TwitterEvent) : void{
        var twitterStatus : TwitterStatus;
        for (var i : int = 0; i < event.data.length; i++){
          twitterStatus = event.data[i];
          trace("search result:",twitterStatus.text);
        }
      }
    ]]>
  </mx:Script>
</mx:Application>

This example originates to Trevor Boyle’s blog. Improved by Kimi.

Categories
Actionscript Adobe Air Flash flex Hochschule RheinMain Multi-Touch Tangible Interfaces

Touchlib’s TUIO Actionscript 3 Classes Enhanced With Fiducial Support (Source Code)

Important: I discontinued the work for fiducialtuioas3. If you are starting a new project, consider using our new AS3 Tuio library Tuio AS3. As you most certainly came here because you want to use fiducials in AS3 find the according Tuio AS3 fiducial howto here.

In his Bachelor thesis Frederic Frieß enhanced the original Touchlib TUIO AS3 classes with support for fiducials (or to speak in TUIO terms with support for /tuio/2dobj messages).

fiducialtuioas3 Google code

Thus, the Touchlib’s TUIO classes can simply be replaced with Frederic’s classes and everything should still work as before. However, there is one slight change in the package structure: the TUIO classes are now lying inside the package tuio and not in the package flash.events.

I have made Frederic’s Tuio Fiducial AS3 classes available on Google code in a project called fiducialtuioas3.

If you want to use reacTIVision fiducials in Flash, Flex or Adobe Air you are heartily invited to use these classes in your private and professional project.

Examples of what has been done so far with those classes:
Tangible Vispol
Pf Design Media Installation

If you have a nice project with fiducialtuioas3 it would be great if you shared a link with us via mail or in the comments.

Categories
Actionscript Adobe Air Flash flex

Remove Adobe Air Status Bar (in Flex Builder) [Update]

This is something so simple but it took me hours to figure it out (actually I do not know why): I wanted to remove the status bar from my Adobe Air application window. I use Flex Builder to develop my Air application.

I wanted to remove the status bar in the bottom of the window because it is useless and it looks bad in fullscreen mode.

As standard MXML element Flex Builder uses the mx:WindowedApplication. You just have to add a simple
showStatusBar="false"
and you get rid of that stupid status bar.

[Update 8. April 2009]
Setting
showStatusBar="false"
just causes the status bar to not being displayed. However, it is still there but not visible.

Thus, I added
windowComplete="removeStatusBar(event);"
in the title tag of WindowedApplication and implemented removeStatusBar(event) as following:

private function removeStatusBar(event:AIREvent):void{
removeChild(statusBar);
}

Categories
Actionscript Adobe Air Flash flex

Draw Image Reflection in Adobe Flex

Recently, I needed an image reflection effect in Flex. This would not be complicated to achieve for a Loader image object in Flash Actionscript 3 but the more for Flex as everything needs to be a bit more complicated in Flex when it comes to customizing.

Flex Image Reflection