Webanimatie@ikdoeict

Flare 3D in Adobe professional css5

Tue, 05 Jun 2012 21:09:19 +0200

In deze tutorial leer je hoe je met Flare3D 3D-Objecten kunt aanmaken en gebruiken in Adobe Flash professional CCS5. Eens deze zijn aangemaakt kun je ze gebruiken op je website om meer mensen naar je site te lokken.

In de tutorial zal je leren om een 3D viewer te maken.

Link tutorial:
http://dl.dropbox.com/u/27849374/Flash%20Tutorial.pdf

Link voorbeeld:

http://maartenvandevoorde.ikdoeict.be/Flare3DTutorial/Flare3DTutorial.html

Actionscript en Twitter API

Tue, 05 Jun 2012 17:32:30 +0200

In deze tutorial zal je leren hoe je met flash een tweet kan laten verschijnen of zelf een tweet schrijven.

We zullen voor het schrijven van een tweet een library gebruiken (tweetr), dit is een actionscript 3 library. Voor het weergeven van een tweet hebben we deze library niet nodig.

In de tutorial is er een oefening gemaakt in flash voor het weergeven van een tweet en een oefening in flash builder voor het schrijven van een tweet.

De tutorial is te vinden op onderstaande link:

http://tomvanhuffel.ikdoeict.be/tutorial.pdf

Desktop applicatie met Adobe AIR

Tue, 05 Jun 2012 17:26:59 +0200

In deze tutorial wordt beschreven hoe je een eenvoudige desktop applicatie maakt in Adobe AIR.

Deze AIR applicaties kunnen op cross-platform worden uitgevoerd. Als voorbeeld in de tutorial wordt een klok-app gedetailleerd stap voor stap uitgelegd.

De tutorial is te vinden samen met alle componenten in volgende zip:

https://dl.dropbox.com/u/43755107/2ICT4_Joris-Debelder_Tutorial.zip

Flickr API en AS3

Tue, 05 Jun 2012 17:21:34 +0200

In mijn tutorial maak ik connectie met de Flickr database en worden de foto’s opgehaald aan de hand van tags die door de gebruiker opgegeven worden.

De foto’s kunnen bekeken worden per pagina en een klik op een foto redirect naar de browser, waarin we de foto te zien krijgen.

De bronbestanden zijn hier te vinden:

https://www.dropbox.com/s/kwrnvdgypdd1bf1/Tutorial%20webanimatie.zip

De tutorial zelf (video) is hier te vinden:

https://vimeo.com/42837706

Desktop Application met Adobe AIR

Tue, 05 Jun 2012 17:02:13 +0200

Met Adobe AIR kunnen ontwikkelaars standalone-applicaties met HTML, JavaScript, ActionScript, Flex, Adobede Flash Professional en Adobe Flash Builder ontwikkelen die uitvoerbaar zijn op verschillende platforms en apparaten zoals Android, BlackBerry, iOS, PC’s en televisies. Deze tutorial spitst zich toe op PC – desktop applicaties.

De handigheid is dat deze desktop applicaties werken op elk besturingssysteem.

In de tutorial wordt zowel met Flash Builder als met Flash CS een oefening gemaakt. (o.a. Een adres-boek applicatie (widget), waar je naam en telefoonummer kan toevoegen die vervolgens worden opgeslaan in een lokale mysqlite database)

De tutorial is hier te vinden:
http://dl.dropbox.com/u/6716619/DestkopApplicationMetAdobeAirFrancisMichels.pdf

Flex Webapplicatie

Tue, 05 Jun 2012 16:44:18 +0200

Adobe Flex is een gratis en open-source framework van Adobe dat je toelaat om op een eenvoudige manier mobiele en webapplicaties te ontwikkelen op basis van het Adobe Flash platform. Zo is het mogelijk om met MXML (Multimedia eXtensible Markup Language) en Actionscript 3.0 volledige Rich Internet Applications te maken die te bekijken zijn via Flash player of Adobe Air.

Deze tutorial zal je wat meer informatie proberen te geven over Adobe Flex en de daaruit volgende mobiele en webapplicaties. Daarnaast zal er stap voor stap uitgelegd worden hoe je een simpel webforumlier maakt.

—-

http://jenstrio.ikdoeict.be/flash/tutorial.pdf

Tutorial Twitter API (Tweetr)

Tue, 05 Jun 2012 16:37:38 +0200

Voor ActionScript3 bestaat er slechts 1 officiële Twitter API namelijk Tweetr. Aan de hand van onderstaande link zult u alles te weten komen over deze API. Have fun :-)!

