Making an iPhone App with Flash Part 2 | Animation |

Thu, Apr 12, 2012 3-minute read

In our previous post we walked through how the project is created. If you missed it, you can jump back to that explanation by clicking here. With the setup behind us, this part is about bringing the app to life with animation.

We start by clicking on the “Air for iOS” section.

With that in place, I created 3 balls to animate. (How many you use is up to you.)

 

Before animating, let's look at our layers, since this is what keeps the objects independent. Remember: there should be as many layers as there are objects, and each object goes on a different layer.

 

With the layers sorted out, it's time for the animation part. As shown below, in the Timeline go to a certain second (I used the 10th second) and click on "INSERT FRAME". Then click on the same spot again and choose "Create Classic Tween", which is what tells Flash to animate between the two points.
Now, in the Timeline, click on the element that is at the 1st second, go to the 10th second (in my case), and move the element down by 5–10 units.
And that's the whole motion. I did the same for the other balls.
To finish it off, I also added some text 🙂

 

Publishing
SWF preview

 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

swfobject.registerObject(“FlashID”);

Once it’s published, send the resulting .ipa file to your phone and you’re done. (iPhone only)

 

– Turkish Version –

Flash ile iPhone Uygulaması Yapmak Part 2 | Animasyon |

Daha önceki yazımızda projenin nasıl oluşturulduğunu adım adım göstermiştik. İzlemeyen varsa buraya tıklayarak o anlatıma dönebilir. Kurulumu geride bıraktığımıza göre, bu bölümde uygulamayı animasyonla canlandırıyoruz.

İşe “Air for iOS” kısmına tıklayarak başlıyoruz.

Bunun ardından animasyon için 3 tane top oluşturdum. (Kaç tane kullanacağınız size kalmış.)

 

Animasyona geçmeden layerlarımıza bakalım, çünkü nesneleri birbirinden bağımsız tutan şey budur. Unutmayın, kaç tane nesne varsa o kadar layer olmalı ve her bir nesne farklı bir layerda olmalı.

 

Layerları düzene soktuğumuza göre sıra geldi animasyon kısmına. Aşağıda görüldüğü gibi Timeline kısmından belli bir saniyeye (ben 10. saniyeyi seçtim) gelip "INSERT FRAME" yerine tıklayın. Daha sonra yine aynı yere tıklayarak "Create Classic Tween" yerine tıklayın; Flash'a iki nokta arasında animasyon yapmasını söyleyen şey budur.
Şimdi Timeline'da 1. saniyede olan öğeyi 10. saniyeye (bana göre) tıklayıp öğeyi 5–10 birim aşağı kaydırın.
Hareketin tamamı bu kadar. Diğer toplara da aynısını yaptım.
Son dokunuş olarak bir de yazı ekledim 🙂

 

Publishing
Swf görüntüsü

 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

swfobject.registerObject(“FlashID”);

Yayınlandıktan sonra oluşan ipa dosyasını telefonunuza gönderin ve işlem tamam. (Sadece iPhone)