Celar - Freelance flash/front-end ontwikkelaar » ActionScript

BabelFX localisatie framework

arjan — Mon, 23 May 2011 08:05:10 +0000

Zo nu en dan verzoeken om projecten meertalig te maken. Dit is altijd mogelijk maar kost ook meer werk aangezien je alle elementen in je project dynamisch moet maken en bij een switch van taal moet kunnen updaten met de nieuwe vertaling.

BabelFx is een framework dat deze ‘hazzle’ op zich neemt en je het meeste werk uit handen neemt. Je kan er de volgende elementen mee vertalen.

Tekst
Afbeeldingen, CSS, url’s
Skins
Stylesheets
Layout veranderingen
Branding

Het kan gebruikt worden met Swiz, Mate, Cairngorm, Parsley, RobotLegs & PureMVC of gewoon zonder een framework. BabelFx draait onafhankelijk en transparant achter de schermen. Je schermen hoeven niet meer zelf gelokaliseerde content op te halen.
BabelFx gebruikt het Inversion-of-Control (IoC) patroon om gelokaliseerde content te injecteren in je schermen. Omdat BabelFx content ‘pushed’ hoeven je UI controls, componenten en views niet meer zelf de content op halen.
Je kan vertalingen op de volgende manieren gebruiken:

Embedden in je project
Laden uit gecompileerde, externe bundels
Laden vanuit een remote web service
Laden vanuit remote xml bestanden
Laden vanuit je remote cms

Flex only?
Ja op dit moment alleen nog voor Flex. Wil je het framework gebruiken in ActionScript projecten dan zul je een eigen LocatizationMap moeten schrijven. BabelFX is namelijk bedoeld om gebruikt te worden via een LocatizationMap mxml class en mxml kun je niet compileren in Actionscript projecten. Er word dan ook aanbevolen om een Flex project te gebruiken. (zie forum)

Apple staat alternatieve ontwikkel tools (Flash) weer toe.

arjan — Fri, 10 Sep 2010 06:09:17 +0000

4 en een halve maand nadat Apple hun voorwaarden aanpaste zijn ze terug gekomen op het toestaan van niet native code op hun platform (sectie 3.3.1). Hiermee is het weer mogelijk om iPhone, iPad, iPod applicaties te gaan ontwikkelen in bijvoorbeeld ActionScript en deze de compileren voor het iOS van Apple. Zie (Developer aggreement)

Apple besloot in april om geen apps meer toe te staan die niet direct in Objective-C, C, C++, of JavaScript geschreven waren. Hierop besloot Adobe om hun plannen om Flash applicaties voor de iPhone te bouwen, te staken.

Nieuwe tween bibliotheek Actuate

arjan — Wed, 01 Sep 2010 07:28:05 +0000

Er is een nieuwe animatie bibliotheek opgedoken in het landschap van animatie bibliotheken zoals TweenLite, GTween, BetweenAS3, etc. Actuate werkt niet veel anders dan bijvoorbeeld TweenLite van greensock maar zou wel sneller zijn. U kunt hier een benchmark bekijken.

Actuate is vrijgegeven onder een GNU licentie.

Smokescreen converteerd Flash naar HTML5/JavaScript

arjan — Tue, 08 Jun 2010 09:29:47 +0000

Zoals je waarschijnlijk wel hebt gehoord/gelezen laat Apple geen Flash technologie toe op zijn apparaten zoals de Ipad en Iphone. Dit met als argument dat de technologie slecht presteert, onstabiel is en energie verslindend zou zijn (zie Thoughts on Flash).

Als tegenhanger ziet Apple HTML5 en javascript als goede alternatieven voor Flash. Deze technologieën zijn zeker interessant maar nog niet zo ver als ActionScript 3.0 en Flash 10. Allereerst is HTML5 nog niet gestandariseerd en implementeren de verschillende browsers deze standaard niet allemaal hetzelfde. Canvas wordt bijvoorbeeld niet ondersteund door Microsoft Internet Explorer.
Je kan dus wel zeggen dat volledig overstappen op HTML5/Javascript (nog) niet een oplossing is. In de toekomst misschien wel, zodra HTML5 gestandariseerd is en door alle browsers ondersteund wordt.

