am77.de

Grafik Design, Interaktive Gestaltung, Spiele, Motion Graphics

Flashdevelop Installation

leave a comment

Flashdevelop ist eine sehr feine und außerdem auch noch kostenlose Entwicklungsumgebung für Flash (nicht mehr so hip) und aber auch Haxe (sehr interessant!)

Die Code Completion und Code Generation Features sparen viel Tipparbeit und der Outliner ermöglicht einen schnelle Überblick über Klassen. Das ist noch nicht alles … mehr Infos auf der offiziellen Website.

Für die Installation von Flashdevelop benötigt man:

Jetzt kann man unter Tools -> Install Software
installieren, was man braucht, Flex SDK, Git, Haxe etc.
Ich bin mir auch gar nicht sicher, ob man den Flash Player wirklich vorher schon installieren muss, hab es aber gemacht, weil ansonsten eine Warnung bei der FD Installation kommt.
So wie ich das sehe könnte man das jetzt auch noch über den AppMan (Install Software) installieren.development
Troubleshooting … sollte mit aktueller Installation nicht mehr nötig sein:
Unter Project -> Properties -> SDK muss der richtige Pfad zur SDK angelegt werden.
Wer wie ich unter Win7  x64 die Fehlermeldung “Unable to start java.exe” bekommt,
sollte die JAVA_HOME Umgebungsvariable ändern.
Viel Spass mit Flashdevelop!

Written by am

September 30th, 2011 at 7:07 am

more fancy free fonts

leave a comment

der gute hydro74 verschenkt auch ein paar seiner recht coolen styler-fonts: http://www.legacyofdefeat.com/2010/free.html

Written by am

September 11th, 2011 at 8:55 am

Posted in Ressources,Tipp,Typografie

Tagged with ,

Ruckelige Animation in Flash mit TweenLite ImageLoader

leave a comment

Flash hat einen Bug(?), der pixelsnapping immer aktiviert, wenn scaleX und scaleY == 1 sind.
Sieht bei langsamen Bewegungen extrem doof aus.

deswegen einfach scaleX = 1.001 und die Animation ist supersmooth!

Aus der Greensock-Doku:
Jerky animation? If you animate the image after loading it and you notice that the movement
* is rather jerky, try setting the scaleX and/or scaleY to something other than 1, like 1.001 because there is
* a bug in Flash that forces Bitmaps to always act like their pixelSnapping is "auto"
* when their scaleX/scaleY are 1.

Written by am

July 14th, 2011 at 9:34 am

Facebook Link mit Bild etc

leave a comment

Zum festlegen der Texte und Bilder, die auf Facebook angezeigt werden, wenn man die Website dort “shared”, kann man folgenden HTML-Metadaten anlegen:

<meta property="og:title" content="Mein toller Websitetitel" />
<meta property="og:description" content="Meine schöne Websitebeschreibung" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.am77.de" />
<meta property="og:image" content="http://am77.de/images/facebook.jpg" />

Und wenn man die Daten updated, sollte man die URL neu bei Facebook eintragen, damit die neuen Parameter übernommen und angezeigt werden:

http://developers.facebook.com/tools/lint

Written by am

June 28th, 2011 at 10:41 am

Posted in Social Media

Tagged with , , ,

Free fonts

leave a comment

Auf Fontsquirrel.com gibts eine schöne Sammlung von komplett kostenlosen und sogar kommerziell verwendbaren Fonts:

http://www.fontsquirrel.com/fontface

Written by am

April 18th, 2011 at 11:53 am

Posted in Ressources,Typografie

Tagged with , ,

jQuery Fancybox mit Iso8859-1 Kodierung

leave a comment

Fancybox hat mir Kopfzerbrechen bereitet, weil ich es in eine Website mit iso-8859-1 Kodierung eingebaut habe.
Die Umlaute etc. in der geöffneten Fancy-Lightbox waren einfach kaputt. Teilweise konnte ich es mit utf8_encode reparieren, aber leider nicht alle Zeichen.

Geholfen hat das hier im per AJAX nachgeladenen File:

Written by am

March 12th, 2011 at 10:17 pm

AS3 Array Helferfunktionen shuffle, inArray

leave a comment

Leider fehlen der Array Funktion in AS3 manche sinnvolle Methoden, deswegen hier eine Klasse mit zwei Helferfunktionen, evtl. kommen noch mehr dazu.

package utils
{
/**
*
* am77.de
*/
public class ArrayUtils
{

public function ArrayUtils()
{

}

public static function shuffle(arr1:Array):Array {
var arr2:Array = [];
while (arr1.length > 0) {
arr2.push(arr1.splice(Math.round(Math.random() * (arr1.length - 1)), 1)[0]);

}
return arr2;

}

public static function inArray( needle:String, haystack:Array ):Boolean {
for( var a:int = 0; a < haystack.length; a++ ) { if( haystack[a] == needle ) { return true; }else if( haystack[a] is Array ) { return inArray(needle, haystack[a]); } } return false; } } }

Written by am

February 28th, 2011 at 1:01 pm

AS3 Font Unicode Range Generator

leave a comment

Um beim einbinden von Fonts in AS3 die Dateigröße des swf nicht unnötig aufzublasen, empfiehlt es sich, nur die wirklich benötigten Zeichen einzubinden.
Das ist per Angabe der unicodeRange möglich:

[Embed source="FONT_SOURCE", fontName="FONT_NAME", mimeType="application/x-font-truetype" unicodeRange = "U+0020-007E,U+00C4,U+00D6,U+00DC,U+00DF,U+00E1,U+00E4,U+00E8-00E9,U+00F6,U+00FC"]

Weil es recht mühselig sein kann, die ganzen “Uni-Codes” für die einzelnen Zeichen rauszusuchen, hab ich nach einem Tool gesucht und genau das richtige gefunden:

UnicodeRange Generator

Gibt´s übrigens auch zum Download

Written by am

February 26th, 2011 at 6:24 pm

AS3 Differenz zwischen zwei Date-Objekten

leave a comment

Um in AS3 die Differenz zwischen zwei Date-Objekten zu berechnen, addiert/subtrahiert man deren Millisekunden-Timestamp seit Beginn der Unix-Epoche (Januar 1 1970 00:00:00 GMT) (aufrufbar mit Date.time) und erstellt aus dem Ergebnis ein neues Date-Objekt.


var d1:Date = new Date(0, 0, 0, 0, 0, 20, 19);
var d2:Date = new Date(0, 0, 0, 0, 0, 1, 12);
var d3:Date = new Date(d1.time - d2.time);

trace( d3.seconds, d3.milliseconds); //Differenz in Sekunden und Millisekunden

Written by am

February 22nd, 2011 at 3:07 pm

Posted in Flash/ActionScript,snippets

Tagged with , , ,

Flash Debugging mit FBTracer

leave a comment

Für das debuggen in Live-Umgebung ist FBTracer wirklich super.

Es arbeitet mit Firebug zusammen, wo ein neues Tab “Flashtracer” erstellt wird, wo man alle trace-Ausgaben des swf´s direkt im Browser verfolgen kann.

Prädikat: Sehr praktisch!

Written by am

February 19th, 2011 at 1:04 pm

Posted in Flash/ActionScript,Tipp

Tagged with , , ,