Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all 9897 articles
Browse latest View live
↧

removeEventListener in drag and drop parallax composition

October 16, 2014, 4:48 am
$
0
0

Hello all,

 

I have a question, one of my students is making a project with a horizontal parallax and he wants to add drag and drop functionality to this. It works, only when you start to drag the object (converted to symbol) shoots to the right out of the screen.

 

My guess is that this happens because of the parallax.. So, i want to remove the mousemove function temporarily so the drag and drop works. The code i came up with is this:

yepnope({nope:['jquery-ui.min.js'], complete: init});

function init(){

    sym.$('bamboe4').draggable();

    $("#Stage").removeEventListener('mousemove', onMove, false);

    sym.$('panda').droppable({

    accept:sym.$('bamboe4'),

        drop: function (){

            //addeventlistener here..

        }

    }

);

}

 

The thing is, it doesn't work..

 

In composition ready (stage) is the following code:

this.onMove=function(posX, posY){

    timelinecontrol = Number(posX)*5;

    sym.stop(timelinecontrol);

}

 

In mousemove (stage) is the following code:

 

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

 

I hope that someone can help me.

 

With regards, Michel

↧
Search

[HELP][version 2014.1] get symbol name at runtime

October 16, 2014, 3:27 am
$
0
0

Hi everyone,

 

i would like to get the "current symbol" name at runtime.

 

in the previous version i get this information using the sym function " sym.getSymbolTypeName()" but it seems not work on the new edge animate version.

 

 

thanks for the help!

↧
↧

What is the best way to manage file structure in an Edge Animate project

October 16, 2014, 5:40 am
$
0
0

I started an Edge Animate project, but halfway through I realized that one of the folders I created was misspelled. In Windows Explorer, I renamed the folder, but that caused the Edge Animate project keep crashing.  Is there a way to manage/edit the file structure of a project within Edge Animate?  If not, is it possible to make alterations to the project's file structure in Windows Explorer without causing errors in Edge Animate?

 

Thanks,

 

Paul

↧

Multiple stops /labels in timeline not working with PNG-sequence

October 16, 2014, 5:50 am
$
0
0

Hi there,

 

I'm working on a project what includes several PNG sequences. One of the PNG-sequence is an animation of a car riding in and stops, opens the hood and starts smoking. At least the car is getting pulled away by a tow truck.

 

My setup:

 

I put a the PNG-sequence in a symbol. This symbol is standing on the timeline with several stops.

On this symbol I have serval actions: one mouseover and one single click. I have put the stops and labels in the timeline at the place where each animation starts.

 

By opening webpage: Car is riding in and stops automatically

On mouseover: car opens hood and starts smoking.

On mouseclick: car is getting pulled away by tow truck.

 

When the car comes in it stops and I'm able to do a mouseover for opening the hood. Then the animation won't stop at the second stop/label at "drive-away". So the car is away, even before I can do a mouseclick to say "drive away!"

How can I get it working so the animation also stops at the second label/stop?

 

When I made a new project with only a simple rectangle animation and 2 stops, it works...

problem.png

↧

Targeting a nested symbol's timeline?

February 19, 2012, 7:49 am
$
0
0

Hello, I'm new to Edge, Javascript and HTML5 (coming from Director/Flash/After Effects background) I'm wondering if there's a way to target a nested symbol from a button. I would like to make a simple Pause/Play toggle button that stops a nested symbol is it's playing and plays it if is stopped. In software's I'm familitar with, this can be done with a simple target path and  if/else conditional statement, but I can't find any examples that don't seem much more complicated. If you don't mind, could you please be specific as to where the code goes, as I'm new to this and don't yet have a grasp of the file structure? Thank you very much, I really appreciate your help

↧
↧

works in preview, but hangs on preloader after publish

October 16, 2014, 7:16 am
$
0
0

hi,

 

I'm in the new release.

 

my page works perfectly in preview, but hangs on preloader after publish...

 

Here's the project and the "publish"-folder is included...

 

http://we.tl/nZEW54lLjD

 

 

Can anyone see what's wrong?

 

 

thanks for helping.

↧

Timeline Driven Content Box

October 16, 2014, 7:51 am
$
0
0

I had this idea while doing a job application through a page of tabbed content.

 

 

I work with 3D graphics and we market ourselves by doing a demo reel video, but unlike a Zbrush artist or an animator, I don't sell only great looking results, but also creative technical decisions. <br>

It's a mix. They can't just look good on paper, but the final result leaves many interesting details out. So I need both. A video for the results and html content for details.

 

 

So I came with this idea of a box where content changes depending on the video's timeline. Basically like subtitles, on steroids. This way people can just see the video as one piece or augment what the video shows with information in the box, or even just navigate in the box.

