Controlling the timeline with Touch

Hello! I use edge animated in adobe dps. I tried to control the timeline with the key (or scrolling) in the forum. Even some alternatives were considered, I have not found the perfect one. It can open so many possibilities as slideshows, Parallax, diagonal textscroll etc.

I would like to build an extensive animation and control the scenario of scrub/shot with my finger.

I found something that works, but it seems that directions works in adobe edge host plus. Anyone know how to fix this? Demofiles would be great.

Here is the solution I found, which does not work on the last leg.

http://codehandyman.blogspot.de/2011/12/Adobe-edge-animation-controlled-by.html

And here is the result. Work on ipads in indesign dps:

http://www.northeastmagic.com/adobeEdge/scrollbar_scrubber/test7.html

Thank you

Klaus

Hey Klaus.

Oddly, the example of codehandyman you posted don't use no events button at all, but rather slyly relies on the scroll event to control the timeline.

I've referenced the link codehandyman, and the only change I had to do was to replace each occurrence of "this.element" with "e.currentTarget", in the Stage.scroll event. Thus, on Stage.scroll, this is the code I have (I tweaked a bit to make it more readable):

var MonCalc = e.currentTarget.scrollLeft/(e.currentTarget.scrollWidth-e.currentTarget.clientWidth);

var pos = Math.round (calc * sym.getDuration ());

SYM. Stop (POS);

The above code essentially the numbers on the scroll position, then figures this ratio depending on the length of the root timeline. This tells us when to jump to the timeline.

You are referencing your blog link - to stop the scrolling, I had to open "xxx_edge.js" and delete this line:

['style', 'overflow', 'auto']

and replace it with this:

['style', 'overflow-y', 'hidden'],

['style', 'overflow-x', 'auto']

Example:

www.timjaramillo.com/code/Edge/scroll_timeline

Source:

www.timjaramillo.com/code/Edge/_source/scroll_timeline.zip

Tags: Edge Animate

