After I read this Flash Lite 3.1 news a week ago I tried to get a demo application working on my Nokia E61i as soon as possible. I found the process not very intuitive and had to take some hurdles, that’s why I wrote this tutorial. Many thanks to Mark from www.flashmobileblog.com who helped me crossing some hurdle barriers.

Start by downloading the Adobe Mobile Packager from http://labs.adobe.com/downloads/distributableplayer.html (my first hurdle: only for Windows).

Update 12 January 2010 – When you follow the labs.adobe link above, you’ll read this:
The Distributable Player Solution beta has ended and the program has been cancelled. The solution is no longer available and will not be brought into production. If you are interested in continuing to develop mobile applications, we recommend taking a look at developing applications for the iPhone. For mobile web app and content development, we recommend you participate in the Flash Player 10.1 beta program.
Too bad but no problem, I switched to iPhone some months ago.

You need to install some additional software, so I suggest you read the detailed documentation (PDF) or view the video tutorials at Adobe TV for detailed instructions. I found the video tutorials very clear.

Now you’re ready to create a package. I created a simple animation called “HelloWorld.swf” and published a “HelloWorld_signed.sis” package.

If you install this sis to your Nokia with default factory settings, you probably get a certificate error (my Dutch phone displayed “certificaatfout”). You can only distribute officially signed application, so if you want to test your unsigned application on your own phone you have to disable this online certificate check.

Go to Menu > Installat. > App. mgr.. >  Options > Settings >
and change these settings:
Software installation: select all applications.
Online certif. check: select no online checks.

On my Dutch phone, it is Menu > Installatie > Toep.beheer > Opties > Instellingen >
Software-installatie: alle toepassingen installeren.
Online certif.controle: Uit

You’re almost there, one hurdle to go.

When you try to run your application, your phone probably asks:
“HelloWorld needs Adobe Flash Lite to Run. Continue?”
When you click “yes” but you are not in the U.S., UK, Italy, Spain, or India, you’ll get this message:
“Sorry. Adobe Flash Lite is not available for this device.”

Users in U.S., UK, Italy, Spain, or India, will get the Distributable Player over the air. In other countries, download and install the Flash Lite 3.1 Distributable Player binary from http://labs.adobe.com/downloads/distributableplayer.html. My Nokia E61i is not officially supported but I could install Flash Lite 3.1 without a problem.

After installing Flash Lite 3.1 you’re ready to run your app. Good luck!

Mijn nickname “redhotbeani” is een anagram van mijn naam. Om te “bewijzen” dat alle letters van mijn naam ook in mijn nickname zitten heb ik deze kleine flash animatie gemaakt.

Ik liep al langer met het idee voor een soortgelijke animatie rond, maar ik had nu eindelijk de tijd en voldoende ervaring met papervision3D om het te maken.

update 9-11-2008: op verzoek en ter inspiratie kan je nu de source code van dit anagram downloaden (inclusief en met dank aan papervision3d & asaplibrary).

Wat heb ik de aflopen dagen geleerd: Papervision3D is niet moeilijk. Met weinig en eenvoudige code kan je al snel mooie dingen maken. En met iets meer code en mooie 3D-modellen….

Naast uitleg over nieuwe shaders en materials ook veel zelf (na)getyped en (na)gemaakt, zoals:
- exporteren van een collada-model uit 3dMax en importeren in flash: link
- het laten vliegen van een x-wing: link tip: vliegen met de pijltjes-toetsen
- een panaroma van Mitsubishi Grandis interieur: link

Handig voor de 3D artiesten onder ons: ook zonder coding-kennis kan je je 3d model in flash bekijken en exporteren naar swf. Gebruik daarvoor de PV3D Component. De laatste versie kan je hier downloaden.

Ook al is zo’n workshop leuk en nuttig, het is wel jammer dat ie niet helemaal perfect was:
- geen ontvangst met koffie. Daardoor was mijn eerste workshop-ochtend extreem zwaar
- een trage start door een ontbrekende beamer-kabel
- voorbeeld-projecten die niet werkten op de pc
- met maar één (bege)leider voor 40 mensen lag het tempo best laag
Positief was dat de hele zaal vol zat met flashers uit 11 verschillende landen en de sfeer was, zoals altijd met flashers onder elkaar, opperbest.

Uiteindelijk moet je het geleerde toch zelf gebruiken om er mooie/stoere/vette sites mee te bouwen. Er zijn (nu al) voldoende voorbeelden van commerciele sites die gebruik maken van Papervision3D. Meest recente voorbeeld is de nieuwste Sony BRAVIA site, gemaakt door Papervsion3D oprichter Carlos Ulloa. Bezoek ook het Papervision3D weblog voor meer inspirerende voorbeelden.

Conclusie: het is de hoogste tijd voor een echt project met Papervision3D.

The game was programmed in actionscript 2 so if you add too many elements it will get very slow. It’s about time I start using actionscript 3 to make really cool stuff.

Links:
- try the game in new window
- www.papervision3d.org

Because I like to implement this technique in future Flash-sites, I made a little back-button demo. The example works in Flash 8 and higher.
To communicate between Flash and the browser, I used ExternalInterface, a new Flash 8 feature. Martijn de Visser published a clear example, which I have used as a basis for my demo.

Unfocus History Keeper javascript is used to add browser back button history and deep link support.

Other sites which use the same back-button solution:
http://www.bigleoproductions.com/
http://www.volvodesign.pl/

Links:
- try back-button demo in new window
- download source-files (zip)

Voor deze test heb ik wat foto’s van onze buurt-barbeque genomen. Met wat aanpassingen in de xml (vooral harde paden naar de foto-mappen op de website) ontstaat onderstaande werkende gallery.
]]> http://www.bonth.nl/2006/06/23/image-test/feed/ 0