webfraggle

AS3 Simple UnTAR

webfraggle — Sun, 26 Feb 2012 13:45:33 +0000

The challenge: How to distribute additional content-packages for an Adobe Air App for iOS and Desktop.

The Answer: Inspired by this article I started coding my own ActionsScript tar version to unpack gnu-tar files. This format has some benefits. First it is one file, easy downloadable and shareble. Because it’s uncompressed, it is faster than any compressed format like zip. This doesn’t really matter because all files in my packages are compressed files like jpeg. I unpacked a 350 MB file on an iPad 2 in 18 seconds. Additionally it is very fast to extract only one file or data out of it, maybe for some metainformation. Possibly there is some potential to optimize the speed. It’s a common used format, so packing tools are available on all plattforms (Windows, Mac OSX and Linux). Because of this there is no need to code a special packing tool.

And last, I want to share this with you:

AS3 Simple Untar on Google Code

Have fun with it.

Adobe AIR Gyroscope Native Extension with Euler Angles (roll, pitch, yaw) for iOS

webfraggle — Sat, 19 Nov 2011 14:32:28 +0000

UPDATE: I have released the extension including source on google code with some changes.
Euler Gyroscope ANE on Google Code

I baked my very first AIR iOS Native Extension. It’s just an adapted version of this version from Adobe. Because in my opinion the data of radians per second aren’t really good to handle. So I looked into Apples API documentation and found out that there are Euler Angles in the CMMotionManager CMDeviceMotion classes. So I just changed a few lines in the Objective-C Code. I learned much from this tutorial Native Extionsion for Adobe AIR and iOS 101 by Liquid Photo

NSString *myStr = [NSString stringWithFormat:@"%f&%f&%f&%f&%f&%f",
rotate.x,
rotate.y,
rotate.z,
motionManager.deviceMotion.attitude.roll,
motionManager.deviceMotion.attitude.pitch,
motionManager.deviceMotion.attitude.yaw];

[motionManager startDeviceMotionUpdates];

motionManager.deviceMotionUpdateInterval = 0;

And added these three parameters roll, pitch and yaw to the Actionscript Gyroscope Event.

new GyroscopeEvent(GyroscopeEvent.UPDATE, _x, _y, _z, _roll, _pitch, _yaw)

You can download source and final iOS .ane Native Extension file here:
iOS Air Native Extension Gyroscope – with Euler Angles

Convert PNG to JPEG XR for use in Flash / Flex and AS3

webfraggle — Tue, 08 Nov 2011 20:42:33 +0000

A new feature in Flash Player 11 and Adobe AIR 3 is the feature to use JPEG XR. A enhanced JPEG format.

But how to generate or convert JPEG XR files. I found no Photoshop Plugin. All open source tools aren’t able because of licensing problems. The only tool i found is XN View, which can convert PNG files including the alpha channel to JPEG XR.

But you have to use the “Batch Convert” tool. Only there is the option to convert to JPEG XR.

After converting you can load and use the JPEG XR files via Actionscript. e.g. with a Loader or via embedding. It behaves like a PNG file but with much smaller size while keeping very good quality.

Adobe AIR 3: How to build a Captive Runtime, Standalone Bundle Executable App

webfraggle — Tue, 08 Nov 2011 20:16:15 +0000

The challenge was to build a Adobe Air 3 Standalone Executable. Also called a “Captive Runtime” or a Bundle.

Here are some better descriptions:
http://www.adobe.com/devnet/air/articles/air3-install-and-deployment-options.html

But it was not so easy as it sounds because the order of the adt options are very important!

If the order isn’t correct you get the error “-storetype is required“.

And if you are behind a firewall or no internet connection, the timestamp server isn’t reachable. So use “-tsa none” if you get “Could not generate timestamp: Connection timed out: connect“.

Here is my ant task which do the job with the correct order. But the order of the options in a terminal command should be the same.

Hope this helps some people having the same problems.

Build an iPad app in a few hours.

webfraggle — Sun, 18 Sep 2011 11:08:29 +0000

The challenge:
“We need a small iPad app. Just four buttons, every button opens a video. Today!”
I thought, “OK”. I had only a freshly installed Mac and an Apple developer account.

Install Appcelerator Titanium Studio
Update the SDK to 1.8
Go through the Apple Certification Process to get a new private key, your certificate and a provisioning profile
Setup a new project in Titanium Studio
Code and test the app

And I love Appcelerator Titanium because these few lines had done the job:

Titanium.UI.setBackgroundColor('#000');
Titanium.UI.orientation = Titanium.UI.LANDSCAPE_LEFT;
win = Titanium.UI.createWindow({
    title:'win1',
    backgroundColor:'#fff',
    navBarHidden:true,
    fullscreen:true
});
win.orientationModes = [ Titanium.UI.LANDSCAPE_LEFT ];

