Create an "iBeer" like effect in AS3 for iOS

Hi, I need a code to do something like the "iBeer" application on the App Store.
(if you don't know what is iBeer, check out on You-Tube to see some videos)
Is there a way to do this in AS3 with Flash CS5.5 and AIR 2.6 ?
Thank you
Brandon

Hey Brandon
Altho it would be very convenient, there simply isn't a tutorial for every feature on mobile devices. I have learned that through countless hours of seaching, for various projects. What i came to find is that in the long run, i learn much more by figuring out what flash-feature (class) i need to use, and then experiment my way to what works.
My suggestion is that you play around with the Accelerometer-class and see how you can make objects move according to its data.
Here is some sample code that make a MovieClip move on an AccelerometerEvent:
import flash.sensors.Accelerometer;
import flash.events.AccelerometerEvent;
var my_acc:Accelerometer = new Accelerometer();
avatar = new Avatar();
avatar.x = 160;
avatar.y = 380;
avatar.cacheAsBitmap = true;
addChild(avatar);
my_acc.addEventListener(AccelerometerEvent.UPDATE, onAccUpdate);
my_acc.setRequestedUpdateInterval(40);
function onAccUpdate(e:AccelerometerEvent):void
avatar.x -= (e.accelerationX*50);
avatar.y += (e.accelerationY*50);
Hope this open a door to som productive experimentation for you

Similar Messages

  • How would I create old, glitchy like effects like these ones?

    Recently, there have been some teasers coming out on Snap-chat for an upcoming video game that feature some creepy, hypnotic, and cool effects. They can be found here:
    Black Ops 2 has been updated with viral marketing for Call of Duty: Black Ops 3 - UPDATE 12 | Charlie INTEL
    And I was wondering if there were any experts on here who would know how to recreate these things in premiere. For instance that overlay over the video, those lines over the video, that make it look almost like its a CRT TV screen being externally filmed. Or the static etc.
    If anyone could link me to other assets that I can use to just mess up video and make it look, I don't know, any type of visual artifacting or 80s/90s video tropes/effects, or even earlier. I'm open to anything. I'm attempting to make this film into a very similar style as those quick teasers.
    Also I do understand that I am limiting things here by making this a premiere thing. But I am a completely lost child trying to land on the moon when it comes to After Effects, so keep this premiere please. I do understand this kind of limits this stuff to mostly overlays or presets or other things that are for the most part already created. But im open to anything.
    Thanks and I hope you guys have some good ideas.
    TJ

    to further encourage your creativity:
    you can also export screenshots of your video and manipulate them, then reimport them and play with blending modes and/or mattes...
    Did you know that you can manipulate and distort image files by opening them in a text or audio editor?
    (for the latter you may have to change the file extension to .txt or another text format... then back to .tiff or jpg)
    Here's some ideas:
    Tutorial on Databending and Glitch Art | Critique Collective
    or for a cheap quick and easy way, throw your jpg screenshots through here:
    image glitch experiment
    And hey, go crazy, be creative, have fun!
    the most versatile and controlled way i know of is still RG Universe...

  • How to create a Zoom like effect?

    Hello,
    I have a Pane right now that I am drawing lines inside of. Its actually drawing coordinates coming back from my hardware device (a cnc controller).
    What I would like to be able to do is mouse wheel in (or out) and only see a portion of the pane. Scaling does not seem to fit my need. Perhaps there is nothing out there like this? I am sorry if this is not clear. Here is a picture of my GUI.
    http://www.flickr.com/photos/rileyporter/8451829160/in/photostream
    The pane is the red dashed outline. I would like to place my mouse say over the top of the green line... Mouse wheel up and have the red dashed lines stay where they are at, however only seeing the top of the green line filling the whole red dashed outline. I am not sure what / how to achieve this effect.
    Does that make sense?

    Scaling does not seem to fit my need.Why not?
    Can you describe in more detail what you tried, how you implemented it, how it behaved and how that behaviour differed from what you need?
    Perhaps supplying a simple, sample test case of executable code as well might help get your question answered.

  • Creating a gloomy video effect

    Im in the middle of creating a "Thriller" like video with camera shot footage. I am trying to get ideas for creating a gloomy-like effect to give the "Thriller" theme to the video and looking for some ideas. Could anyone suggest some effects I could place on the video?
    Thanks

    If your not into AE or desire to use a post processing tool (or you have an underpowered system), then you can do the poor mans/quick FX process.  I render the cuts only project out to a high resolution clip.  Then create a new project from which to apply FX to that clip.  Doing so will free up a lot of resources (as Premiere won't have to calculate all the other edits in the chain from the original edit) and give you more real-time feedback, (and if you really mess up, you won't screw up the original edit). 
    While you can sample the lumetri looks filters, you could also experiment and try desaturated colors or apply a look as a baseline and then add from there.  I will sometimes create a matte in Photoshop to use as a de-focused overly for vignette effect.

  • Custom colour palette in Keynote for iOS?

    Is there some workaround that would let me create a custom colour palette in Keynote for iOS? Importing a PPT slide seems to change the palette, so I assume it's possible, but I don't want to have to use PPT just to set up Keynote! Ideally, I'd like to be able to import a Kuler palette into the iOS app using only the iPad (I don't have a Mac).

    FOUND THE SOLUTION:
    I had this same problem and this resolved it for me:
    -Go to your "Settings" icon and click on the "General" tab.
    -About 2/3 way down the page you will see "Use side switch to:" - make sure "mute" is checked rather than "lock rotation."
    -Then make sure the side switch, located next to the volume toggle switch on the side of your ipad, is moved to the right (no red dot showing).
    My audio worked fine in embedded videos after I did those two things.  Hope it works for you.

  • AIR 3.0 for iOS. My app doesn't go to sleep/iddle mode. Please help

    Hello everyone
    I have created application in Flash Professional CS5.5 for iOS(iPad) and using AIR3.0, and currently I am at stage of finish and submit to Apple app store.
    I noticed that my application is not going to sleep/iddle mode when I run it, then I added:
    NativeApplication.nativeApplication.systemIdleMode = SystemIdleMode.NORMAL;
    but it doesn't work and  it is still not going to sleep mode even I set Settings > Auto-Lock > 2 Minutes from iPad.
    I have created another testing application with SystemIdleMode.NORMAL and it is working Ok and device is going to sleep/iddle mode.
    Please help me what to do or advice what prevents system to go iddle mode. Thanks

    No, I inluded
    import flash.desktop.NativeApplication;
    import flash.desktop.SystemIdleMode;
    and I added
    NativeApplication.nativeApplication.systemIdleMode = SystemIdleMode.NORMAL; 
    only after I've seen it is not going to iddle mode.

  • 64bit AIR Native Extension for iOS

    Hello,
    I created a native extension to support ARM64 for iOS. The problem is I get the following error when packaging an ad-hoc build:
    "Error: libgameCenter.a are required to have universal iOS libraries. Please contact the ANE developer(s) to get the same."
    As I understand I need both armv7 and arm64 libraries. So I build for both of them using "xcodebuild" and then merge with "lipo -create" command.
    However I think there is a step I'm missing. Please advice. Thank you.
    AIR SDK: 16.0 beta
    Xcode: 6.1.1

    Well the change you need to do is inside your Xcode project, under Build Settings -> Architectures , make sure that you have selected "Standard Architectures (armv7, arm64)". One last thing to ensure that Valid Architectures should also contain arm64 entry along with other armv7 entries.

  • IMovie for iOS crashed on startup on iPad.

    I created a 10-minute video on iMovie for iOS (iPad) -- however when I access iMovie, the application crashes on start up. How do I stop the app from crashing? I previously deleted and reinstalled the app (and lost the then 11-minute movie I had made). I would prefer not to redo the video again. On both occasions, the app crashed after adding a song to the movie.
    Any help is appreciated.

    Thanks for the quick response. I reset the iPad last night -- however iMovie continued to crash upon startup. I didn't realize that I could backup my project via iTunes. I will try to do this in the future. I had previously saved about seven minutes of work as a completed video and will use this as a starting point for my third attempt at this.
    It was a different song that caused the app to crash each time. I wonder if iMovie for iOS is equipped to edit projects that are over 10 minutes in length, as I have not had this issue with projects of shorter duration.

  • Loupe-like effect for video

    Anyone know how to do a loupe-like effect within a video clip? I want to created zoomed in areas within the larger frame--like you see on Apple application instructional dvd's. Round, rather then rectangular.
    Thanks for any leads to other apps or plugins.

    D.Glen,
    PT's right on the money. Slick volume 8 ($70) is the one that I think you're looking for. It has several interesting plugins, Picture-in-Picture Pro is the one that allows you to positon, scale and choose between 28 mask to apply to a graphic or video clip. You can also adjust the graphic/video opacity. Excellent effect with a lot of adjustments available.
    Don't let the $70 throw you Slick volume 8 also comes with 10 other useful plugins .
    I'll briefly highlight the Slick Motion II plugin that comes bundled with volume 8.
    If you ever had problems panning/zooming over a graphic/photo ala "iMovies Ken Burns effect", this could be your answer (no jagged edges, no restriction with graphic (width/height) dimensions, etc.
    This plugin produces great quality video, allows multiple key frames over a curve motion path, ease in/out and constant speed options. The only caveat is you can only animate one graphic at a time.
    If I didn't already own "StillLife ($25)" or "Photo to Movie $50" this would be my preferred method of preparing Graphics/photos for iMovie.
    Heck, I could have saved $75 with just this one plugin if I had actually played around with it (first version) when I purchased Slick volume 4 several years ago. Although, in "Slick Motion version I" you only had 2 (pan/zoom) keyframe postions "Start and End" like "iMovie Ken Burn's effect".
    The other 9 plugins are pretty "Slick" too (pardon the pun).
    If you're interested, you can browse the volume 8 gallery of effects.
    http://www.geethree.com/slick/galleries/d_v8.html

  • Create movement like snake for iOS

    Hello,
    i have this function to create a snake like movement
    stage.addEventListener(Event.ENTER_FRAME, function()
              head.x = mouseX;
      head.y = mouseY;
      tail.graphics.clear();
      tail.graphics.lineStyle(3, 0x005e00);
      tail.graphics.moveTo(head.x, head.y);
              nodes[0] = {x:head.x, y:head.y};
              for (i=1; i<tail_nodes - 1; i++)
                        var rotation = Math.atan2(nodes[i].y - nodes[i - 1].y, nodes[i].x - nodes[i - 1].x);
                        var pos_x = nodes[i - 1].x + tail_len * Math.cos(rotation);
                        var pos_y = nodes[i - 1].y + tail_len * Math.sin(rotation);
                        nodes[i] = {x:pos_x, y:pos_y};
      tail.graphics.lineTo(pos_x, pos_y);
    this work perfectly on computer and browser but when i export the ipa file for testing on my ipad it works jerkily (seems like low framerate).
    What is wrong? the event.Enter_Frame? any suggestion to create a similar effect?
    Thanks,
    Stefano

    you should use blitting for that.

  • How to create individual view (like MRP,Accounting..)for existing material

    Hi,
    I have a scenario as below:
    Suppose I created a Material using MM01 txn only entering data in 2 views i.e Basic data1 and Basic data2.
    Now my workflow triggers. I have done this using 'Create' event of BUS1001006 Object type.
    Now i need to send workitems to all those who are responsible to create rest views  like MRP,Accounting,Work scheduling etc..Workitem will take them to MM01 txn with Material No. and user will select the view which he has authorization and will enter the relevent data and save.For this i have used  'CreateView' method of BOR BUS1001006 but its not working properly.
    I hope you could understand the scenario.If need more clarity then please revert.
    Can anybody tell the solution please.It will be very helpful to me.
    Regards,
    Madhu

    I am passing the object also..but its not helping.
    I think Parameter 'ViewListLine'  of method 'CreateView' is not passing properly.
    Can you please give any solution where to get this parameter value.
    Regards,
    Madhu
    Edited by: Madhusmita Acharya on Mar 10, 2010 10:06 AM

  • Is possible to have a script that makes a text randomly have caps and lower caps... i would love to create a kind of effect so it would look like manuscript - but it cannot be only the same letter in caps or lower caps - I wOuld NeEd oF SOmeTHing LikE Thi

    Is possible to have a script that makes a text randomly have caps and lower caps... i would love to create a kind of effect so it would look like manuscript - but it cannot be only the same letter in caps or lower caps - I wOuld NeEd oF SOmeTHing LikE This (random) - is it possibel?

    Hi,
    Sample with 2 regex:
    Launching the 1rst regex:
    Launching the 2nd regex:

  • How can I create a video with effects using my ipad?

    How can I create a video with effects (sepia, B&W, Negative, oval or any other shape borders) using my ipad?  I would Like to keep a higher res and also be able to shrink it down to email or send in a MMS. Or should I just upload it to my PC and mess with it there? Some of the apps I have are very easy to use compared to the learning curve needed for video editing software.
    Thanks

    Thats the Problem . . . how many apps do I have to try until I find the one I want? I noticed a few will render the video thus losing its original size. When I went to edit it more in iMovie the video was smaller--not good. And what software do you suggest, Templeton, for the PC? I love the apps because they are easy. I dont have hours to mess around on a software to figure out if its something I want. Im looking for simplicity. Maybe Ill get more into it later. I just want to record simple video of my playing the guitar for self analysis and create a short video for family and friends.
    Apps:
    iMovie
    CinemaFXV
    VideoFix
    Cartoonatic
    Video illusion
    VidEditor
    Software:
    Windows Movie maker (wont accept .mov files)
    After Effects (Too little time, so much to learn)
    Wondershare (Very easy but little choices)
    VideoPad (Again. Few choices)

  • How do I create an image like this?

    Completely new to PS. How would I create an image like this with text? https://www.facebook.com/photo.php?fbid=10151570901245020&set=pb.50687255019.-2207520000.1 366989903.&type=3&theater
    A link to a tutorial would be helpful.
    Thanks!

    Hi there,
    Are you referring to the text, the color effect, or both?
    Adding type is very easy - just grab the Type Tool from the tool bar. The article linked above provides some great tips for editing type in Photoshop.
    As is the case with many "how to's" for Photoshop, there are several ways to acheive the colorized effect like the one applied to image you linked to. One method is to use Adjustment Layers, which I have outlined below.
    1. With your image layer active (it will be highlighted in blue in your Layers panel, as shown below), create a selection of the area you'd like to colorize. I'm using the Polygonal Lasso Tool to create a diagonal selection - to do so, I held down the Shift key on my keyboard as a created my diagonal lines. This might take a bit of practice, but you'll get the hang of it quickly.
    2. Then, in your Adjustments panel (if you don't see it, go to Window > Adjustments), click on the Curves adjustment layer, as highlighted below. Now you can play around with the curves to get the effect you'd like. (Here's a quick guide on using the Curve tool)
    3. To select the other areas of your image, command (Mac) / control (PC) click on the adjustment layer thumbnail (highlighted below). Then, go to Select > Inverse.
    4. Now we want to deselect part of our selection. Grab the Quick Selection Tool from the toolbar and set it to Subract from selection. Then, simply drag the selection brush over the area you want to deselect. In my case, I only want to have the upper-left corner of my image selected.
    5. After you have your selection, click on the image layer and add a Curves adjustment layer like before.
    6. Repeat steps 3-5 for the other corner of your image and you should end up with something like this:
    The nice thing about using adjustment layers is that you can always change them - just double click on the Adjustment layer thumbnail (highlighted in step 3).
    Alternatively, you can select areas of your image and fill the selections with flat colors on separate layers. You can then go in a change the Blend Mode and Opacity for each layer.
    Feel free to reply with any questions!
    Kendall

  • Creating a grid-like layout

    Previously, I posted a problem with trying to wrap tables within tables, referencing this code.
    <!-- ... -->
    <tableLayout>
      <contents>
        <rowLayout>
          <contents>
            <bc4j:viewObjectScope name="CustomArrayDataGraphsView">
              <bc4j:rowStamp>
                <cellFormat>
                  <contents>
                    <tableLayout>
                      <contents>
                        <rowLayout>
                          <contents>
                            <link
                                  styleClass="OraHeaderSub"
                                  targetFrame="display">
                              <boundAttribute
                                              name="text">
                                <bc4j:attrValue name="AnalysisParam"/>
                              </boundAttribute>
                              <boundAttribute
                                              name="destination">
                                <bc4j:ordProperty name="url"/>
                              </boundAttribute>
                              <boundAttribute
                                              name="shortDesc">
                                <bc4j:attrValue name="Description"/>
                              </boundAttribute>
                            </link>
                          </contents>
                        </rowLayout>
                        <rowLayout>
                          <contents>
                            <bc4j:attrScope name="Graph">
                              <contents>
                                <html:object
                                             width="300"
                                             height="200">
                                  <boundAttribute
                                                  name="data">
                                    <bc4j:ordProperty name="url"/>
                                  </boundAttribute>
                                  <boundAttribute
                                                  name="type">
                                    <bc4j:ordProperty name="contentType"/>
                                  </boundAttribute>
                                  <rawText>
                                    <boundAttribute
                                                    name="text">
                                      <bc4j:attrValue name="Description"/>
                                    </boundAttribute>
                                  </rawText>
                                </html:object>
                              </contents>
                            </bc4j:attrScope>                                                                                                                                  
                          </contents>
                        </rowLayout>
                      </contents>
                    </tableLayout>
                  </contents>
                </cellFormat>
              </bc4j:rowStamp>
            </bc4j:viewObjectScope>
          </contents>
        </rowLayout>
      </contents>
    </tableLayout>
    <!-- ... -->The above code renders a single row of elements which are tables themselves. Using the <cellFormat> inside the <viewObjectScope> avoids the "new line" rendering of the internal tables of title/images. However, the internal tables do not wrap.
    This is an unfortunate side-effect of html tables. So, I need to basically make a sizeable grid (similarly to a GridLayout for all you AWT/Swing folks out there) layout that can render a specified number of columns per table, creating new rows as necessary. Something like...
    <gridLayout columns="5">
      <contents>
        <bc4j:viewObjectScope                                 name="CustomArrayDataGraphsView">
          <bc4j:rowStamp>
            <cellFormat>
              <contents>
                <!-- render something per row -->
              </contents>
            </cellFormat>
          </bc4j:rowStamp>
        </bc4j:viewObjectScope>
      </contents>
    </gridLayout>This custom layout will render a maximum of five columns of data per table row, where each column is actually a row of information from the view object.
    Is this possible using UIX components or should I start coding?
    Thanks,
    joe

    Also, displaying a bunch of "inline"ed tables would be really useful. I can't seem to do this from within a <header>, <hideShowHeader> tag, even with explicitly coding:
      <bc4j:viewObjectScope name="CustomArrayDataGraphsView">
        <bc4j:rowStamp>
          <bc4j:attrScope name="Graph">
            <contents>
                  <html:table style="display: inline">
                    <html:tr>
                      <html:td>
                        <styledText text="Title"/>
                      </html:td>
                    </html:tr>
                    <html:tr>
                      <html:td>
                        <styledText text="Image"/>
                      </html:td>
                    </html:tr>
                  </html:table>
    <!--
                  <tableLayout styleClass="display: inline" width="300">
                    <contents>
                      <rowLayout>
                        <contents>
                          <styledText text="Title"/>
                        </contents>
                      </rowLayout>
                      <rowLayout>
                        <contents>
                          <styledText text="Image"/>
                        </contents>
                      </rowLayout>
                    </contents>
                  </tableLayout>
            </contents>
          </bc4j:attrScope>
        </bc4j:rowStamp>
      <!-- render a "No Records Found" message -->
        <contents>
          <styledText
                      text="No Records Found"
                      styleClass="OraErrorText">
            <boundAttribute
                            name="rendered">
              <if>
                <comparison
                            type="lessThan">
                  <bc4j:viewObjectProperty name="estimatedRowCount"/>
                  <fixed
                         javaType="int">1</fixed>
                </comparison>
                <fixed
                       javaType="boolean">true</fixed>
                <fixed
                       javaType="boolean">false</fixed>
              </if>
            </boundAttribute>
          </styledText>
        </contents>
      </bc4j:viewObjectScope>Apparently, the header tags do something which effects the display of "inline"ed elements, like the tables in the previous example. Any suggestions? I know taking out of the header works great, but, the <hideShowHeader> functionality is particularly necessary.
    I have a time constraint on this... gotta be done by today, so if you have any other later minute suggestions besides creating a grid-like layout, let me know!
    Thanks,
    Joe

Maybe you are looking for