Sketch: http://i.imgur.com/szssAha.png

 

 

This seems like a mission for Html5. Can Adobe Edge do it? As anyone released something like this or is working on it?

 

 

Cheers

↧

disable editing a variable from edge JS files or private function?

October 16, 2014, 8:03 am
$
0
0

i want to add security to my codes or a private function that you can't view or edit via developer console.. is it possible?

↧
Search

How to add an event after ALL the components of an animation(incl. symbols)were created and played?

January 5, 2014, 2:29 am
$
0
0

I would like to add a button/trigger that goes back to the beginning of the animation when all the elements of my composition, including symbols which have their own timelines and trigger buttons, were created and drawn/played. It should be independent of the main timeline.

Is there any way to do it?

 

Thanks!

↧
↧

Where can download edge.4.0.1.min.map?

October 16, 2014, 8:47 am
$
0
0

Where can download edge.4.0.1.min.map? All my animate files are throwing a 404 error in the console, edge.4.0.1.min.map not found and I've looked in all my animate javascript files and it's not in any of them. Where is this file located?

↧

Access a nested symbol timeline from the main stage

October 16, 2014, 9:03 am
$
0
0

Hi all,

 

Would love some help on accessing a nested symbol from the main stage please.

 

To set the scene.....

"Its an autumn day..

no sorry...just joking...

 

So i have a symbol called "NormalAnatomy" - its not on the main stage, but when a button is clicked it appears in the 'content' box which is just a rectangle on the main stage.

Inside "NormalAnatomy" symbol is another symbol called "Scrub_all" which is an animation

For users to view the animation they use a scrub bar like this lovely lady has invented:

Create Click and Touch Draggable Scrubbers with Edge Animate CC | sarahjustine.com

 

So for Sarah Justines scrubber to work - the main stage has a lot of actions added to it. Also the "timelinePlay" symbol is on the main stage

Its starts:

var symDur = sym.getSymbol("timelinePlay").getDuration();

var mySymbol = sym.getSymbol("timelinePlay");

var scrubber = sym.$("scrubber");

var bar = sym.$("bar");

sym.$("mobileHit").hide();

var dragme = false;

 

So I put my "NormalAnatomy" symbol on my main stage to see if the code would work and changed all the relevant details.. and indeed it worked!

var symDur = sym.getSymbol("NormalAnatomy").getSymbol("Scrub_all").getDuration();

var mySymbol = sym.getSymbol("NormalAnatomy").getSymbol("Scrub_all");

var scrubber = sym.getSymbol("NormalAnatomy").$("scrubber");

var bar = sym.getSymbol("NormalAnatomy").$("bar");

sym.getSymbol("NormalAnatomy").$("mobileHit").hide();

var dragme = false;

 

But i don't want the "NormalAnatomy" symbol to be on the main stage as I want it to appear in the 'content' box only when i hit a btn

So as soon as I took this symbol off the main stage, the scrubber doesn't work. So I click a btn, and the symbol appears in the content box but the scrubber doesn't work.

so I tried in front of the "NormalAnatomy"

getStage().

getStage("content").

getComposition().getStage().

getSymbol("content").

 

but nothing works

The main problem must be the fact that the NormalAnatomy symbol appears inside a content box so the MainStage actions doesn't know how to find it??

So my question is... what should I put in the main stage actions to make it access the "NormalAnatomy" symbol?

 

Thanks for your help in advance!

↧

Is there a way to control html on the time line?

July 27, 2014, 7:57 am
$
0
0

Is there a way to control html on the time line?

I Entered html looks good in preview but I can't  control it's visibility I only need it in certain frames, instead

it's across the whole animation.


↧

[v 2014.1]Can't get input type text value from code

October 16, 2014, 9:19 am
$
0
0

Hi everyone,

 

i've noticed that there are a lot of changes between 2014.0 and 2014,1 version.

 

In the older version i used to put an input type text and get its value this way:

 

//-------------------- put code -----------------------------------

var text_element= sym.$("t_element")

text_element.html("");

inputtext_element = $('<input />').attr({'type':'text', 'placeholder':'', 'id':'text_element', 'size':'30'});

inputtext_element.css ('background-color', '#ffffff');

inputtext_element.css ('font-size', '14px');

inputtext_element.css ('color', '#000000');

inputtext_element.css ('outline', 'none');

inputtext_element.css ('border', 'none');

inputtext_element.appendTo(text_element);

 

//------------------- get Code -------------------------------

 

var input_value = $("#text_element").val();

if(  input_value == "something" ) {

 

doSomething();

 

} else {

 

doSomethingElse();


}

 

//-------------------- end code ------------------------------

 

 

 

But now i can't use this system.

i've inserted the input type text this way:

 

