Archive for the ‘Tutorial’ Category
I got Publish(ed)
Published by babyCreative on October 30th, 2009 in General, Tutorial. 6 commentsBack in July the people over Publish – a Dutch magazine for digital creatives – asked me if I wanted to write a Flash workshop. The issue featuring the workshop I wrote came out earlier this week. Today I got one in the mail. I look better in magazines than I figured I would 
The workshop I wrote is about how to make a basic image viewer in Flash. I explain how to load an XML file, interpret the data and load the corresponding image depending on what button has been clicked.
Anyway: A few pictures! (Yes, I’m very proud…. How can you tell?)
And they featured a few of my pictures on Flickr in the magazine too! I’m really proud ^^
Anyway: I hadn’t heard about Publish before, so I was pretty curious on how they would bring the content. But now I’ve got the October issue I must say: The magazine is great. Definitely something to look into if you’re looking for a Dutch magazine focussed on digital creatives.
Time-lapse fun
Published by babyCreative on April 7th, 2009 in Experiments, Tutorial. 7 commentsSome time ago I started looking into the wonderful world of ‘Time-lapse‘. I really found it intriguing and I wanted to do something like that myself. So I started experimenting around, and soon people asked me how I actually do this, so here goes…
Let me start with a disclaimer: I’m still experimenting to find the perfect workflow, and figure out a lot of stuff. If you got any suggestions to make: Don’t hold back 
Read the rest of this entry »
Flash Lite en basic HTTP auth
Published by babyCreative on September 21st, 2008 in Actionscript, Flash, Tutorial. No commentsIk ben de laatste dagen erg druk bezig geweest met een (erg cool) Flash Lite project (waar ik binnenkort eindelijk over zal schrijven). Hoewel deze post over mijn ervaring in Flash Lite gaat is het in Actionscript 2 voor Flash Player ook van toepassing. Voor Actionscript 3 zal de werkwijze vrijwel analoog zijn.
Tijdens het ontwikkelen van de applicatie ben ik op het probleem gestoten dat ik data moest inladen die gebruikersspecifiek waren. Daarenboven zat er ook gevoelige data bij, die dus beveiligd moest verstuurd worden.
Mijn collega (die de server-side van het project ontwikkelt) stelde een aantal mogelijkheden voor waaronder basic HTTP authentication. Dit leek me een goede manier om het te proberen. Jammer genoeg bleven mijn zoektochten op Google naar duidelijke uitleg onbeantwoord. Door het samenrapen van een 3 tutorials en bronbestanden had ik het eindelijk door.
In feite is basic HTTP auth in Flash (Lite) echt doodsimpel. (Ik versta niet waarom iedereen daar altijd zo’n rond-de-pot-gedraai aan toevoegd.)
To the point: Stel ik wil XML inladen (mbv Actionscript 2). Dat doen we over het algemeen zo:
[actionscript]var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = xmlComplete;
xml.load(‘http://example.com/somepage.php’);
function xmlComplete(success){
if(success){
//logica komt hier
}
}[/actionscript]
Heel basic, zonder authentication. Niets nieuws, dus. Maar wat als somepage.php je om een gebruikersnaam en wachtwoord vraagt?
Dit kan blijkbaar heel makkelijk opgelost worden, door gebruik te maken van de addRequestHeaders method (die zowel voor de XML class, de webservice class, alsook voor LoadVars class beschikbaar is), en de Base64 class (download hier).
Je code ziet er dan als volgt uit.
[actionscript]var auth:String = Base64.Encode(“myUsername:myPassword”);
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = xmlComplete;
xml.addRequestHeader(“Authorization”,”Basic “+auth);
xml.sendAndLoad(‘http://example.com/somepage.php’,xml);
function xmlComplete(success) {
if(success){
//logica komt hier
}
}[/actionscript]
Er zijn 2 grote verschillen. In dit voorbeeld gebruiken we de addRequestHeaders method om de gebruikernaam en het wachtwoord aan de requestHeaders van het XML object toe te voegen. Deze moeten wel eerst via Base64 geëncode worden alvorens dat de basic HTTP auth deze ontvangt. Daarnaast gebruiken we ook de sendAndLoad method zodat de headers meegestuurd worden naar de server.
Het is dus op zich erg simpel, maar je zou bijna niet geloven hoeveel tijd ik gespendeerd heb om tot deze conclusie te komen. Ik kan het nog altijd niet geloven als ik naar de simpelheid ervan kijk.
Hopelijk kan ik enkelen hiermee wat tijd besparen.
Screencasting en demo recording voor de Mac
Published by babyCreative on December 15th, 2007 in Tutorial. No commentsIk ben een persoon die graag zijn kennis deelt. Gevolg daarvan is dat ik weleens graag een tutorial maak, en daarbij goed uitleg wat er gebeurd, waar en waarom. Gezien ik een lui iemand ben, zit ik niet te wachten op lange teksten schrijven, veel screenshots maken, en deze bewerken.
De enige goede, en meteen ook veel effectievere oplossing, is een video-tutorial, of ook ‘screencasting’ genoemd.
Voor Windows zijn daar heel wat mogelijkheden waaronder Camtasia, Captivate en Quick Screen Recorder. Al bij al goede programma’s die op een aangename manier werken. Na wat trials had ik besloten bij Camtasia studio te blijven. De meesten die mij kennen weten ondertussen dat ik een tweetal maanden ben overgestapt op Mac. Software op een Mac valt echt onder het motto ‘Just Works’… maar dan moet je eerst software hebben. Het lijkt er wel op dat software developers voor Mac ofwel het gat in de markt niet zien, of dat de screen recording bedrijven gewoon Mac over het hoofd zien.
De juiste software om mooie screencasts mee te maken, waar de kijker rustig kan volgen en waar de kwaliteit niet moet onderdoen voor hun Windows varianten, is moeilijk te vinden.
Er zijn een aantal mogelijkheden – om eerlijk te zijn best wel veel- wat dit soort software betreft voor de Mac. Na wat zoeken heb ik Screen Mimic gevonden dat echt wel exact voldeed aan mijn eisen voor een goed screencast programma.
Screen Mimic is enorm simpel qua gebruik: Start het op, stel in hoe groot je opname-gebied moet zijn, en of het moet meevolgen met de muis. Daarna neem je je video op. Eens je klaar bent kun je kiezen of je exporteert naar een SWF (Flash Movie), FLV (Flash Video) of Quicktime. Je kunt kiezen om het huidige audiospoor te gebruiken (Standaard was dat bij mij de microfoon) of om een extern bestand te gebruiken (vooraf opgenomen stem om de videobeelden te begeleiden). Gezien mijn doel is om achteraf gewoon een bestand te uploaden naar de server is het exporteren naar FLV echt wel perfect.
Screen Mimic is een Universal Application, en maakt dus volledig gebruik van het potentieel van de huidige Intel Macs. Een van de redenen waarom ik niet (zoals iedereen mij aanraadde) voor Snapz Pro X gekozen heb, is omdat de camera voortdurend in beweging is met de muisaanwijzer. Er is geen ‘dood vlak’ waarin de pijl kan bewegen zonder dat de camera meebeweegt. Bij Screen Mimic ligt dit anders. Ook neemt Snapz Pro meteen de screenshot functionaliteiten over. Dat zijn mogelijkheden die ik niet wil, en ook niet nodig heb. Uiteindelijk scheelt de prijs van Screen Mimic nog eens de volle 5$, dus was er voor mij geen twijfel mogelijk. De goedkopere software voldeed perfect aan mijn wensen.
Ik ben blij met mijn zoektocht (die toch wel enkele dagen heeft geduurd), en ik hoop dat ik binnenkort tijd vind om enkele tutorials op te nemen.
Alvast bedankt aan de mensen die tips gestuurd hebben
Tutorial over hoe mail te versturen vanuit Flash (AS3)
Published by babyCreative on November 20th, 2007 in Actionscript, Flash, Tutorial. No commentsSinds ik bezig ben met ActionScript 3 ben ik er niet meer van af te krijgen.
Onlangs werd op mijn schoolforum gevraagd hoe je nu een mail kunt verzenden vanuit Flash met AS3 (gezien de LoadVars klasse uit AS2 er niet meer is).
Toen besloot ik er een kleine tutorial over te maken, en die is er dan ook gekomen.
Tutorial: Mail verzenden vanuit Flash CS3
Veel plezier.
Vragen en suggesties zijn zeker welkom.
OSX en NTFS schijven: Hoe Read-Write rechten te verkrijgen.
Published by babyCreative on October 19th, 2007 in General, Tutorial. No commentsIk ben sinds enkele dagen trotse bezitter van een Apple iMac, en gezien dit nu de eerste keer is ik echt ga ‘werken’ op een Mac is het waarschijnlijk meer dan normaal ik problemen ondervind bij bepaalde dingen.
Een van de problemen waar ik al mee gekampt heb is het volgende:
Ik heb een externe USB schijf van 1TB groot. Deze gebruikte ik vroeger altijd op mijn Windows laptop. Het is dan ook maar normaal dat ik op die schijf een NTFS filesystem heb.
Het probleem is dat ik deze schijf nu wil gebruiken op mijn iMac. OSX kan echter alleen lezen vanop NTFS schijven. Vandaar mijn probleem: ik wil kunnen schrijven.
Op het internet heb ik wel oplossingen gevonden, maar geen van deze was echt volledig beschreven. Dat ga ik nu proberen te verbeteren
Eerst en vooral: Voordat je hieraan begint, maak een backup van de cruciale data. Normaal mag er niets mislopen, maar mijn ervaring leert dat Murphy een heel nuchtere persoon was.
- Ontkoppel de NTFS USB Schijf van je Windows computer. Maak gebruik van ‘USB Apparaat uitwerpen‘! Als je gewoon de USB kabel eruit trekt zal de schijf nog door Windows gelocked zijn, en OSX zal hem niet kunnen mounten.
- Download en installeer MacFuse.
- Download en installeer NTFS-3G.
- Herstart je computer.
- Als je aangemeld bent, mag je de USB device pas inpluggen.
- OSX mount de schijf: als je ‘Toon info’ aanklikt bij de schijf zal je bij de rechten zien staan: Read & Write
Ik ben geen Mac-Expert, dus als je vragen hebt kan ik geen antwoord garanderen. Ik sta zeker open voor suggesties, of opmerkingen.
Ik hoop dat ik jullie hiermee iets kon helpen
Tutorial: Transparante Flash en HTML
Published by babyCreative on September 26th, 2007 in Flash, HTML, Tutorial. No commentsNaar aanleiding van heel wat hits op mijn site, en enkele emails om uit te leggen hoe ik het transparante pixel-teken effect op mijn portfolio-site heb gemaakt, heb ik besloten om even een korte tutorial te schrijven hiervoor.
Om de tut te volgen heb je alleen een text-editor nodig (Notepad is al genoeg. Ik gebruik Dreamweaver 
). Een Flashmovie kun je tijdens de tutorial zelf downloaden.
Basis kennis van HTML en ‘weten wat de Canvas in Flash is’ is vereist.