Thứ Hai, 29 tháng 11, 2010

How to Create iPhone Apps in Flash CS5: Windows and Mac

With the release of Adobe's Flash CS5 comes the ability to compile iPhone apps inside of Flash and then export them into .IPA files with the ability to distribute them into the App Store or into Cydia. Weather you don't want to pay Apple's $100 registration fee or you don't have a Mac, this guide will show how you can create your own iPhone app and be able to distribute them on to other devices.

Update: Apple will now let you submit apps built by Flash CS5 into the App Store!

1. Download Adobe Flash Professional CS5. You can either buy it for $699 or get the free 30 day trial by clicking here.

2. Click on File then click on New. Select the option for iPhone OS and click OK.



3. Now there should be a blank space for you to make your flash app. But before you can do this, you must sign your app.

4. If you've signed up with Apple as a developer and payed the $100 sign up fee, you can download your own application signs at the Apple Developer site.

If you are not an official Apple developer, you will not be able to send apps to the App Store, but you can still send them to Cydia. If you are not an Apple developer, download this p12 certificate and unzip it.

5. Now in Flash CS5, click on File, iPhone OS Settings, and Deployment. For the Certificate box, browse for the p12.p12 file. Enter 1234 for the password and browse for the mobileprovision.mobileprovision for the Provisioning File.

<div class=">

6. Select Deployment - Apple App Store under iPhone deployment type.

7. Click OK. Now start developing your iPhone app in flash like any other game. Beginner flash developers may want to watch this video:



Once you're done creating your app, go once again to File, iPhone OS Settings, and Deployment. Then click on Publish at the bottom. This process will take a few moments. Flash CS5 will create an .IPA file of your application which will show up in the default location of My Documents.

9. Now if you had a legitimate Certificate from Step 4, you can submit your app to Apple for reviewing.

If you downloaded the Certificate from Step 4, go into Cydia (you must have a jailbroken device, find out how to jailbreak here). Tap on Manage, Sources, Edit, Add. Type in http://cydia.hackulo.us.

10. Go into the Search in Cydia. Type in AppSync for the current OS on your device. Install it.

11. Now drop the .IPA file from your My Documents folder into iTunes. Click the Sync button and let iTunes put the app onto your device.

12. Test out your app, if everything is working correctly, using WinSCP (Windows) or Cyberduck (Mac) go into the /Applications/ folder on your device and find the folder of your app. Copy that folder onto your desktop, zip it up, and send it to a repository like ModMyi or BigBoss to host it so others may download it.
Source : ipodtoucher55

Porting an Application to iPhone Using Flash CS5 

Last week saw a very significant development in the relationship between Apple and Adobe. Flash is back in the iPhone picture. In this tutorial, I will show you how to convert an exisiting Flash movie to an iPhone application using Flash Professional CS5.


Step 1: Choose a Flash App

The first thing you need to do is select the application that you want to port. In this example we’ll be working with the Digital Clock app we created in another ActiveTuts+ tutorial.

Step 2: Create a new iPhone OS File

Launch Flash CS5 and create a new iPhone OS Document.

Step 3: Landscape

As you can see, the default stage size is 320×480 px, which is the iPhone full screen resolution in portrait mode (this is holding the iPhone vertically).
However, this application is has a Landscape format and it won’t look good if we adapt the interface to Portrait. Your first instinct is probably to rotate the interface 90° and build the app that way. It will work, but it will be very difficult and you will probably end up with neck pain. For this reason Flash CS5 includes a Publish option to make the iPhone application in landscape mode.
Set the stage size to 480×320 px and continue with the next step, we’ll see how to set the app to Landscape mode in step 10.

Step 4: Interface

To port the interface, a simple copy and paste will be enough. Yes, it’s that simple!
However, in most cases you will need to optimize the graphics, which involves size, alignment and the balance between vectors and bitmaps. Since we are using simple graphics, we’ll focus on the alignment and the size of the elements.

Step 5: iPhone Adjustments