https://dl.dropbox.com/u/20115383/Flashtutorial.pdf

Flare3D Tutorial

Tue, 05 Jun 2012 16:33:44 +0200

Flare3D is een 3D framework die het mogelijk maakt om op een snelle en eenvoudige manier met 3D structuren te werken in Flash. Deze structuren kunnen ingeladen worden vanuit specifieke 3D ontwikkelingspaketten zoals Autodesk en verder bewerkt/geanimeerd worden aan de hand van de library en het gebruik van ActionScript 3.0

In deze tutorial wordt er uitgelegd hoe je Flare3D kan gebruiken in Flash Builder. Als voorbeeld zal er gebruik gemaakt worden van een avatar die je zal kunnen besturen binnen een 3D omgeving.

Tutorial pdf + code sources: http://hannesholst.ikdoeict.be/2ICT4_HannesHolst_Flare3D_Tutorial.zip

Debuggen in actionscript

Tue, 05 Jun 2012 16:30:51 +0200

In deze tutorial gaan we zien hoe we best actionscript kunnen debuggen. Hierbij gaan wij verschillende manieren van debuggen overlopen. Van de meest eenvoudige tot de meest complexe vorm. We zullen niet alleen de klassieke manier van debuggen zien in Flash 5.5 of Flash Builder maar ook een gratis, open source debugger. Hierbij zal je merken dat iedere manier van debuggen zijn voor –en nadelen heeft.

Link naar de volledige tutorial: http://dl.dropbox.com/u/47517302/Debuggen%20in%20actionscript.pdf

Flare3D en FlashBuilder

Tue, 05 Jun 2012 16:25:32 +0200

Deze tutorial legt uit hoe u Flare3D en Flashbuilder kan laten samenwerken, verder bouwt het een simpel programmaatje op dat een autootje laat rijden door middel van toetsingaves van de gebruiker

De volledige tutorial samen met de broncode vind u hier: http://lisaeggermont.ikdoeict.be/Tutorial_Flare3D/Tutorial_Flare3D.zip

Hopelijk beleeft u veel plezier aan Flare3D

Tutorial Flex Webapplicatie

Tue, 05 Jun 2012 16:12:39 +0200

Deze tutorial toont hoe je in een paar simpele stappen een webformulier kan aanmaken en laten werken met php. Ook formchecking komt aan bod, en er wordt iets geleerd over je afbeeldingen kan manipuleren in Flex.

Link naar de tutorial en de bronbestanden:

https://docs.google.com/folder/d/0B3IlW3NKjRUuaVk0QmFiUUFId2c/edit

Actionscript en de Facebook API

Tue, 05 Jun 2012 14:50:49 +0200

In deze tutorial gaan we gebruik maken van de Facebook api voor actionscript. Deze tutorial zal je begeleiden hoe je via een eigen applicatie gehost op je eigen webserver met Facebook kunt verbinden en intereageren. Hier specifiek gaan we je laten in loggen op Facebook en zo je vrienden lijst in laden en wanneer je op een vriend de lijst klikt krijg je de info van hem te zien.

resultaat: http://michaeldepover.ikdoeict.be/flash/tutorial/bin-debug/Main.html

bronbestanden: http://dl.dropbox.com/u/11355063/testApp.zip

Twitter API en AS3

Tue, 05 Jun 2012 14:47:19 +0200

Twitter heeft een heel handige API geschreven waardoor je zonder veel moeite je twitter kan integreren in de flash applicaties.
Het gebruik is zeer makkelijk en de basis hiervan kan je terug vinden in de volgende tutorial

http://carakas.be/tutorial.pdf

Actionscript & de facebook API

Fri, 01 Jun 2012 16:44:50 +0200

Wil je weten hoe je basisinformatie kan ophalen van je facebookprofiel en dit gebruiken in een flex / flash project? Deze tutorial gaat in op het bouwen van een flex applicatie met flashbuilder en toont je ook hoe je bijvoorbeeld je vriendenlijst van facebook kan ophalen en weergeven.

Voor de volledige tutorial en bronbestanden:

http://www.2shared.com/file/BdKW1AoT/2ICT6_tomvanhoof_Tutorial.html

externe bronnen:

www.stackoverflow.com

http://code.google.com/p/facebook-actionscript-api/

(De code examples zip file)

http://www.adobe.com/devnet/facebook/articles/video_facebook_quick_start.html