Similar Questions

  • Controlling the timeline with Touch and ScrollTop: the combination of the two?

    Hello!

    We try to combine the two scrolling on the edge features:

    (1) scrub the timeline with scrolling (to create Parallax), and

    (2) scroll to the bottom of the page with buttons, using scrollTop

    For cleaning of the timeline, we used excellent control calendar of Tim Jaramillo with key code (found here: http://forums.adobe.com/message/5058756#5058756)

    To scroll to the bottom of the page with buttons, we found excellent Heathrowe scrollTop code (here: http://forums.adobe.com/message/4733382#4733382).

    We do not seem to combine these two methods in a way that works. In my example below, the control, the Timeline with Touch code works fine, but the scrollTop button code does not work.

    Does anyone know how to make a scrub of the timeline, combined with navigation buttons?

    Example: http://www.bartmclaughlin.com/scrollTop/stage-scroll_with_scrollTop_v1.html

    Edge project: https://www.yousendit.com/download/elNLcXl0NEhJMHVFTmNUQw

    Any help much appreciated!

    Bart mclaughlin

    I think in the btn1 and btn2 click Manager you have to scroll the scene rather than the HTML and body

    as

    SYM. $('Stage') .animate ({scrollTop: element.offset () .top}, '800'); in btn1

    and

    SYM. $('Stage') .animate ({scrollTop: element.offset () .top}, '800'); in btn2

    Hope this is useful

  • controlling the timeline with the scrolling of the mouse

    Hi all

    I need control the animation of the timeline with the mouse wheel.

    How is it possible

    I tried this code but I couldn't just make it work with moving the mouse, unfortunately scrolling does not work-

    composition of ready:

    this.onMove = function (posX, posY) {}

    timelinecontrol = number (posX) * 30;

    Console.log (timelinecontrol);

    SYM. Stop (timelinecontrol);

    }

    mousemove:

    this.onMove (e.pageX, e.pageY);

    I also tried this one - http://forums.adobe.com/thread/1149792

    but did not work either

    TNX a lot!

    found the answer to this topic-

    http://forums.Adobe.com/message/5628190#5628190

    It's the DS posted by Vinay-

    Here's an example - http://www.dealsdrizzle.com/research/scroll/scroll2.html

    Source - http://www.dealsdrizzle.com/research/scroll/scroll2.zip

  • controlling the timeline with a SWF loded

    Hi, I have been here before and reviewed the response that helped me last time but it doesn't seem to work for this example.

    I have a loaded swf file, which is a short animated introduction I use the addChild method.

    I would like simply the timeline to a label "menu" after that that she played. It's the CRC on my main timeline:

    Stop();
    import flash.display. *;
    import flash.events.Event;
    import flash.media.SoundMixer;

    var Xpos:Number = 0;

    var Ypos:Number = 0;

    var swf:MovieClip;

    var loaderA:Loader = new Loader();
    var reqA:URLRequest = new URLRequest ("Nu_flute_intro.swf");


    loaderA.load (reqA);
    loaderA.x =-100;
    loaderA.y =-50;

    holder.addChild (loaderA);

    loaderA.contentLoaderInfo.addEventListener (Event.COMPLETE, loadHandler);

    function loadHandler(event:Event) {}


    holder.addChild (loaderA);

    trace (loaderA);

    }


    function eventHandler(event:Event):void {}
    holder.removeChild (loaderA);
    holder.gotoAndPlay ("menu");
    }

    This part is commented out for now
    holder.addEventListener (MouseEvent.CLICK, goMenu);
    //
    function goMenu(e:MouseEvent):void {}
    SoundMixer.stopAll ();
    holder.removeChild (loaderA);
    gotoAndStop ("menu");
    //}

    At the end of the timeline of the swf, I have this code:

    Stop();

    dispatchEvent (new Event ("eventTriggered"));

    part of the following is a recent raise an error: TypeError: Error #1034: Type constraint failed: cannot convert flash.display::Loader@3b9d53c9 to flash.display.MovieClip.
    flute / frame450)
    MovieClip (parent.parent) .nextFrame ();

    Thanks for the help

    Attempt to commit it at whatever level of memory to save the future aggravation... 1009 error indicates that one of the objects targeted by your code are out of reach.  This may mean that the object...
     
    n ' is not in the display list
    n ' is not have an instance name (or the name of the instance is misspelled)
    n ' is not in the frame where this code tries to talk to her
    -is animated in place, but is not assigned the name of the instances of each keyframe for her
    -is one of the two or more consecutive keyframes of the same objects without a name assigned in the image previous (s).
     
    To help you resolve the error... If you go to your section to publish the Flash settings and select permit debugging option, your error message should have a suite of line number the number of the frame that will help you to isolate the object that is involved.

  • is it possible to unlock the iphone with touch id while the screen is off?

    I wonder if the iphone can unlock the screen with touch id without press the home/power first of all, is it possible to do?

    You can use the sleep/wake button.

  • Problems of displacement of clips on the timeline with the last update

    I have problems of movement of clips on the timeline with the last update

    and the selection of the clips on the original tab

    MacBook pro 15 "retina

    work

    I use a secondary monitor

    If I chronology in the second book of doesn´t monitor, but in the first monitro works very well.

    Maybe a bug

  • How to control the timeline in multiple compositions.

    I want to control the timeline in a different composition.

    There are two compositions.

    There is button in Comp1 and there are 3 seconds animation in Comp2. (Not AutoPlay)

    If I click on the ordi1 button, play timeline between 1 second in Comp2

    This type of workflow will work if you have these two composition inserted in a simple html page.

    And you can add the code below in the click handler during the creation of composition 1:

    stg2 var = Edge.getComposition("EDGE-ID_OF_COMPSITION_2").getStage ();

    Stg2.play ("label_in_composition2");

    HTH,

    Vivekuma

  • Replacing the clip in the timeline with exact in and out with same clip player but different

    I have 2 external hard drives. F and H. They have the exact same files and backups of the other.  With the wire of time, by chance, on a project, I mixed some mpeg files in the timeline H: and F:. I want to make all the F:.

    Is there a way to link the clip H: to the version of F: drive instead? When I right click on the clip in the sandbox "link media" file is gray.

    I need a quick way to do this so that the point and point clips I would like to import to F: would be exactly the same in the timeline with the current H: clips in / outs.

    Untie it first; then re - link to the new version.

    But; your media running on external drives; Be careful.  Which can be abottle neck if it is not connected to high speed.  (usb for example would be bad)

  • With the help of an audio clip to control the timeline

    I have a composition that has two pieces of VO. Each has an associated text block.

    I want to play the first VO when it is clicked on the first text. Then, when the VO ends, I want to fade the first block of text to falter, the second and play the second VO when we.

    I have the updated scenario in place with labels to play through transitions at the end of the first VO. No problem there.

    I have the audio that plays when I click on the blocks of text. Everything is good.

    However, I don't know how to make the calendar before the audio clip at the end play.

    This is the code for the first block of text:

    SYM.$("RUP01_Nar_1") [0]. Play();

    SYM. Play ('Nar2');

    It plays audio but also plays the timeline instantly (so from one to the other, the blocks of text fade as soon as starts the audio).

    I tell myself that I need some kinds of code between who said, essentially, ' wait than the audio finishes then [cheek chronology]. " But like many I tried I can't find anything to do.

    Thanks for your help...

    Thanks for that,

    I gave it a try, but unfortunately it did not work. The audio could not play altogether.

    However, I managed to solve the problem by using the setTimeout function and enter the audio duration as the time-out;

    SYM.$("RUP01_Nar_1") [0]. Play();

    {setTimeout (function ()}

    SYM. (Play ('Nar2')}, 10000);

    This does not mean having to customize the time-out for each clip, but it will serve well for the moment.

  • Need help to control the timeline of film with AS 2.0

    I'm trying to control a clip through the script of action thanks to a button.
    My Flash file has a master clip 'masterMC' that contains all of
    for the flash movie clips.  It's essentially a calendar that
    When the user clicks on a date a small box opens with the event (s)
    scheduled for this day here.

    Inside the "masterMC", there is a 'calendar' clip and a clip
    'events' both having similar names of instance.  In the movie 'calendar '.
    Clip are different month calendar graphics (oddly) where the
    date a grave event is a button symbol.  I have a layer the
    "masterMC" which contains the script for the action buttons.  I'm working on
    When I pressed a button triggers a specific playing image in the
    clip of 'events' which shows the box with events.  One of my
    the button code looks like:

    Oct18_btn. onRelease = function () {}
    eventsMC. gotoAndPlay ("oct18");
    }

    I checked all instance names, frame names, letter etc.... And
    can not know why when I test the movie, nothing happens when I click on
    the button.  Is there a problem in the code, or it could be something
    on the other?  Thank you.

    If the 'eventsMC' and 'calMC' are in the 'masterMC' and the button is located in "octMC" which is inside "calMC":

    This should work, I've tested it:

    action on the button inside the "octMC":

    {We (Release)}

    _root.masterMC.eventsMC.gotoAndPlay ("oct11");

    }

    There may be something wrong somwhere else?

  • Control the timeline using measures of scrolling/hit ipad

    I'm looking to create a page in the digital brochure to a customer who plays a down through an animation controlled by the user of high vertical scrolling the page.

    A similar idea to present here, but on an iPad instead of a Web site: http://slaveryfootprint.org/#sthash.yoB42KR6.9AvG3q3S.DPBS

    I don't need to control anything in the actual animation, only the movement of the washing of the timeline. The finished product should be suitable for use with DPS.

    I saw a couple of similar questions on the forum, but they all appeared to be demanding a lot more interactivity. Does anyone know a simple way to address the issue?

    The example of the communes of edge is very nice!

    Here's another example which directly controls a symbol timeline, rather than take advantage of the scroll event. It works on contact, and on the desktop with drag. The code is a bit long, so I'm not going to stick here.

    Example:

    http://www.timjaramillo.com/code/edge/parallax_touch/

    Source:

    www.timjaramillo.com/code/Edge/_source/parallax_touch.zip

  • Volume adjusts at random. Cannot control the volume with other software, ie iTunes.

    I have a HP Pavilion dv7-7000 Quad. The music playback volume goes up and down. Also, I can't control the volume in itunes or winamp. If I turn the volume in itunes there for a while, but back down. When I turn the volume to 1% in itunes, it says there for a few seconds and it slowly rises to the top.

    I tried a lot of things trying to get this problem resolved and spent over 2 hours with HP tech rep:

    1 uninstall the audio driver, restart, install the driver.

    2 bios flash

    3 reinstall the sound driver using HP Recovery Manager

    4 Windows repair.

    5 Chkdsk

    The only thing that worked was

    Uninstalled the audio driver in Device Manager and is looking for new devices and installed windows automaticlly refreshment and it fixed the issue... * beep *? I had my helmet in the decision-making when the driver installed.

    I'm afraid to turn my computer off now.

  • How to reconnect the footage on the timeline with deleated track: audio or Visual?

    If I delete an audio track, then open the source I have a hard time finding a way to link the audio in sequences with reset them the points of entry and in the source bin file, I have several cuts camera roll and when to open the source file - can't seem to use the points for selected editing the thing out I'll try to get back with audio and with to set the points again and again the mounting (long sentence right?)? tried searching for an answer, landed here... J

    I'm not sure what you mean, but for re - insert either video or audio clip in the timeline panel is easy.

    1. Park the playhead on the clip in the timeline panel

    2. make sure that the track selector box is highlighted.

    3. press on 'X' to select the item.

    4. press on 'F' for match frame.

    At this point your video should appear in the monitor source with in and out already defined.

  • Using PowerPoint in the timeline with the animations?

    I'm doing a 8 minute video presentation. I have the audio changed and in the timeline.

    I hired someone to make me a PowerPoint presentation of 16 x 9 on the subject a month ago.

    She did a great job and I want to use some of the slides that she made.

    What she did that I knew not so far... was to make animations on slides

    with additional images.

    It looks good and I wondered (shooting high) if there is a way to bring the slide with animations in

    Premiere Pro?

    If not... I think there is a way to disassemble the PP and simply add annimation on different video tracks.

    Another way would be to use Camtasia to record animations on each slide, and then import and cut

    to the top of the video and put it on the timeline

    BUT if I can make it easier... I'd prefer that it :-)

    Thank you!

    I do not use powerpoint, but I do not have a recorded discussion link

    PowerPoint 2010 for WMV http://forums.adobe.com/message/2669100

  • Delete the layer and fill the empty place in the timeline with layers above

    Hello

    When I delete a layer of AE CS5.5, is there a way I can get all the other layers above him to retreat and to fill in the empty space in the timeline, without physcially having to pass them all?

    Not automatically.  But you can do this:

    Place the cursor in the timeline to the place where you first layer to begin once that everything is moved.

    Click on the layer immediately above the layer you want to delete.

    Shift-click on the upper - layer you have selected now all layers above the one to delete.

    Maj-do drag the selected layers.  They will align with the point where the cursor of the timeline.

    Once you have verified that all is well, delete this undesirable layer.

Maybe you are looking for