The original application size doesn’t match the iPhone size, so the first thing to do is change the background size to fit the stage.
The current size of the clock text will look too small in the iPhone, select it and change the size to 120px.

Step 6: Class File

Copy and paste the class file to the source folder, no changes need to be made to this file.

Step 7: Document Class

Remember to add the class name to the Class field in the Publish section of the Properties panel.

Step 8: Test for Errors

You can now test your movie to see if everything works as intended.

Step 9: iPhone OS Settings

Here comes the part you’re interested in; the iPhone part.
Now you have a perfectly working Flash movie, it’s time to convert it to an iPhone application. Go to the Properties panel, Publish section and press the iPhone OS Settings button.

Step 10: General

You will now enter a window full of settings. These settings are:
  • Output File: The name of the ipa file that will be created, this can be whatever you want.
  • App Name: The name that will be shown in your iPhone below the icon.
  • Version: The current version of the application; you need to edit this on every test for iTunes to update the app succesfully.
  • Aspect Ratio: The view mode of your app.
  • Full Screen: Hides the top info bar (signal, bluetooth, wifi, battery, etc).
  • Auto Orientation: Uses the accelerometer to change the orientation without writing code.
  • Rendering: A very important option, using the gpu for rendering in complex graphics applications will highly increase the performance.
  • Included Files: The files to be included with your app. If you are loading content from an XML, TXT or any other source you should add those files here.

Step 11: Launch Image

Every iPhone application displays an image at launch while loading the essentials to show the app. This image is the Default.png file we included in step 10. It’s recommended to show the same screen that the app will show when fully loaded, but you can use it to show your company logo, loading screen, title screen, or any other useful info.
The image must be 320×480 it doesn’t matter if you’re working in landscape mode.

Step 12: Deployment

For the Deployment tab, you will need to be a member of the iPhone Developer Program and follow the instructions in the Provisioning Portal to get the necesary files to compile your application.

Step 13: Certificates

There are three different kinds of certificates. The first is the Apple Worldwide Developer Certificate (WWDC). This certificate is compiled alongside one of the other two certificates: either a Developer certificate or a Distribution certificate. These are used for testing applications and deploying to the Apple Store, respectively.

Step 14: Provisioning Profile

The Provisioning Profile is basically a file that states which application we’re testing and on which devices can we test it.

Step 15: App ID

An Identifier of your application, each application ID is required to have its own unique namespace that looks something like com.yourcompany.YourApp. This is also generated in the developer program site and included in your provisionig profile.

Step 16: Deployment Type

Select an option depending on the kind of certificate and provisioning profile you’re working with. A Developer Certificate can be used for Quick Publishing and a Distribution Certificate is needed for deployment, using this kind of certificate will create an app ready to be submitted to the app store.

Step 17: Icons

Next is a simple one, the Icons tab.
Three sizes of icons must be used 29x29px, 57x57px (this is the icon shown in the device) and 512x512px. Don’t worry about the round corners, iTunes will automatically generate them.

Step 18: Publish

When you’re done filling the settings press the Publish button, a progress bar will appear showing the remaining time. The time it takes depends on your application and the files included. Also, more time is needed when publishing for deployment.

Step 19: Device Testing

An .ipa file will be created in your source folder, drag it or double-click it to open in iTunes. You will see the icon of your app with the other applications.
Sync your iPhone and get ready to run your new app!

Step 20: Submit App

If you’re done porting your prefered application to iPhone and want to share it with the rest of the world, you can submit it to the App Store. Login at iTunes Connect and follow the guided instructions.

Conclusion

Now you know how easy it is to develop iPhone applications using Flash Pro CS5, start making your own!
I hope you liked this tutorial, thank you for reading!

http://active.tutsplus.com/tutorials/mobile/flash-for-iphone/

 

Creating a Hello World iPhone Application Using Flash CS5