Smokescreen
Smokescreen is een Flash-speler die geschreven is in Javascript. Dit opensource project zet swf bestanden om naar HTML5 en Javascript. Hierdoor is de swf ook af te spelen op Apple apparaten.
De Javascript speler is langzamer dan de Flash plug-in. Hierdoor is Smokescreen met name geschikt voor advertentiebanners. Wat op dit moment ondersteund wordt is een deel van de animatiemogelijkheden uit flash 8, geluidsstreamen, geluidseffecten, wat input en basale ActionScript. Het is nog in ontwikkeling. In de toekomst moet Flash uitgebreider ondersteund worden en de prestaties omhoog zijn gegaan.
Op de site laten ze een aantal demo’s zien waarin je kan zien dat ze aardig op weg zijn.

Smokescreen – iPad demo #1 from Chris @ RevShockAds on Vimeo.

Xss kwetsbaarheid in miljoenen Flash banners.

arjan — Thu, 24 Dec 2009 10:53:32 +0000

In ongeveer 8 miljoen Flash-reclames is een xss-lek gevonden. Daarbij wordt nu een veelgebruikte adserver misbruikt voor de verspreiding van deze malafide reclames.

De oorzaak zit in de Actionscript code die wordt gebruikt voor het tellen van clicks op de advertentie. Volgens de ontdekker van het lek, een Oekraïense security onderzoeker, is de foute code makkelijk te vinden via Google. Op die manier is een telling gedaan van minstens 8 miljoen Flash banners die kwetbaar zijn voor het lek.

Toename
Doordat de foute Actionscript code dusdanig standaard is geworden, en veel gebruikt wordt in voorbeelden, instructies en adviezen, is het gebruik ervan ook exponentieel toegenomen.

Banner systemen
In veel banner systemen zit de code al ingebakken. Volgens de ontdekker zijn phpAdsNew, OpenAds en OpenX gecontrolleerd - en kwetsbaar bevonden.

Patch
Adobe zal halverwege komende maand een patch uitbrengen tijdens hun geplande patchronde. Volgens Adobe zal het eerder uitbrengen van een patch andere patches in het gedrang brengen.

De kwetsbaarheid
De kwetsbaarheid zit hem in de manier waarop een click geregistreerd wordt. Een veelgebruikte vorm is:

PLAIN TEXT

Actionscript:

getURL(_root.clickTAG, "_blank");

De aanval gebeurt door het doorgeven van XSS code aan Flash in de clickTAG, url of andere parameter.

PLAIN TEXT

Actionscript:

http://site.nl/flash.swf?clickTAG=javascript:alert('XSS')

PLAIN TEXT

Actionscript:

http://site.nl/flash.swf?url=javascript:alert('XSS')

Na het klikken in de banner wordt de string doorgegeven aan de getURL functie. Zo kan een JavaScript-code uitgevoerd worden.

Voorkomen
Om XSS aanvallen te voorkomen kun je een van onderstaande methodes gebruiken.

PLAIN TEXT

Actionscript:

on(release) {
if (clickTAG.substr(0,5) == "http:") {
getURL(clickTAG);
}
}

PLAIN TEXT

Actionscript:

_root.button.onRelease = function() {
if (clickTAG.substr(0,5) == "http:"){
getURL(clickTAG);
}
}

Echter zullen deze methodes geen beveiliging bieden aan URL-spoofing, die het mogelijk maakt om een omleiding te maken naar een willekeurige (kwaadaardige) site. Het is dan beter om:

