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

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 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

  • My normal short clip in the timeline panel. When I hit the break, vertical lines appear. The lines are also exported. Why?

    My normal short clip in the timeline panel. When I hit the break, vertical lines appear. The lines are also exported. Why?

    Found an answer online. Here it is:

    I also want to mention that if you disable your GPU acceleration and use the software only mode the question should stop. It seems to affect only when the GPU acceleration is turned on.

    Go to file > project settings > General and only software switch.

  • Is there a way to control the fonts used by a remote façade displayed in a browser?

    When you use a web browser (on a system with only the TEN LabVIEW installed) to monitor a remote façade commissioned from a cRIO is a way to control which fonts are used by the browser when it displays the Panel?  In the case of a stand-alone executable, I know that you can include definitions of fonts associated with the executable 'appfont' and 'FPfont' in the INI file to control the fonts used by the executable. Is there something similar that can be done with a front panel running in a browser window?  Or do I go through the VI and explicitly define a non-generic font specific for each control and indicator that is displayed?

    What is the size of fonts in windows on the PC?  It has 125%?

    Your problem is similar to that discussed in this thread.  Set a Date and hour - week 5 months does not last line

  • Can I know how to control the robot using LabVIEW? My PLC is Omron CJ1M-CPU11-ETN21.

    Hello

    I am new to LabVIEW, and I need help with the configuration between LabVIEW and the controller. My PLC is Omron CJ1M-CPU11-ETN21. I have the DSC Module and I have an OPC server as well. I create tags or even used the shared variables to try to write to the output of the PLC, but it does not work. The configuration for the ethernet Powerline had done, and I can control the PLC using CX-program via the Ethernet module. May I know what are the problems?

    Kind regards

    prchin

    Check out this webcast I hope it will be useful. http://zone.NI.com/WV/app/doc/p/ID/WV-263

    Kind regards

    Kuhn.

  • Somehow I can get the length of a segment of the timeline using only entry points and somehow like in FCP?

    Users of Adobe Premiere:

    Somehow I can get the length of a segment of the timeline using only entry points and somehow like in FCP?


    I want to get the exact length of timecode for some segments only, not the entire timeline. Can not know how to do this.

    If you set the entry points and in the program monitor, is indicated to the right:

  • 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

  • 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

  • Help to use the keys to control the timeline

    I just need to use the keys to jump all over the timeline, IE. Press 'a' and the film jumps to the 355 framework. Preferably a simple way to do this with AS2. Help, please... I'll help you with Photoshop one day.

    Here is a code to work with it to start...

    var keyListener:Object = new Object();

    Key.addListener (keyListener);

    keyListener.onKeyDown = function() {}

    trace (Key.GetCode ()); use it as a tool to determine the codes associated with the keys you press

    If (Key.GetCode () == 65) gotoAndStop (355);   65 is the code of the button "a".
    }

  • How to convert multiple photos stored as layers in a sequence in the timeline using the CC of the PS?

    I would like to be able to convert multiple photos of a subject in video high resolution using the timeline in PS CC.

    Here's how you can import a folder of images which become images in a video layer.
    Using Photoshop | Import video files and image sequences

  • 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.

  • First items 12, insertion of Photos in the timeline, using transitions, insertion of music

    I recently spent the first items 8 to 12, after discovery of this 'expert' looked allot more like what I was used to I was able to start a new project. However, I don't consider myself 'expert '.

    That said I have a few questions:

    1. I used to be able to insert pictures and rearrange them in the 'scene' line, I don't see this feature in the first 12 then uses the "calendar" that is there. However I can not insert pictures or move around easily, I get my clips reduce in size. How do I insert new pictures or move them?
    2. Transitions seemed to have been greatly reduced by the availability of them, are they "left in disgrace", I had put a transition inbetween all my clips in my previous projects with 8. Allot of them were simply the function 'clear '. What is recommended with 12?
    3. I didn't learn to add music to this project however noticed that he has assigned different models available. But I want to be able to add my own music, can you give me tips on 'how to', I just go to 'add media' and get them off my computer and add it to the audio line?

    Thank you advance.

    AuroraAz

    I used to be able to insert pictures and rearrange them in the 'scene' line, I don't see this feature in the first 12 then uses the "calendar" that is there. However I can not insert pictures or move around easily, I get my clips reduce in size. How do I insert new pictures or move them?

    I don't know why these photos should be reduced in size. It should be the same as in your earlier version, that is, as long as you hold down the Alt key on the main keyboard to the computer, with your mouse cursor you drag new file location in the Timeline. Some people like to use the CTRL key instead of the ALT key. I prefer the ALT key.

    I prefer the Expert workspace rather than the quick in version 12, but you can always switch the images in the areas of speed film with a click and drag left or right depending on the case. So, I'm not sure what ran you into quick workspace in this regard.

    Transitions seemed to have been greatly reduced by the availability of them, are they "left in disgrace", I had put a transition inbetween all my clips in my previous projects with 8. Allot of them were simply the function 'clear '. What is recommended with 12?

    There are many Transitions in the transition tab when you are in space Expert, much less in the fast workspace. That's what you should see in version 12 experts/area of work/Transitions

    This is what you had in version 8.0/8.0.1 under wipes for the timeline.

    3. I did not add music to this project however noticed that he has assigned different models available. But I want to be able to add my own music, can you give me tips on 'how to', I just go to 'add media' and get them off my computer and add it to the audio line?

    Same thing as before. Add Media/files and active projects/folders (if Expert workspace). Fast working space that does not 'intermediate' active in the project. Therefore, add media/files and folders / and live in a space scene on film. If you have iTunes music, she may have to convert it to .mp3 or .wav (even again as before).

    However, if you are a user of SmartSound soundtrack, the SmartSound function is passed in version 12, which has her counterpart, on the Audio tab of the scores of music and sound effects that end up on the timeline in .wav files. If you have old SmartSound music, they need to be converted to .wav and then files the first 12 items add media.

    Please check the above. For any questions or if you need more information, do not hesitate to ask.

    Thank you.

    RTA

  • 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.

  • If & amp; Else statements to control the timeline

    Hello
    pls advice what to use for the calendar of MC control.
    I use the appearance of the background with the alpha of the second image up to 5 property. in 1 and 5 frame stop().
    so I have 4 buttons with different chapters above bg.
    I used action for bg gotoAndPlay (2); It works, but each pressing of the buttons call the appearance of the background process.
    but I want not to invoke this process if the information already.
    something like that
    If (_root.bg_mc.stop (5)) {}
    _root.bg_mc. Stop (5);
    } else {_root.bg_mc.gotoAndPlay (2);}
    }
    It does'nt work

    Try this:
    If (_root.bg_mc._currentframe! = 5) {}
    _root.bg_mc.gotoAndPlay (2);
    }

Maybe you are looking for