Is it possible (or feasible) to create an entire website full of animations using Edge Animate?

Back when Adobe Edge preview first came out I tried making this site:
http://www.bluekanji.net based on a friends request to have everything animate, with sound effects, music, etc.  It didn't turn out too well and the coding is a mess because of my lack of coding knowledge and trying to jam stuff in there when Edge didn't allow it at the time.
I'm currently recreating the site from scratch, but hoping to make it all one cohesive page, instead of every animation having to be on a new page.
My main issue now is that when I have any animation play the next one will overlap and block one another and it becomes a pretty big mess.  So my question is is it possible to do a full site full of animations with Edge Animate (and/or with Edge Reflow)? Or is it better to try something else?
Thanks.

There has been many new features added post the preview releases. You can check the below links for information on what added in 2.0,3.0 and CC 2014 releases.
Latest Version: https://helpx.adobe.com/edge-animate/using/whats-new.html
EA 3.0: https://helpx.adobe.com/edge-animate/using/whats-new-edge-animate-30.html
EA 2.0:  Edge Animate Help | New features summary
I would recommend you to try Edge Animate/Reflow/Muse for creating websites and let us know if you encounter any issues.
-Sujai

Similar Messages

  • Advice on using Edge Animate & Interactive SVG to create an interactive map

    Hello folks, I'm hoping for some guidance on a complicated graphic. My org. has an existing interactive map which was created by a freelancer for us using Ruby and js. It's very nice but I wanted to see if it's possible to recreate using Edge Animate (both as a challenge to myself and as a way of being able to move ownership of it in-house). Here's the map:
    http://csai-online.org/sos
    I have done a fair amount of work in Edge Animate but have mostly stuck with simple interactivity (play, repeat, navigation links, etc.) so this would be a stretch. But I'm thinking that the map itself (with various shadings) could be recreated using Edge Commons' Interactive SVG function. I would create the map in Illustrator as an svg with different layers for each group of states, which would then be activated by the buttons in Edge Animate. (The floating box could be done entirely in Animate.)
    So my questions are,
    - Does this seem doable, and has anyone done something similar?
    - How do I trigger the layer visibility toggle from Edge? There's a tutorial from Edge Commons which changes the color of an object by CSS, but it seems like it would be simpler to use layer visibility.
    - Some of the combinations of checkboxes result in States that are in multiple groups (resulting in a striped fill). I'm guessing I'd need to add some code to indicate that if buttons X and Y were both checked, a third combined layer would be shown. (A further complication is that each of the groups of buttons shuts off the other groups.)
    Alternately, it seems like I could also create each state as a series of differently-colored graphics which are then shown or hidden based on which buttons are checked (using arrays, maybe?), but that seems a messier due to the million separate images.
    Anyway, how would you approach this problem, I guess is my main question.
    Thanks very much.

    This looks pretty simple to me and I don't see why you wouldn't be able to do it in edge animate.
    Create each state as a button and animate the hover effects inside a symbol and then on the main timeline animate the content boxes opacity to on and off and set labels for each "on" state and then in your button link to that label in the mouse over actions preset.u
    As far as calling the bottom content into the div i would just do that by hand by grabbing a simple script off the internet. *theres loads*

  • I am a new using Adobe products, and I am creating an Animation using Edge Animation.....

    Hi guys.
    As I said, I am new working with Adobe products, like Dw, and now I am creating an animation using Edge Animation.
    Actually, I am creating a carrousel with different pictures representing three different apps being displayed from different devices, moving them and creating a simulated
    movement for each one, based  on the functionality, that action should be activated by a button (i.e.) titled "Inventory", the action to execute is to move
    the three related screens ( Desktop, Ipad and Iphone ) from the original position  to the middle screen, but at the same time, and this is what I need to know,
    If there is another set of screens for a different application, how to move those back to the original position, before moving
    the selected one, "Inventory". I tried to use a duplicated transition and inverting, it works, but it doesn't stop waiting for a new action, and how to combine
    that movement back with the selected app-transition?
    I put  two screenshots with the stage and the original position for all of them. I have not created the buttons yet. I imagine I should use some kind
    of conditional statements to execute the action sending back  those elements  located in the middle  of screen, because were selected before,
    and then execute to animation to move the selected app.
    I would appreciate your help on this matter.
    Thanks.
    Gustavo Hevia
    original Position.
    After the First animation for Inventory App.

    No answers, Ok.
    I will try to give you more information about I want to do.
    I am a Filemaker Developer, and I started creating my webpage, and one of thing I would like to do is this
    animation and put it on my website.
    What I want is to simulate a carrousel of options to show the selected application using the three buttons,
    Now, I put the three buttons and each one of them is moving the three corresponding applications, that's fine.
    But the issue I have :
    I am using Mouseover and Mouseout to show a different color and size of the buttons, and to execute the
    corresponding animation.
    For each event I created different labels : Inventory_hover ; Inventory_mouseover ; Inventory_Animation and
    Inventory_Animation_Reverse and so on.
    Testing that
    After I selected one of them, and it ended moving the three pictures to the center of the screen, and then I
    leave, the three screens moved to the original position, which is not a bad idea, but I want to control that
    moving.
    So, what I want as a summary is :
    1) to control that back movement. I was trying to figure out how to add some code inside the Animation code, and
    just before execute that animation, check if there is another application selected before, and then move that
    set of pictures back to the original position, since I have only three applications pictures, and only one can move
    at the time, the checking "If Statements" would be for two others conditions.
    2) That should be done only when one of the buttons is clicked, and not when the mouse leaves the buttons like it
    is happening now.
    I attached a zip file with my EA files.
    Thank you in advance, Any help would be really appreciated.

  • How to create scroll controlled svg animations in Edge animate cc

    Since I am a beginner in Edge animate, I am very confused about svg animations in Edge animate. I want to create an effect like this http://tympanus.net/Development/SVGDrawingAnimation/index.html. In this page the animation is set to autoplay, I will controll my animation using scroller bar in adobe muse cc. Please tell me how to animate svg images like this.
    Thanks in advance

    Hi bhardwajaralhul517,
    Found something that could help you get started
    Using parallax scrolling in Animate with a single line of code | EdgeDocks.com
    How To Create A Parallax Scrolling Website | Web Design Principles
    Thanks,
    Preran

  • Create iOS app using edge animate and DPS

    I was investigating the potential for using edge animate compositions and digital publishing suite to create single edition iOS apps. 
    After some trial and error I have been able to create a basic iOS app for kids, using EA and DPS. The app was approved and placed in the app store.  See the below link:
    https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=786031451&mt=8
    For future reference do you have specific documentation/guidelines on using EA compositions to create DPS single edition apps?  I was hoping to get a better understanding of the potential for using html5 compositions in iOS apps (and limitations).

    Hi, Andrew-
    What specifically are you looking for?  It's unclear if you're looking for best practices or other documentation.  Thanks,
    -Elaine

  • Create an image scroller with swipe&drag in Edge Animate

    Hi folks!
    I'm trying to create a image scroller like this one http://www.awwwards.com/demo/touchSwipe-gallery-demo.html.
    For the Swipe, I use the wonderful JQuery Plugin TouchSwipe http://labs.rampinteractive.co.uk/touchSwipe/demos/, but for the image sliding I would use the Adobe Edge Animate Timeline.
    I know that I can use the Swipe events in Edge Animate to make start or reverse the timeline with pictures, but I would also make working an intermediate "dragging".
    My problem, in fact, is: how can I make that - if I've only begun to swipe  and I move the finger to left or right without releasing it - my timeline "drag" (or scrubs) frame by frame - like in the example above - until I release the finger?
    Many thanks in advance!
    Davide

    Hi Elaine!
    First, thanks for your prompt answer!
    I read the link you gave me: in fact, I was aware - also thanks to Old Tim's posts - about how to create a "scrubber" in Edge Animate, starting from formulas like:
    Translation = (positionOfScrubber/WidthOfScrubbing)*timeline;
    My problem now is - I fear - more subtle: I can swipe left-right a set of pictures, I can "scrub" a timeline (using for example JqueryUI for the dragging), but I don't know how to put together the swiping and the dragging.
    I would that - like in the example from my first post - if, e.g., I completed the swipe left, my timeline would play the animation that shows the pic moving to the left but, if I didn't complete the swiping and I begun dragging to the left, the animation would move with my dragging-finger (the "scrubbing")...
    I know is very subtle, but it's how the gallery scrollers works on web and app in mobile devices...
    Many thanks for your attention!
    Davide

  • Create a rollover effect with an avg with edge animate

    Hi,
    I would like to know if there is a way to create a rollover effect (i.e. get my social media icons spin or drop shadow or change color) when I hover over them, I know how to do it with CSS 3 but I think it will also be useful if I learn how to do it with Adobe Edge Animate. I appreciate your time.
    Thank you.

    Hi,
    I would like to know if there is a way to create a rollover effect (i.e. get my social media icons spin or drop shadow or change color) when I hover over them, I know how to do it with CSS 3 but I think it will also be useful if I learn how to do it with Adobe Edge Animate. I appreciate your time.
    Thank you.

  • Can I use Edge Animate and PhoneGap Build to create iPad apps?

    I know you can use this combination for smart phones, but does PhoneGap also support tablets?
    Thanks

    Not sure if this helps you. I'm going through the same problem. Even raised this issue here in the forum and nobody could help me. So I sought help forum PhoneGapBuild. Looks like PhoneGapBuild not recognize <audio> of html5, so need to use api audio PhoneGapBuild own. Here's a link to my post. Tutorial on how to make by Chris Griffith. I hope this helps you too.
    http://community.phonegap.com/nitobi/topics/phonegap_build_audio_and_edge_animate_problem? utm_content=reply_link&utm_medium=email&utm_source=reply_notification&reply[id]=14089620#r eply_14089620

  • How To Create A Website Background Video In Adobe Edge ?

    Hello,
    I have video file in my computer SSD drive and i want it to play as background on my web page (page that i am creating).I did try to follow this video:
    How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
    but i cant follow 100% what he is doing.
    Guide that i did try to follow is at this link: How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
    Steps i do in Adobe Edge Animate CC
    1.) Create New
    2.) i click + sign under section Library >> Scripts >> Add JS File from URL...
    URL that i am adding is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js  (URL is taken from site: Edgehero.js )
    I add this link: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL
    3.) I go to Edgehero.js and from there i scrol down to section named as Media - Html5 video / Html5 audio
    and i select from there this:
    there is a code:
      // this will set the video as background of the div/rectangle
    backgroundvideo_1 ='movie.mp4';
      // put new edgehero.js variables here
    4.) I go to Adobe Edge Animate CC 2014 and right click on project and select Open Actions for "Stage"
    and then i click on + sign and select creationComplete
    This will open Stage window
    there i will copy this code:
      // this will set the video as background of the div/rectangle
    backgroundvideo_1 ='movie.mp4';
      // put new edgehero.js variables here
    5.) Then i click on ++ sign under library >> Video
    and i add video from my computer SSD drive.
    Video is named as video3.mp4
    Now i eddit the code in Stage window (See above)
    code will look after editing like this:
    Then i change under left side px to %
    6.) Then i copy backgroundvideo_1 from Stage Code:
    Then i select Rectangle Tool and mark the area  (white box) and i click on small C icon
    And the box that occures i type there backgroundvideo_1_mp4 autoplay
    now when i use ctrl and enter i only get gray box that does not play video.
    What am i doing wrong?

    Here is the html file.
    Note video file that i try to add is random training video from youtube, And file format is saved using this site:
    How do I download and save a YouTube video to my computer?
    this is only for testing as i am not gonna put that video on background to my web page. I am only trying to understand how to add video as background.
    http://www.filedropper.com/test3_5
    http://www.filedropper.com/test3_6
    http://www.filedropper.com/test3edge
    http://www.filedropper.com/test3edgeactions
    http://www.filedropper.com/test3edgepreload
    Goal is to create background video like u can see here:
    Adobe Muse Tutorial - Responsive Design Hack! by MuseThemes.com - YouTube
    Similar possibility is available also in Edge as i understand?

  • Is anyone else trying to use Edge Animation to create software simulations?

    We're in the process of evaluating Edge Animate to create software simulations. We want to use it because it has many great HTML5 functions. We're also evaluating Captivate7 - which also has an HTML5 option - but it lacks some of the functionality we're looking for. Like the ability to show users a 'hint' when they hover their cursor over an object. Why that functionality isn't there already - I still can't figure out. It would be create if Adobe could take some of the functionality in Edge Animate and incorporate it into Captivate! It would make an awesome product!
    If you're attempted or were successful creating a software simulation using Edge Animate - I would be interested in hearing how you accomplished it. Also looking for some best practices around this idea.
    I think Edge Animate would be an amazing product for software simulation if it incorporates a few enhancements.
    In the timeline - allow the user to nest things. The timeline can get unwieldy quickly. Would be nice to be able to nest items and then twirl the nested items to hid them - like in AE.
    Enable AE functionality with the ability to play one Edge Animate piece inside another.
    Provide the ability to add video with transparent backgrounds. We wanted to have someone walk on screen and appear as if they were walking on the software. Can't do it in Edge Animate!
    If you have any other ideas or suggestions for creating software simulations in Edge Animate - would be great to hear from the community

    Hi there,
    Thanks for your suggestions! We're looking at ways to make the timeline more flexible as far as nesting and/or hiding elements, so hopefully these types of improvements will come as Animate continues to grow. Just wanted to quickly pop in to address a few of your bullet points - hopefully, other Animate users can answer regarding whether they use Animate for software simulation.
    Your first two points (I think) can be at least somewhat addressed by using symbols. Each symbol has its own timeline which can contain many elements, but it will appear as a single element in the main (Stage) timeline.
    Regarding video, there's currently only one HTML5 browser that natively supports video with alpha transparency: Chrome, using video encoded to the webm format. See here for more info: Alpha transparency in Chrome video - HTML5Rocks Updates
    Once other browsers start incorporating native support for video with transparency, this could be pretty cool. But as of now, native browser support is still quite limited.
    Thanks,
    Joe

  • Is it possible to deploy appln created in java Studio creator

    Dear Everyone,
    Is it possible to deploy appln created in java Studio creator.
    regards,
    Ashish SAMANT

    Hi,
    These will help
    http://developers.sun.com/jscreator/learning/tutorials/2/helloweb.html
    "Debug and Deploy" in the tuorials at
    http://developers.sun.com/jscreator/learning/tutorials/2/helloweb.html
    Thanks
    K

  • Is it possible to let Labview create displays himself dynamically?

    the number of displays can´t be fixed right now.
    i want to create a huge number of display by using a menu "create a new display". everyone should show another value from a global variable (Array).
    So i don´t want to use static elements - if i would do so, i had to create about 80 digital displays, 20 analog display and a few graphs. But i don´t need them every time - sometimes i need 3 digital and 15 analog displays, another time i need 60 digital an no analog displays. i only want to create 3 foundamental dislays and use them very often with different properties and pointers to the global variable!
    Is this possible?
    Thanks a lot...

    I have in many applications done this by using the picture control. Jean-Pierre first suggested an excellent approach to this in this link.
    http://exchange.ni.com/servlet/ProcessRequest?RHIVEID=101&RPAGEID=135&HOID=506500000008000000A33B0000&UCATEGORY_0=_49_%24_6_&UCATEGORY_S=0&USEARCHCONTEXT_INCLUDE_0=Ben+picture&USEARCHCONTEXT_INCLUDE_S=0&UPostedFromTimeSearchArg_0=8&UPostedFromTimeSearchArg_1=3&UPostedFromTimeSearchArg_2=2000&UPostedFromTimeSearchArg_S=4&UPostedToTimeSearchArg_0=4&UPostedToTimeSearchArg_1=9&UPostedToTimeSearchArg_2=2004&UPostedToTimeSearchArg_S=4&USEARCHCONTEXT_TIER_0=2&USEARCHCONTEXT_TIER_S=0
    You can use the "Invoke Node" to get the image of a control. If you combine this method with events configured for the picture control, you can simul
    ate normal LV objects.
    This method takes a bit bit of work, but it does allow the GUI to be taylored as your end user requires.
    You do not have to re-code all of the normal behaviour of your control elements. When a clcik is detected on a simulated device, a real LV FP object can be made visable and moved from its off-screen location to where the user clicked, and key-focus transfered. The user then interacts with the LV object that is on top of the the picture if it.
    It is not easy, but it works great!
    So as to:
    "Is it possible to let Labview create displays himself dynamically?"
    YES!
    Ben
    Ben Rayner
    I am currently active on.. MainStream Preppers
    Rayner's Ridge is under construction

  • Is there any possibility in LABVIEW to Create a release mode EXE like VC++

    iam krishnaprasad. iam new to LABVIEW.
    i have 1+year experiance on VC++6.0.
    Is there any possibility in LABVIEW to Create a release mode EXE like VC++ .
    if there please suggest me how to create  it..
    Solved!
    Go to Solution.

    First, you must include you VI inside a LV project. This can be done automatically by selecting New Project from the Files menu in that (any) VI.
    LV will ask you whether to include any open VI to be added to this newly opened project. Click Add & thats it. Now save this project in a location of your preference.
    Then, in the Project Explorer window, right click Build Specifications >> New >> Application (EXE) or Installer, as per your requirement.
    The former will create you an EXE only while the latter will bundle all that needed for an installer (mainly LV run-time engine of the version under use).
    If you create the EXE alone, then you need to install the LV run-time engine of the corresponding version manually in the target PC first, before trying to run you application (EXE). Else, it will throw error & wont run properly.
    - Partha
    LabVIEW - Wires that catch bugs!

  • Is it possible to change already created book's size in Aperture 2?

    I've spent several days crafting 54-page 11"x8.5" book in Aperture.
    And was going to print in special photo lab.
    But unfortunately due to their requirements I need to bring the book
    in a different size/page proportion.
    Is it possible to change already created book's size in Aperture 2?

    You can choose to change Theme and then choose one you made yourself with other size and proportions (Custom Theme), but I would not recommend it since text you had placed in you book most likely would disappear. The same goes for custom layouts you made in your book. And finally, picture scalings and position adjustments you have made will be lost as well.
    Regards
    Paul K

  • Supplier Registration - Is it possible to push new created vendor in SRM?

    Hi SRM / SUS experts,
    We are defining Supplier Registration processes and had a question with regards to it. After getting supplier information through forms and questionnaire, let's say I approved it and then converted it to Vendor in SRM. Then, is it possible to push newly created vendor back to ECC? I see (database) icon to push vendors to ECC in monitor Business partners transaction, but it is disabled. I am thinking since I have not set up XI integration with ECC, the icon is disabled.
    Will you please share your experience with this functionality?
    If it can be pushed, then which account group will it take when it is created inECC and which views are created (General data views?)? Is it created under same number as SRM business partner?
    Your inpur is highly appreciated.
    Thanks,
    Chandra

    please refer to the following SAP help for more details on the Montior Business Partners --> and what can be done there
    http://help.sap.com/saphelp_srm50/helpdata/en/e6/4b4b3c99c53c33e10000000a11405a/frameset.htm
    --> you have to open the tree --> Business Partner Monitor..
    and for the option --> to be enabled --> to transfer to backend -> it is looking for two flags
    1) Xi should be active in your system
    and please refer to the following code --> which decides wether the backend transfer should be enabled (or) disbaled...
    technically i know where it happens
    transaction se38 --> enter --> LBBP_SUPP_MONIF05..
    find the code which starts with -->
    Enable Icon For XI backend Transfer

Maybe you are looking for