This tutorial will teach you how to create a simple HelloWorld iPhone Application using Flash CS5 and have it exported and installed on your device for testing purposes. This tutorial does not assume any AS3 knowledge as no ActionScript is required to export or install the application on your iPhone.
Exporting an iPhone application can be a lengthy process for a first timer as it will require you to generate a valid certificate and a provisioning profile from Apple and then have it all configured in your application and on your device. We will try to provide you with all the resources you need to be able to achieve all the needed certificates.

Basic Requirements to Create an iPhone Application using Flash

In order to be able to create an iPhone Application using Flash you will need the following:
  • Flash Professional CS5 or higher - Previous versions of Flash CS cannot be used to make iPhone Applications.
  • iTunes - iTunes is needed to get your iPhone UDID, it is also needed to install the Provisioning Profile and your application on your iPhone.
  • A $99 dollar iOS Developer Program membership - This is necessary to generate the certificate and provisioning profile required to export your iPhone application. Without a valid certificate you will not be able to export your application, and without a profiling file you will not be able to test your application of your iPhone.
This tutorial will guide you through the process necessary to acquire all the necessary items in order to export your first iPhone application.

Create a Hello World iPhone Application

We are going to start off by creating a very simple Hello World Application, our application will not do anything other than display the message "Hello World" on the screen.
Start off Flash CS5, go through File>New and select iPhone OS as the type of file you want to create, click on OK when done.
Flash iPhone Tutorial
Once you movie is create you will have to save it, go through File>Save and save your movie anywhere on your computer. Name your flash file as HelloWorld.
Flash iPhone Application
Inside this movie you can put anything just for the sake of seeing it work on the iPhone, we suggest that you grab the Text Tool and write Hello World on the stage.
iPhone Flash Application
The content of our HelloWorld app is ready, we now need to acquire a certificate and provisioning profile from Apple for our application.

Acquiring the Developer Certificate

You can test your movie inside the Flash authoring tool by going through Control>Test Movie and you should be able to see your movie running, but if you want to test your application on an actual iPhone or if you want to submit your application to the iTunes Store you will have to export your application using a valid certificate and a provisioning profile.
You only need to have one certificate for all your applications as it is needed to identify you as an authorized developer, while you will need a provisioning profile for each application as it will have application specific details and testing device specific details.
The first step to acquire your certificate would be to subscribe the Apple iOS Developer Program. this will require you to make a $99 payment and it's valid for a year.
You must subscribe to the Apple iOS Developer Program to acquire a valid certificate for your application.
Once you are a member of the iOS Developer Program you must generate a certificate for your program. For Mac users this is a straight forward process explained clearly on Apple's website. Windows users on the other hand will not find any instructions on how to do this on Apple's website and must instead follow the instructions on Adobe's website.
Regardless of the platform you use, you will have to convert the certificate your acquire from Apple's website into a format a P12 file so that Flash understands it. To do this you must follow the instructions on Adobe's website regardless of the platform you use.
Once you have your certificate ready you will have to save it somewhere on your desktop until we generate our provisioning profile.

Acquiring the Provisioning Profile

The next step is to acquire a provisioning profile for your application, there are two types of provisioning profiles, one for development (testing purposes) and the other one is for distribution (submitting your application to the iTunes Store). We are going to create one for testing purposes as that is the purpose of this tutorial.
You can acquire your provisioning profile from the iOS Provisioning Portal. This will involve doing the following:
This will require you to do the following:
  1. Creating an application ID.
  2. Creating a device ID for devices you wish to test.
  3. Creating a provisioning profile.
You should not have trouble generating a provisioning profile, in order to acquire your device ID you will have to plug your device and access iTunes on your machine to note down its UDID number. Check the Summary tab in the device window, and click on Serial Number to uncover your UDID.
iPhone Flash Application
Use the keyboard shortcut to copy this reference then head back to the Apple to get your Provisioning Profile.
You should not find it difficult to follow the instructions on the iOS Provisioning Portal to acquire your provisioning profile, once you have your Provisioning Profile file ready save it somewhere on your machine and move to the next section.

Exporting the iPhone Application

