I have created the project at this link:
https:[URL].....
and it works perfectly in a web browser with click and drag functionality but I am stuck with adding touch /drag functionality via an IPAD, especially when inserted into a DPS InDesign file.
I have an svg layer in the shape of a bird and a background sky. I want my animation to load and then the user be able to drag the bird around the touch screen on a defined but hidden path.
View 4 Replies View RelatedI use edge animate in adobe dps. I searched to control the timeline with touch (or scroll) in the forum. Even some solutions were discussed, i didnt find the perfect one. It could open so many possibilities like slideshows, parallax, diagonal textscroll etc.
I would like to build a wide animation and control the timeline by scrup/swipe with my finger.
I found something which works, but it seems the directions doesnt work in adobe edge animate anymore.
which doesnt work in the latest edge.
[URL]
I'm trying to figure out how to have the code use touchstart only if the user is using a touch device. Mousedown & Mouseover would be used if the user is on a desktop.
View 4 Replies View Related1. crolling like where you have buttons for example or press on a navigation bar tab, then it goes to that specific pace of the page, for a one page website, for example some sites you press on contacts and gose down to the bottom of the page where the contacts place is located, not opening a new link.
2.Second, navigation bar, where it fallows the scroll as it gose down, like for example when it is html the object is fixed to the top, and when you scroll down it will fallow it it,
3.I need Parallex scrolling where you can have the timeline or animations run while you scroll in the meantime and have animation running all the time, for example the infographic site where the bees are fluying but still have seperate animations while you scroll
4.I would also like to ask if like looping each animations sperately, not looping the whole timeline, can it be possible to loop an animation while you have all the interactivity witht he site like looping seperately all the time, without interfeering with all the other animation
5.I also are wondering if you can create multiple pages on one animate project, like multiple pages with html
I just moved on to edge animate from html, and html was also beirf learn for me and mostly i was doing design work, and i thought getting out of graphic river and moving on the theme forest.
I want also all the five things to work on one aimate project.
How to use touch move and mouse move events events to move elements n edge?
View 4 Replies View RelatedIs there a way for me to know what all features of HTML5 does my Edge project actually use.
I know there are a lot of sites which tests what all HTML5 features are supported by a browser, but I want to know which all features are being used by a edge project.
I have an animation that shows a briefcase with a combination lock as shown. I created a vertical png graphic of the numbers 0 thru 9. I then attached two more copies of the graphic end to end to each other to make one long strip of repeating numbers 0 thru 9. I then grouped the graphic as a single object and named it NumFirst and positioned it for the first tumbler of the lock. I did this two more times (NumSecond, NumThird) for the other two tumblers. I then created a graphic mask and positioned it so only three of the numbers are visible (as shown) giving the illusion of the tumblers. Using jquery draggable and restricting the drag along the y-axis, I can drag the individual tumblers up and down as though I was setting the combination. I did this in Edge Animate and the interactive animation looks great! However, I'm limited to how far I can drag the graphic because eventually I reach the end of it. My coding skills with jquery and javascript are growing, but I have hit a snag. How can I get the number graphic to repeat itself (either up or down) after it is dragged for a certain length, giving the illusion that the tumbler is going around and around. Here is my code so far which is in the creationComplete of my edge file:
yepnope({nope:['js/jquery-ui.min.js','js/jquery.ui.touch-punch.min.js' ], complete: init});
function init(){
sym.$('NumFirst').draggable({ axis: "y" });[code].......
Drag & Drop with validation.What I need to do and would like to learn is:I have 4 buttons that I can drag and a box that I drag the right choice. If the option is correct stays, it is if it was incorrect is returned to its place of origin.
View 7 Replies View RelatedI'm trying to make an interactive animation where when the user clicks and moves the mouse around an area, the opacity of that part of the layer decreases and the user gets to see the background layer. It's similar to the idea of using a brush to clean a dirty window.
View 6 Replies View Relateddebugging in Edge Animate projects.
a - I use console.log("message"), and developer tools window to sort of double check stuff. is there any other way t to see the values of different parameters in my code when it is running?
b - The only place to check errors, is "ctrl+E" window (main code window), correct? it usually highlights the syntax error on bottom.
c - Is there anyway to see the DOM STRUCTURE of the project? it would be really useful, if we had a button on Code panel that could quickly reveal the DOM structure and elements ID, names, for faster access. Currently i use naming methods to sort of figure things out looking at the symbol / elements panel.
d - How do you make sense of the error, "Java event Handler error" which refers to the .js file and gives no hints to any code line.
I'm working on a project with drag and drop and im using jqeuryui for that.but i want the user to be able to drag a photo to the page and that it apears on the page in the browser ( no fancy upload but just client data)and also a button to "upload it" but just also using data ( i dont want to use node.js or any database for this project.)
so just a dragged photo from desktop to browser and let that attend a div, and a input button to upload a photo and let that attend a div.all simple local.
I'm having trouble making my project fit all screens.
This is my project link: [URL]
I've made this project 7000px wide - scrollable horizontal - with a fixed object (the shopping cart) to make it feel like you are pushing the cart along the street. I then set height to about 1200 px, to prevent the bottom of the screen to go white.
I want this project to look good on mobile, iPad, laptop and PC/Mac - both orientations.
I thought I was in the clear with theese settings, but checking it on a small screen (laptop), the bottom of the stage fell out of the screen. And we can't have that...
I tried setting the height to 100%, tried having a smaller height (800px) and setting the background color to green, tried hiding and showing the overflow, but I can't seem to hit the perfect settings for this to work.
My inspiration comes from this project:[URL] Now, this works - as far as I can see - on all screens, both orientations.
When I try and open an Edge Animate 2.0 project its is stable until I click on anything on the stage and then the app crashes ( edge has found an error please quit the application)
View 1 Replies View RelatedFor example I have some complicated animation in 500 - 300 px size.Are there ways to enlarge the entire animation up to 1000 - 600 px or some another size?Using presets for responsive layout leads to unexpected results, may be it solves only simple cases when objects have similar characteristics and so.I had made a complex animation and then found out the size might be 2 times bigger - doet it mean I'd start from the beginning?
View 3 Replies View RelatedWhat is the best way to add video and audio in Edge ANimate project?
View 1 Replies View RelatedHow to submit an animation project to a remote co-worker, or to a client?
View 2 Replies View RelatedI have generated a test example of edge animate project in html and in the code i only have found this code <div id="Stage" class="EDGE-4553 33329" > </div> in the html file. My question is if all contents of my project generated in javascript will be indexed by Google. I think this is important if I am going to replace flash tool cause this is great problem of flash for web projects.
View 1 Replies View RelatedI'm trying to work on a project I created a few months ago in Edge. However, when I try to open it in Edge Animate CC, it just displays a blank screen (See image).
The timeline, the canvas, the properties, nothing seems to be populated. If I drag the time line back to 0:00, an alert pops up saying "An error occured. Please save your work and restart Edge Animate." The exported HTML file still seems to work fine though. I've tried uninstalling and reinstalling Edge, but that hasn't seemed to work.
EDIT: This seems to be an intermittant problem. Sometimes, the file displays correctly, sometimes it doesn't. If I close the program and open it again, the issue re-occurs.
My project will never touch the internet and we aren't allowed to install any webservers or any software.
View 3 Replies View Relatedremoving a preloader from the start of a project? I tried going back into properties>preloader and deleting it from the preloader stage, but when I publish it is still there.
View 4 Replies View RelatedMy edge animate project don´t work anymore. When i opened the index file in the browser, the browser was empty! I have stay all me files (actions, preloads and more).I have previewed before that i could not edit my project in edge animate .
View 11 Replies View RelatedI am using the stamp clone tool. I can copy the area but can't figure out how to "click and drag" the area I want to remove.
View 7 Replies View RelatedI am modelling a Domestic Pump with tubes hanging out of them (I've made the model of the pump itself already), the tubes themselves is what I want to animate.
how to make the tubes using the Line Tool and increasing the thickness which would result a nice long tube However my problem is, is that how do I get to have the Line (or Spline?) directly attached to a certain point on my Domestic Pump model to make it look like it's part of it and moves along with it (and not having to keyframe it's movement precisely and all the time)? in addition, to animate it afterwards as well without it being detached from it.
If any of you are having difficulty imagining what I'm talking about, think of it as a Hoover (Vacuum Cleaner) with a Hose Pipe that needs to move freely through the use of a
I want to center an animate stage left and right in the browser window.
View 2 Replies View RelatedIs it possible to get the text color to FadeIn or the opacity of the text color to animate with the lines of code below? I simply want the color to fade in when the mouse rolls over the text.
Symbol.bindElementAction(compId, symbolName, "${_writing_btn}", "mouseover", function(sym, e) sym.$("writing_btn").css("color","#88ACBE");
});
[Code].....
I'd like to animate snow falling. I assume Edge would be able to do this. Will it be possible to add it as a background? Or would it just be easier to add the effect to the top graphic portion of my page? I've used Edge back when it first came out. But havent' touched it in a while. I'm now working "in the Cloud". and I do use Dreamweaver.
View 5 Replies View RelatedI am including an animation I built using Edge Animate into Dreamweaver. I can't use an .oam file because of some other JavaScript I'm using so basically I'm limited to an .html file with all my edge includes java, and other supporting files.
when I preview in browser within dreamweaver. However, when I upload the page to my domain, my animate HTML file won't work. Here is a link to the current site in progress. (The first green box top left is my link to my animation). URL....
I have 280 extracted frames from a 12 sec. mp4 clip. I've cut-out the main object to get rid of the background and saved all the files as png. How can I bring this to a HTML5 Animation to place it on a page that will be showed on ipad-air (no animated gif and no flash)
View 1 Replies View RelatedWhat the best way is to animate a progress bar with an increasing %. Seems like you would specify a variable set to 0 that is then incremented via javascript while an animation is going on.
View 1 Replies View RelatedI have an ordinary div I composed with HTML, that I'd like to import into an existing Edge Animate comp and have it treated like an ordinary div. The two closest things I saw were: a YouTube video of a whole page opening in EA, and divs animated within itThis other forum, which has more components imported than I need:URL...Isn't there some kind of pasting window somewhere?
View 3 Replies View Related