var videoPlayer = Titanium.Media.createVideoPlayer({
      backgroundColor:'#000',
      movieControlMode:Titanium.Media.VIDEO_CONTROL_FULLSCREEN,
      scalingMode:Titanium.Media.VIDEO_SCALING_ASPECT_FIT,
      autoplay:false,
      visible:false
});

videoPlayer.addEventListener('complete',function(e)
{
		videoPlayer.stop();
		videoPlayer.hide();
		Ti.UI.iPhone.hideStatusBar();
		win.hideNavBar();
});

var bg = Titanium.UI.createImageView({image:'img/bg.png',top:0,left:0,width:1024,height:768});
win.add(bg);

var button = Titanium.UI.createButton({
   backgroundImage:'img/btn.png',
   width: 442,height:228,top:155,left:65
});

var button2 = Titanium.UI.createButton({
   backgroundImage:'img/btn2.png',
   width: 442,height:228,top:155,left:519
});

var button3 = Titanium.UI.createButton({
   backgroundImage:'img/btn3.png',
   width: 442,height:228,top:398,left:65
});
var button4 = Titanium.UI.createButton({
   backgroundImage:'img/btn4.png',
   width: 442,height:228,top:398,left:519
});

button.addEventListener('click',buttonClicked);
button2.addEventListener('click',buttonClicked);
button3.addEventListener('click',buttonClicked);
button4.addEventListener('click',buttonClicked);
win.add(button);
win.add(button2);
win.add(button3);
win.add(button4);
win.add(videoPlayer);
win.open();
Ti.UI.iPhone.hideStatusBar();
win.hideNavBar();

function buttonClicked(e)
{
   var videoUrl = "";
   switch (e.source)
   {
   		case button:
   			videoUrl = 'videos/video01.mp4';
   		break;
   		case button2:
   			videoUrl = 'videos/video02.mp4';
   		break;
   		case button3:
   			videoUrl = 'videos/video03.mp4';
   		break;
   		case button4:
   			videoUrl = 'videos/video04.mp4';
   		break;
   }
	showVideo(videoUrl);
}

function showVideo(w)
{
	videoPlayer.setUrl(w);
	videoPlayer.show();
	videoPlayer.play();
}

And the whole job was only done in about two hours.

Kinderlieder Karaoke Update

webfraggle — Sun, 07 Aug 2011 11:21:35 +0000

Meine Kinderlieder App ist im iTunes Store in der Versionn 1.2 erschienen.

Neu ist eine speziell angepasste iPad Version.

http://apps.xplore-it.de/

Viel Spaß damit.

Fastest way to install debug build on iPhone.

webfraggle — Sat, 16 Jul 2011 15:51:07 +0000

If you are developing with an other framework than Xcode, Flash or Appcelerator Titanium it is a long way to get the .ipa file installed on your iPhone. You have to update the .ipa in your iTunes or the iPhone Configuration Utility and than you have to Sync your iPhone again. That needs time an many clicks and drag & drop operations. So I found a new way. It makes use of the OTA (Over The Air) installation feature of IOS 4 and higher.

Step 1: Configuration

Install (If you did not have one installed already) a web server on your local machine. MAMP on Mac or XAMPP on Windows
Create a new directory for the OTA files somewhere
Create an alias in your http.conf to that folder
Alias /yourapp "/Users/christoph/Documents/path/to/OTA"
Use iOS Beta Builder to create the files to the OTA folder
Open Safari on the iPhone type in your local machines ip plus alias e.g.: http//192.168.0.40/yourapp. Click install and OK

Step 2: Use it after every build

And everytime you have an update you have only to do these steps (iOS Beta Builder is opened and used one time):

Switch to iOS Beta Builder, press “Generate Deployment Files”, the folder should be correct, so just “Choose Directory”
Switch to Safari, press the install link from the already opened local machines URL

For me it’s time saving.

Any other ideas how to improve the process to get .ipa files installed on the iOS device? Please comment.

FUG:FD Die Flash User Group Fulda

webfraggle — Sat, 21 May 2011 07:10:50 +0000

Wir haben letzte Woche die Flash User Group Fulda gegründet. http://fb.me/ Wer Lust hat kommt vorbei. Wir freuen uns drauf.

Ten years after David and me produced the stress’O'matic game, it’s available on the iPhone.

webfraggle — Sun, 08 May 2011 11:35:34 +0000

2001 we did this game together. David painted the graphics and I programmed the flash part. Some time ago I found this on some backups, ported it to AS3 and AIR2.6 and since yesterday it’s available on the Apple App Store.

Have fun with it, load it from the App Store.

Found some old browser games

webfraggle — Sun, 10 Apr 2011 18:53:52 +0000

While a research I found some very old browser games I developed many years ago:

The Blind People Simulator
A JS/DHTML Game from 1997. Does anyone knows Netscape today
PLAY
For this we got a small article in a PC magazine and one or two angry mail how we can make funny games about disabled people.

Stress-O-Matic
A small Flash game like “Punch the monkey”. Try bill, santa or general as secret codes.
PLAY
No guarantee that they will work in modern browsers.