Once you have all your certificates ready, you can export your iPhone application by going through File>iPhone OS Settings, from here you can configure your application and locate your certificates in order to generate the app. The General tab has some self-explanatory settings, the one you need to worry about for our purposes is the Deployment tab. From here you can select your certificate and provisioning profile. You may also configure the icons for your application from the Icon window if you want to do that.
Flash iPhone Application
Once you are ready simply click on the Publish button to create your iPhone application, this should take a bit longer than your regular Flash movies so do not worry if takes a few minutes to complete the publishing process.

Installing the Application on your iPhone

The final stage of this tutorial will be completed in iTunes, first thing you will have to do is install the provisioning profile on your iPhone. To do this go through File>Add To Library and browse for your provisioning file. Once you add it to the library you will have to Sync your phone. This should install the provisioning file on your device. To check on your iPhone if the Profile has been installed you can go through Settings>General>Profiles (On your iPhone) and look for the profile there.
Once you have the profile installed you can add your application to your iTunes library by dragging it directly there or going through File>Add To Library. Again, sync your iPhone with your library to get the application on your device.
You should hopefully have your application installed on your iPhone at this stage.
If you have any troubles you should review the iPhone FAQ on Adobe's website and the instructions on Apple's iOS Dev Center. You should also feel free to post any comments or questions you have at the Republic of Code Forum.
- End of Tutorial

 


Related link


http://ipodtoucher55.blogspot.com/2010/06/how-to-create-iphone-apps-in-flash-cs5.html



http://active.tutsplus.com/tutorials/mobile/flash-for-iphone/


http://www.republicofcode.com/tutorials/flash/iphone/

http://www.adobe.com/support/flash/downloads.html
http://www.adobe.com/devnet/logged_in/abansod_iphone.html


http://download.macromedia.com/pub/flash/updates/11/ios/win/PFI_WIN_2_0_1_12640.zip
http://download.macromedia.com/pub/flash/updates/11/11_0_2/win/FlashCS5_Update.zip
http://www.megaupload.com/?d=7MHDAUC9
http://blancer.com/tutorials/89856/porting-an-application-to-iphone-using-flash-cs5/
http://vimeo.com/groups/creativeapps/videos/9224055

http://prodesigntools.com/how-to-create-adobe-flash-pro-cs5-apps-for-apple-iphone-ipad.html

http://cs5.org/?p=359
http://hpapplication.com/2010/10/create-iphone-apps-using-adobe-flash-cs5/
http://www.mikechambers.com/blog/2010/04/20/on-adobe-flash-cs5-and-iphone-applications/

http://wiki.forum.nokia.com/index.php/Geolocation_in_Flash_Lite_4

google

Thứ Sáu, 26 tháng 11, 2010

Animated car crash

This item sell in ActiveDen.net click here to buy it
Animated an car crash
Only 32kb, 100 % vector, usefull for intro, banner, game or ecard.
No action script, just drag and drop.
Animated button
Feature
- Easy to modify the car, crash and background symbol…
- Easy to add your music & text
- Easy to copy to any project.

Train running through barrier


This item sell in ActiveDen.net click here to buy it 


  • 100 % vector, perfect for intro, banner, game or ecard.
  • No action script, just drag and drop.
  • Animated button
Feature
+ Easy to modify the train, barrier or background symbol…
+ Easy to add your music & text
+ Easy to copy to any project.
Enjoy it!

Simulated robot animation


This item sell in ActiveDen.net click here to buy it

  • All vector, perfect for intro, banner, game or ecard.
  • No action script, just drag and drop.
  • Animated button
Feature
- Easy to modify the robot, button or background symbol…
- Easy to add your music & text if you like
- Just drag drop to copy to any project.
Have a lot of fun!

Thứ Sáu, 28 tháng 8, 2009

Lovely girl character with 6 moods. AS 2 .0, 3.0 and Flash 8, CS 3 .0



Lovely girl character with 6 moods. AS 2 .0, 3.0 and Flash 8, CS 3 .0 – Only 31 Kb


Where to use:

