June 2012
19 posts
4 tags
Flare 3D in Adobe professional css5
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:
...
4 tags
Actionscript en Twitter API
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...
4 tags
Desktop applicatie met Adobe AIR
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
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
...
3 tags
Desktop Application met Adobe AIR
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...
4 tags
Flex Webapplicatie
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...
4 tags
Tutorial Twitter API (Tweetr)
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
4 tags
Flare3D Tutorial
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...
4 tags
Debuggen in actionscript
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...
4 tags
Flare3D en FlashBuilder
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
2 tags
Tutorial Flex Webapplicatie
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
4 tags
Actionscript en de Facebook API
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...
4 tags
Twitter API en AS3
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
4 tags
Actionscript & de facebook API
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:
...
4 tags
How to optimize performance in your flash...
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....
4 tags
Tutorial - Flare3D
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...
4 tags
Flare3D Tutorial
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
4 tags
Debugging voor AS3
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
4 tags
Actionscript & pixelBender
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....
May 2012
24 posts
4 tags
Actionscript en Adobe PixelBender
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...
4 tags
[Tutorial]Google Interactive Media Ads in Flash
In volgende tutorial kan je via de “Google IMA SDK” ads in flash afspelen.
Tutorial links:
* https://www.dropbox.com/sh/bl9jpzjyao9pyy4/np2yBsG8MI/Tutorial
* https://rapidshare.com/files/204652658/Google_IMA_SDK_Flash_Tutorial.zip
4 tags
ActionScript en de Facebook API
Facebook stelt een aantal API’s en tools ter beschikking die ontwikkelaars toelaten om te integreren met hun diensten, met in het bijzonder het Open Graph Protocol. Facebook ontwikkelde dit protocol onafhankelijk van het W3C om haar eigen systeem interlinkbaar te maken met het wereldwijde web.
De Adobe ActionScript 3 SDK for Facebook Platform maakt het mogelijk voor flash om te communiceren met...
4 tags
Desktop application met Adobe AIR
In mijn tutorial onderzoek ik wat Adobe AIR is en onderzocht diens voor- en nadelen a.d.h.v. een oefening waarin ik een Desktop applicatie maak waarin een SQLite database en diens tabellen kunnen ingeladen, weergegeven en aangepast worden.
Onderstaande link wijst naar een dropbox-folder waarin je de pdf met mijn bevindingen en walkthrough van mijn oefening vindt en een zip met het Flash Builder...
4 tags
"Actionscript en de Facebook API" door Stef...
Via deze tutorial maak je kennis met de API (Application Programming Interface) voor ActionScript die Facebook aanbiedt. Door middel van een klein ActionScript project ga je jezelf inloggen en een bericht op Facebook plaatsen.
Met de API die Facebook ontwikkelt heeft en beschikbaar stelt, kan je nagenoeg alles doen wat er in het algemeen te doen valt met Facebook, maar dan wel via...
4 tags
amfPHP gebruiken met actionscript
In deze tutorial zal je leren hoe je amfPHP kan toepassen in je project en hoe het werkt.
AmfPHP werkt als een entry point voor je client. Je client stuurt een aanvraag (request) naar een php script op je server waarop amfPHP is geladen. AmfPHP parses de request, laad de request service, roept het aan en geeft het antwoord terug.
om de werking ervan beter te begrijpen, maken we een oefening met...
3 tags
Text Layout Framework
Deze korte tutorial geeft een basis voorstelling en uitleg over de mogelijkheden met deze library. Voor meer info bekijk deze presentatie, en probeer gerust zelf maar wat uit met allerhande tekstvakken.
Veel plezier.
http://pdfcast.org/pdf/text-layout-framework-flash
4 tags
Tutorial - Starling Framework
In deze tutorial gaan we het Starling Framework gebruiken om van een sprite sheet een animatie te maken. Het Starling Framework is een Actionscript3 2D framework dat ontwikkeld is bovenop de Stage3D API’s.
De volledige tutorial: http://robinvannieuwenhui.ikdoeict.be/StarlingFramework.pdf
Het eindresultaat ziet er als volgt uit: http://robinvannieuwenhui.ikdoeict.be/demo/StarlingTut.html
...
3 tags
Text Layout Framework van Flash
Het TLF (Text Layout Framework) verschaft geavanceerde functies voor typografie en tekstlay-out voor innovatieve typografie op het web.
Eén van de vele voordelen is dat men dankzij TLF lettergrootte groter dan 127 kan gebruiken, en de beschikbaarheid om tekst verticaal te centreren. Dit is niet mogelijk in de classic TextField.
Men kan TLF voor verschillende doelen gebruiken, waarvan er enkele...
4 tags
Introductie over Papervision3D
Papervision3D is een soort 3D engine voor Adobe Flash die je in staat stelt mooie 3D filmpjes, figuren alsook games te creëren.. Vooral in de laatste jaren wordt dit pakket door steeds meer Flash-developers gebruikt. Het resultaat wat je met dit pakket kan bereiken is in sommige gevallen adembenemend.
In volgende tutorial wordt een 3D-model van een papierenvliegtuigje gemaakt aan de hand van de...
4 tags
Papervision 3D in Flash
In deze tutorial zal meer uitleg gegeven worden over het gebruik van Papervision 3D in Adobe Flash.
Papervision 3D is een open source 3D-engine gebouwd met Actionscript. Deze engine laat toe om geavanceerde drie dimensionale objecten aan te maken en deze in real-time weer te geven in de browser. Hierdoor kan de web ervaring een pak indrukwekkender zijn.
Papervision bestaat uit vele Actionscript...
4 tags
robotlegs tutorial
zoals de titel al suggereert gaat deze tutorial over robotlegs.
Ik heb om te tonen wat robotlegs precies inhoud een zeer kleine applicatie geschreven die een list met 2 video fragmenten bevat die wanneer er op geklikt wordt een speler openen die het geklikte fragment afspeelt.
robotlegs is een micro framework dat volgende functies bevat:
- Betere communicatie tussen objecten (niet via...
4 tags
Papervision 3D tutorial
Papervision3D is een open-source class library, die gebruikt kan worden bij het creëren van een 3D Flash programma met Actionscript. Het voordeel van deze library is dat de programmeur zich niet meer hoeft bezig te houden met de puur technische kant van 3D (wat vooral veel wiskunde is), maar door middel van klassen in de library gemakkelijk objecten en functies uit de 3D wereld kan toepassen in...
4 tags
Tutorial Gaia framework
Deze Tutorial beschrijft het Gaia framework: wat het is, waarvoor het gebruikt wordt en hoe het te implementeren is.
Het Gaia framework is geschreven door Steven Sacks en is een open-source extensie voor Adobe Flash. Het voornamelijkste doel van dit framework is het ontwikkelen van Flash websites voor zowel beginners als gevorderden op het gebied van actionscript. Het gebruik van Gaia verkort de...
3 tags
Kinematics
Kinematics in flash ofwel Inverse Kinematics, is het animeren van flash objecten met behulp van de Bone Tool. Met deze tool creëert men een “beenderen” structuur in de objecten die jij zelf wilt. Met deze beenderen structuur kan je heel realistische animaties maken en animeren. Dit wordt dan ook zeer vaak gebruikt in de games van tegenwoordig gemaakt in flash, omdat men bewegingen en animaties kan...
4 tags
amfPHP: server side PHP oproepen met actionscript
Deze tutorial legt via een eenvoudige case study uit hoe je amfPHP kan gebruiken in jouw projecten om server side PHP scripts op te roepen. AmfPHP is open-source software die een abstractielaag vormt tussen Flex/Flash/Javascript front-end applicaties en PHP scripts die op een centrale server of in de cloud draaien. Hierdoor moet je zelf geen tijd besteden aan het schrijven van een logische laag...
4 tags
Augmented reality
Augmented reality is een begrip dat gebruikt wordt om de combinatie van een virtuele 3D wereld en de reële wereld aan te duiden. Zo kan men 3D objecten “toevoegen” aan de reële wereld.
Een zeer bekende toepassing hiervan is die van in de sportwereld: bepaalde lijnen die op het scherm worden getekend om te kijken of het wel of geen offside was of om te zien wie de snelste zwemmer...
3 tags
Werken met de RED5 server.
De RED5 server is net zoals de Flash Media Server een flash server. Echter FMS is een product van Adobe systems, RED5 is daarentegen opensourcesoftware. De opensource flash server RED5 is geschreven in Java. De server maakt gebruik van RMTP (Real time messaging protocol) om de streaming van audio, video en data over het internet tussen een Flash player en een server mogelijk te maken.
In deze...
3 tags
Text Layout Framework (TLF)
Het ‘Text Layout Framework’ is een uitbreidbare ActionScript-bibliotheek. Het TLF is gebaseerd op de text engine in Flash Player 10 en Adobe AIR 1.5. Het TLF verschaft geavanceerde functies voor typografie en tekstlay-out voor innovatieve typografie op het web. Je kunt het framework gebruiken met Adobe Flex of Adobe Flash Professional. Ontwikkelaars kunnen bestaande componenten gebruiken of...
2 tags
Robotlegs Framework
Robotlegs is een framework om niet visuele objecten met elkaar te laten communiceren. Dit gebeurt via een MVC+S implementatie (Model, View, Controlelr + Service). Het is een framework dat je gemakkelijk en snel kan toepassen en achteraf streng kan debuggen.
http://www.developria.com/2010/06/an-introduction-to-robotlegs-a.html
...
4 tags
Papervision3D
In deze tutorial leren we hoe we objecten in 3D op de stage plaatsen en deze met textures aankleden. Ook zullen we de aangemaakte objecten animeren zodat de volledige kracht van Papervision3D wat beter naar buiten komt.
Papervision3D is een opensource 3D engine voor flash, deze stelt de programmeur in staat om mooie visuele 3D effecten te gebruiken in zijn applicaties. Deze 3D beelden worden met...
3 tags
Kinematics in flash
Kinematics is een tool waarmee je animaties kan creëren voor een vorm in Flash. Het belangrijkste onderdeel is de bones tool. Hiermee kan men objecten van een vorm in een bepaalde structuur vastleggen. Gebruik makend van de parenting techniek, zal een object (child) toegewezen worden aan een ander object (parent). Telkens het parent object beweegt, zal het child object mee bewegen. Om het...
3 tags
Flash Media Server Tutorial
Deze tutorial maakt gebruik van de Adobe Flash Media Server. Dit wordt geïnstalleerd op de server en zorgt voor het streamen van video (in FLV of MP4 formaat). Het grote voordeel aan Flash Media Server is dat het gebruik maakt van HTTP en HLS als protocol. Dit zorgt ervoor dat er gestreamed kan worden naar Apple toestellen en daarenboven zorgt het voor een lagere trafiek.
In de tutorial wordt...
4 tags
Augmented Reality in flash
In deze tutorial zullen we een applicatie maken waarin een webcam de gebruiker filmt, die een markering vasthoudt in een willekeurige houding. De applicatie zal het beeld aanpassen zodat op de markering een 3D-model verschijnt, dat mee zal bewegen met de markering. Dit project zou niet meer dan een uur in beslag mogen nemen.
Om te beginnen maken we een paar bestanden aan: AugmentedReality.fla en...
April 2012
2 posts
4 tags
STARLING FRAMEWORK : LOADING TEXTURES FROM AN...
Starling - The Open Source Game Engine for Flash
To practice this framework, here’s a tutorial which displays 2 textures loaded from an atlas. This method will be more efficient than loading all your images into your project. It uses 1 png file to display multiple images. This can be used for texturing in games development.
pdf-tutorial : http://tinyurl.com/76smczd source code :...
4 tags
Kinematics in flash
Het doel van deze tutorial is om een bewegend personage te maken door gebruik te maken van kinematics in flash. Kinematics kunnen gezien worden als een soort van motion tweens, met als verschil dat de bevattende elementen allemaal aan elkaar hangen in plaats van vrijstaand zijn.
Het hoofdbestanddeel van kinematics is het gebruik van de bone tool (shortcut x). Door een lijn te trekken van een...
June 2011
5 posts
3 tags
3d in flash player
Bij het zoeken naar interessante tutorials ben ik deze indrukwekkende demo tegengekomen. Het is een volledige 3D api voor flash, met zeer indrukwekkende graphics. De api kan de kracht van de gpu gebruiken, maar heeft ook een fallback om volledig op cpu te draaien. dit is compatibel met de flash player en adobe air en kan ook op mobile devices gebruikt worden. zeer indrukwekkend !
...
3 tags
Frame by frame advanced
Voor de mensen die iets verder willen gaan met frame by frame animatie.
http://www.tonyteach.com/flash-tutorials/tutorials-flash-the-stick-02-bring-the-stick-to-life/
Deze tutorial is nog vrij basic en begint vanaf scratch, en is een heel goed voorbeeld van pose to pose animatie. Er zitten ook al de heel belangrijke concepten in van anticipation en follow-through. Als je deze 2 al goed beheerst...
3 tags
Frame by frame
Een handige tutorial voor mensen die totaal geen idee hebben hoe ze aan frame by frame animatie moeten beginnen. De basics worden besproken zoals hoe je keyframes moet opdelen, tussenframes inschatten enzovoort. Frame by frame animatie kan een tijdrovende techniek lijken, maar indien je een beetje kan tekenen is het niet veel werk voor kleine elementen als buttons van een originele animatie te...
3 tags
addFrameScript
De volgende code voegt code toe aan een MovieClip (someMC) op de time line.
someMC.addFrameScript(1, someFunction);
private function someFunction():void{ this.stop(); }
Het handige hieraan is dat je code kan toevoegen die uitgevoerd wordt nog voor de MC start, door de code op frame 0 te zetten.
someMC.addFrameScript(0, someFunction);
Opgelte, als je een “Call to a possibly undefined...
3 tags
Convert String naar Array
Aangezien een Array niet doorgegeven kan worden moet je daarvoor een string gebruiken en die dan omzetten naar een array.
//String die een array moet worden var arrayString:String="1,2,3"; //De string naar een array converteren door te splitsen op "," var newArray:Array= arrayString.split(",") //array elementen van omzetten van strings naar getallen var n=newArray.length; while (n--) { ...