sym.$("t_element").html("<input type='text' placeholder='write here!!' id='textElement' size='30' style='border:none ; background-color:#FFF ; font-size:11pt ; color:#000000;'/>");

 

but now i can't retrive its value.

 

 

thanks for the help!

↧
↧

Button Animation

October 16, 2014, 9:28 am
$
0
0

I'd like to have a button in menu that does several things, but I'm not sure if this is possible:

 

Button with Up state

Roll over with mouse and button changes color

Click button and it animates by twisting to the right 90 degrees

After clicking, the user will be brought to a slideshow

While at this slideshow, the button needs to stay in the clicked 90 degree state

 

When a user is done with the slideshow, they will click on another button in the menu. The first button needs to reverse 90 degrees and go back to it's normal state and then the new button does that same actions as above.

 

I would have 4 buttons. Is this possible?

↧

overflow hidden is not working properly

October 16, 2014, 9:48 am
$
0
0

I am publishing my animation In Edge Animate, and then using the <div> from my published x_animate.html file in my HTML5 site page. The animations themselves are working fine - but they overflow the <div> and elements are shown outside of the <div> borders. This happens even when I set the CSS property "overflow: hidden", which should prevent this. Please advise.

↧
Search

Edge Animate file working on main blog page but not on the individual blog post in BC

October 16, 2014, 11:15 am
$
0
0

I recently uploaded an edge animate file to my blog which is host on Business Catalyst (BC). The edge file works on the main blog page but not on the individual blog post. How can I solve this problem?

 

I did the following steps:

 

  1. I added the required Adobe Edge scripts on my main blog template.
  2. Create folder on the server called "edge_includes" and uploaded the 'edge.5.0.0.min' file.
  3. Create folder on the server called "js" and uploaded the 'jquery-1.7.1.min' file.
  4. Copy and pasted the div to the part of the blog post I wanted the file to appear (<div id="Stage" class="EDGE-13973370"></div>).
  5. Uploaded the name of the js file to the root called 'World of Code_edge.'
  6. Uploaded the images to the existing folder called 'images.'
↧

How to create mouse parallax

October 4, 2014, 11:43 am
$
0
0

I am looking for mouse move parallax effect in edge animate. If you aren't getting my words then check this out (Paul Trani | Follow Mouse Movement in Edge Animate). After this tutorial I am able to make my background image move with my cursor. But the problem is that it works with X position I don't know how to do this with Y axis since its linked with timeline.

Hope I'll get a solution here.

Thanks in advance.

↧
↧

Edge Animate: Change URL, Back and Forward Buttons (JS window.history)

October 16, 2014, 4:24 pm
$
0
0

Hi,

I want to build complete homepages with edge animate and i am on a good way but i have only one problem.

A site built in Edge Animate seems to has fluently changes from site to site because it is only one site.

So i have to simulate the feeling of junping to next site ore move forward

An exaple: I have built a site with edge animate with the home button, info button and a contact button.

i can switch fluently from one to the other. so it seems that it is a complete homepage but when i am on contact or on info i cannot klick to the back button on the browser.

so i found on web that i can change the url state.

i made a symbol then made a click event and put the line ---> window.history.pushState("Foto", "Title", "/photo");

now the Url changes from "example.com" to "example.com/photo"

 

Now the problem: How can i say to edge animate, that when i click the back button on the browser that it hast to go to timeline on a label?????

 

Please answer me.

I am sleepless until i understand it

↧

Question: Adding Click OpenURL on grouped DIV

October 16, 2014, 6:10 pm
$
0
0

I have a rectangle and two simple text blocks grouped together in a div. I've attempted to add a click/openurl to the group div but strange things happen when I preview/test...

 

On one occassion, the page target I wanted on the click function did open up... but the address bar url did not change. So the address url and the page I happened to be looking at were not the same??

 

I tried to add another url to a similiar grouped div and the same result occurred but was the target page for I had assigned for the second link...

 

So:

Can I add click/openurl to a grouped div?

If yes, is there a known bug that touches on the symptoms described here?

 

Thanks for any/all feedback. Time is criticial.

↧

How to add a symbol event handler (on click or on mouseover) on the stage timeline

October 16, 2014, 8:06 am
$
0
0

Is it possible to add an event handler on Animates main stage that controls a symbol?  So for example, if you had mulitple symbols on the stage, each with their own unique names and then on the main stage you wanted to add a list of event handlers specific to those symbols to affect a change when you interacted with that symbol.

 

For example when you click the symbol a couple of things would happen like...

 

1) On click (symbol name) the symbol animation starts

2) On roll out (symbol name) the symbol animation stops

3) The symbols background image is set on the main timeline.

 

All of these can easily be done on the symbol itself, but can those be done from the main timeline (the stage).  does anyone know a solution?

↧
Viewing all 9897 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>