- Usefull flash character to introduce/present products on your website or to present in education projects especially for teenagers.

- Practical to apply in flash game,..

- Easy to apply to quiz and test online with exposing/expressing emotions to the right and wrong answers


This item sell in ActiveDen.net click here to buy it

Feature

=============Readme=============
1. Files included:
- lovely_girl_cs_3.0.fla;
- lovely_girl_flash_8.0.fla
- lovely_girl_flash_8.0.swf;
- readme.txt.

How do I create this movie:
Step 1: Script of this animation
+ Walking : walking happily to the left screen's corner
+ Speaking : introducing on what the boy can do in different contexts
+ Sad : Expressing how sad he is
+ Crying: Crying
+ Speaking: Convincing
+ Happy: Expressing how happy he is
+ Waiting/standing: for the next "performance"

Step 2: Create 6 movie clips of the 6 status of a boy character
- For standing: please use mc_Girl_Standing movie clip
- For speaking: please use mc_Girl_Talking movie clip
- For being sad and falling: please use mc_Girl_Sad_Fall movie clip
- For crying: please use mc_Girl_Crying movie clip
- For being happy: please use mc_Girl_Happy movie clip
- For walking: please use mc_Girl_Walking movie clip

Step 3: Then I used those 6 movie clips to animate this intro demonstration with tween and keyframe. You can do your own products from my suggestion. And you can also add action scripts into your games and other applications/products.
----------
How you can use it in your project:
Step 1: Open file lovely_girl_cs_3.0.fla or lovely_girl_flash_8.0.fla depend on your flash authoring tool
Step 2: Create your new flash file
Step 3: Press Ctrl + L to open a library
Step 4: Choose the movie clip you need on the Library of your source fla file
Step 5: Drag the ones you like from 6 status movie clip of lovely girl character to your stage and now it's READY for your use.
You can also customize them yourself.

Note: Each animation needs to have certain frames to complete it action:
Standing (mc_Girl_Standing): 90 frames
Speaking (mc_Girl_Talking): 105 frames
Sad and fall (mc_Girl_Sad_Fall) : 50 frames
Crying (mc_Girl_Crying) : 20 frames
Happy (mc_Girl_Happy): 50 frames
Walking (mc_Girl_Walking): 12 frames
----------
No AS needs ecxcept stop() but you can easily edit it with simple AS as your needs

Choose your frame rate you like (12, 24, 30 ) for your flash project
-----------
Now you have your own boy character for your own project

Have fun!

Thứ Năm, 21 tháng 5, 2009

Speed up and be the winner!

Speed up and bei the winner! A funny animation to simulate the winner (a character is running and passing over cars on the road). Speed up is useful to emphasize your website, banner, or to use in a Flash intro to describe an attempt to reach the target.

Only 10kb, 100 % vector. drag and drop with no actionscript


This item sell in Flash Components.net click here to buy it

Feature

=============Readme=============
1. Files included:
- speedup.fla;
- speedup.swf;
- readme.txt.

2. How to use:
- Just open speedup.fla;
- Click to choose mcSpeedUp;
- Drag and drop mcSpeedUp movie clip to the stage;
- Import your music (if you like);
- Edit or add your own text.

3. Customize
- Ctrl + L to open the library;
+ to edit the charater: edit mcSpeedUp;
+ to edit the symbol: open and modify symbol in fSpeedUp;

4. Useful for:

- banners, Flash intro, game or flashcard.

Thứ Hai, 11 tháng 5, 2009

Sleepy preload animation

Sleepy preload is a funny animation to simulate a sleepy man who are waiting for a loading process to complete (as a long as loading with a heavy file), this animation is usefull for you to put your code for a funy preload or any thing for your flash project creatively .

Only 4.87kb, 100 % vector. drag and drop with no actionscript


This item sell in Flash Components.net click here to buy it

Feature

+ Drag& drop;
+ Easy to modify color, shape and background;
+ Easy to copy to any project;
+ Well documented (all movie clip, symbol or layer are named);
+ Easy to add your music & your own text to.