Gebruik te maken van directe links, zonder de parameter clickTAG
Als het nodig is om click te meten, gebruik dan een url naar het banner systeem die de gebruiker vervolgens doorstuurt naar de juiste site. (http://bannersysteem/click?id=1)

Papervision 3.0 is coming

arjan — Mon, 19 Oct 2009 06:32:42 +0000

Afgelopen dinsdag is er bekend gemaakt dat Papervision 3.0 onderweg is. Versie 3.0 zal opnieuw gebouwd worden voor Flash Player 10. Hierdoor zal hij dan ook niet backward compatible zijn aangezien Flash Player 10 betere prestaties en technieken gebruikt dan zijn voorgangers. Voor de "oude" players is versie 2.1 te gebruiken. Deze zal niet meer door het papervision team door ontwikkeld worden, zij gaan zich volledig inzetten voor versie 3.0.

Op dit moment zijn de voorbereidingen nog in volle gang. Het plannen en de architectuur van het geheel, is waar nu aan gewerkt wordt. Ben je zelf een ontwikkelaar en wil je bijdragen aan de nieuwe engine dan horen ze graag van je.
Het nieuwste teamlid is Ben hopkins. Zijn ervaring en expertise met 3d programmeren is een welkome boost aan het project.

GitHub geen subversion
Met de nieuwe versie wordt er ook overgestapt op een ander beheer systeem. Ik hoorde van github enkele dagen geleden toen er een sollicitant langskwam. Git is oorspronkelijk ontwikkeld door Linus Torvalds voor de linux kernel development.

Propeller aandrijven

arjan — Sun, 15 Mar 2009 08:21:32 +0000

Voor een spel ben ik gaan uitzoeken hoe ik een propeller kon laten aandrijven door middel van de pijltoetsen. Bedoeling was dat door de snelheid waarmee je de linker en rechter pijltoets indrukt de propeller sneller of langzamer zou gaan draaien.

Ik heb voor het berekenen van de snelheid de tijd tussen de twee toetsaanslagen gemeten. Deze tijd is in millisecondes. Dit sla ik op in een array waar maximaal 10 aanslagen in worden opgeslagen. Hiervan bereken ik vervolgens een gemiddelde. Om de overgang soepel te laten verlopen gebruik ik een vertraging.

PLAIN TEXT

Actionscript:

import flash.events.KeyboardEvent;
var lastKeyPressTime:Date = new Date();
var intervalTime:Number = 0;
var maxInterval:Number = 300;
var intervalTollerance:uint = 80; // 80 milliseconde haal je toch niet.
var isRunning:Boolean = false;
var gemiddelde:Number = 0;
var intervalArray:Array = [maxInterval];
var powerBlocks:uint = 20;
var maxPower:uint = 1000;
var power:uint = 0;
var py:Number = maxInterval;
var ease:Number = 20;
stage.addEventListener(KeyboardEvent.KEY_DOWN, keyPressed);
function myEnterFrame(event:Event):void
{
if (intervalArray.length> 10){
intervalArray = new Array();
intervalArray.push(gemiddelde);
}
gemiddelde = 0;
for (var i:uint = 0; i length; i++){
gemiddelde += intervalArray[i];
}
gemiddelde = gemiddelde / intervalArray.length;
py += (gemiddelde - py) / ease;
power = maxPower - (maxPower / powerBlocks) * Math.floor((powerBlocks / (maxInterval-intervalTollerance)) * (gemiddelde-intervalTollerance));
proppelor.rotation += (30/ 300) * (300 - py);
}
function keyPressed(e:KeyboardEvent):void
{
if (e.keyCode == 39 || e.keyCode == 37){
if (!isRunning){
isRunning = true;
this.addEventListener(Event.ENTER_FRAME, myEnterFrame);
}
var curTime:Date = new Date();
intervalTime = curTime.getTime() - lastKeyPressTime.getTime();
lastKeyPressTime = new Date();
if (intervalTime> maxInterval){
intervalTime = maxInterval;
}
intervalArray.push(intervalTime);
}
if (e.keyCode == 38){
isRunning = false;
this.removeEventListener(Event.ENTER_FRAME, myEnterFrame);
}
}

Actionscript 3.0 API reference voor de iPhone

arjan — Mon, 26 Jan 2009 15:00:54 +0000

Mike Chambers heeft een Actionscript 3.0 API reference voor de iPhone uitgebracht. Dit is een tool voor de iPhone waarmee je op je iPhone een referentie bibliotheek van Actionscript 3.0 hebt. In de bibliotheek zitten de API gegevens van Flash, Flex en Air. Deze tool is gratis te donwloaden in Apples App Store.

Hier nog wat foto's.

Compileer Actionscript online

arjan — Mon, 05 Jan 2009 15:41:03 +0000

Er zijn al verschillende paketten waarmee je zonder tussenkomst van een Adobe pakket Actionscript code kan compileren. Dat is nu ook mogelijk zonder een van die andere paketten te gebruiken. Namelijk op de volgende website. Je moet wel al je code in één class zetten en gebruik maken van bestaande frameworks zit er ook niet in.

MultiColumnText AS3 class

arjan — Fri, 21 Nov 2008 10:48:54 +0000

Nadat ik de 'MultiColumnText' class had bekeken die in de ActionScript 3.0 voorbeelden zat, wilde ik eigenlijk dat het allemaal net iets anders zou werken. Zo wilde ik niet een hoogte opgeven die de kolommen moesten krijgen. In plaats daarvan juist alleen een kolom breedte en dat de hoogte zelf bepaald werd aan de hand van de hoeveelheid tekst. Hier is de volgende class uit voortgekomen.

PLAIN TEXT

Actionscript:

//ActionScript 3.0
package {
import flash.display.Sprite;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
public class MultiColumnText extends Sprite{
private var columnArray:Array;
private var cols:Number = 2;
private var columnWidth:Number = 100;
private var columnSpacing:Number;
private var maxLines:Number;
private var textStr:String;
private var textformat:TextFormat;
// constructor
public function MultiColumnText(cols:Number, columnWidth:Number, colSpacing:Number = 10) {
this.cols = cols;
this.columnWidth = columnWidth;
this.columnSpacing = colSpacing;
textformat = new TextFormat();
createColumns(cols);
}
/**
* createColumns
* Creates the number of textfields needed.
*
* @param cols Number Number of columns.
*/
private function createColumns(cols:Number):void {
columnArray = new Array();
for (var column:int = 0; column <cols; column++) {
var columnField = createColumnTextField();
columnField.x = column * columnWidth + (column * columnSpacing);
columnArray.push(columnField);
addChild(columnField);
}
}
/**
* createColumnTextField
* Creates the textfield for each column.
*
* @return TextField Textfield to be returned.
*/
private function createColumnTextField():TextField {
var columnTextField:TextField = new TextField();
columnTextField.autoSize = TextFieldAutoSize.LEFT;
columnTextField.border = false;
columnTextField.width = columnWidth;
columnTextField.wordWrap = true;
columnTextField.multiline = true;
return columnTextField;
}
/**
* text
* Set the multicolumn text.
*
* @param textString String String to be places on the textfield columns.
*/
public function set text(textString:String):void {
textStr = textString;
fillColumns();
}
/**
* setTextFormat
* Set the column textfield textformat.
*
* @param tformat TextFormat TextFormat to be attached to the column textfields.
*/
public function setTextFormat(tformat:TextFormat):void {
textformat = tformat;
fillColumns();
for (var i:int = 0; i <columnArray.length; i++) {
columnArray[i].setTextFormat(textformat);
}
}
/**
* fillColumns
* Calculates the number of lines for each column according to the text to be placed.
* Next is inserts the text pieces to each column.
*/
private function fillColumns():void {
var invisibleTextField:TextField = new TextField();
invisibleTextField.autoSize = TextFieldAutoSize.LEFT;
invisibleTextField.multiline = true;
invisibleTextField.wordWrap = true;
invisibleTextField.width = columnWidth;
invisibleTextField.text = textStr;
invisibleTextField.setTextFormat(textformat);
maxLines = Math.ceil(invisibleTextField.numLines / cols);
for (var i:int = 0; i <cols; i++) {
var startIndex:Number;
var endIndex:Number;
var lineStart:Number = ((maxLines * i)> 0) ? (maxLines*i) : 0;
try {
startIndex = invisibleTextField.getLineOffset(lineStart);
}
catch(e:RangeError) {
//trace(e);
}
var lineEnd:Number = ((maxLines * (i+1))> 0) ? (maxLines*(i+1)) : 0;
try {
endIndex = invisibleTextField.getLineOffset(lineEnd);
}
catch(e:RangeError) {
//trace(e);
endIndex = textStr.length;
}
columnArray[i].text = textStr.substring(startIndex, endIndex);
}
invisibleTextField = null; // deletes the textfield.
}
}
}

Een vervolg op deze class zou er een zijn die html text over kolommen verdeeld. Hier is een andere methode voor nodig aangezien je niet op character index kunt splitsen omdat er ook opmaak code in html staat.

Ik hoor graag jullie opmerkingen/verbeteringen.