How to optimize performance in your flash application

Fri, 01 Jun 2012 16:42:09 +0200

In deze tutorial zullen we ons focussen op het verbeteren van de performance van flash applicaties.

We zullen een kleine applicatie maken die het verschil in snelheid tussen arrays en vectors weergeeft. Het doel hiervan is om de performance te testen tussen beidde. Dit kan handig zijn als met grote applicaties maakt waarbij performance een belangrijke rol speelt.

http://www.united-projects.nl/downloads/Tutorialflash.zip

Tutorial - Flare3D

Fri, 01 Jun 2012 15:18:37 +0200

Deze tutorial legt je uit hoe je objecten van Flare3D in Flash Builder kunt gebruiken en uiteindelijk na de tutorial zal je verstaan hoe een simpel spelletje is gemaakt met behulp van deze 2 programma’s.

Link naar tutorial: http://rubenmattan.ikdoeict.be/tutorial/index.htm

Conclusie:

- Gebruik: Je kan het gebruiken zoals in de tutorial gezien om spelletjes te maken, om bv in Flare3D een woning te ontwerpen en dan met behulp van Flash Builder er doorheen te gaan.

- Ervaring: Het was leuk om eens wat meer interactie te krijgen van wat je allemaal kan doen met Flash builder.

- + Je leert werken met programma’s die samenwerken met Flash Builder.

- - Het maken van de objecten in Flare3D zal echter altijd door iemand anders moeten gebeuren.

Bronnen:

http://tv.adobe.com/watch/max-2010-develop/getting-started-with-flare3d-the-new-generation-of-flash-3d

http://www.flare3d.com/demos/yellowplanet/

Flare3D Tutorial

Fri, 01 Jun 2012 15:05:03 +0200

In deze tutorial zal ik je stap voor stap begeleiden om een 3D wereld aan te maken waarin dat je met een player model kan rondlopen. Hiervoor wordt er gebruik gemaakt van het Flare3D framework.

Link Tutorial: http://dl.dropbox.com/u/28893402/2ICT4_Dempsey.Sbaiz_Tutorial.pdf

Link Sourcefiles: http://dl.dropbox.com/u/28893402/Flare3dTest_DempseySbaiz_2ICT4.zip

Debugging voor AS3

Fri, 01 Jun 2012 15:02:10 +0200

Debuggen is het proces waarbij men bestaande errors verwijdert uit een applicatie, of de applicatie gaat testen voor onbekende errors en performantie problemen. Een goede debugger is een van de belangrijkste en onmisbare hulpmiddelen van een goede programmeur.

In dit artikel probeer ik u uit te leggen hoe en met welke debuggers ActionScript 3 code kan doorlopen worden.

Download hier de tutorial

Actionscript & pixelBender

Fri, 01 Jun 2012 10:29:28 +0200

PixelBender is een programma dat afbeeldingen inleest en alle pixels één voor één manipuleert. Deze gemanipuleerde pixels worden terug omgezet in een nieuwe afbeelding die na het runnen van het programma in de ontwikkelomgeving van het programma verschijnt.

Je kan met pixelbender, na het maken van de gewenste filter, een file exporteren die je bij actionscript dan weer kan inladen en manipuleren. Door deze mogelijkheid wordt dit een zeer interessant programma. Want hierdoor wordt het mogelijk om in flash afbeeldingen aan te passen naar eigen wil.

https://dl.dropbox.com/u/8132105/Actionscript%20and%20PixelBender.pdf

(Link is tijdelijk niet beschikbaar)

Actionscript en Adobe PixelBender

Wed, 30 May 2012 16:30:01 +0200

Je gebruikt onbewust al de pixel Bender in flash. De pixel Bender is standaard geïmplementeerd in flash en photoshop. Deze verzorgt de filters in photoshop en shaders en blends in flash. Deze kan je dus uitbreiden met je zelf gemaakte filters.

Wat je met depixelbender toolkit kan doen, is zelf filters op maat schrijven en deze dan toevoegen in Flash. Dit heeft als voordeel dat je zonder teveel programmatie kennis toch verrassend goede filters kan maken.

Voor een volledig verslag en voorbeeld :

http://armandomeersseman.ikdoeict.be/tutorial_Actionscript_en_Adobe_PixelBender/Actionscript%20en%20Adobe%20PixelBender.pdf

http://armandomeersseman.ikdoeict.be/tutorial_Actionscript_en_Adobe_PixelBender/voorbeeld/pixel_bender_voorbeeld.zip