Using Greensock TweenLite or TweenMax with edge

I heard that it is possible to use the library of Tween of Greensock with Adobe Edge. I tried to implement a project that I'm trying. I read in 2 ways to include a JS library.

One method is to include JS files as you normally would in any HTML file. This comes under the <!-Motors run Adobe Edge-> comments, as follows:

"< script type =" text/javascript"href="edge_includes/TweenMax.min.js "> < / script >
"< script type =" text/javascript"href="edge_includes/TweenLite.min.js "> < / script >

Another method I've found is this one:

() yepnope

{

Nope:]

"edge_includes/TweenMax.min.js,"

"edge_includes/easing/EasePack.min.js,"

'edge_includes/TweenLite.min.js '.

],

full: init

}

);

Whatever it is, I'm not responsed from all interpolation at all. Here is an example of an attempt to change a property of a symbol on the stage.

function init() {}

chunLi var = sym.$("ChunLi");

{chunLi.mouseover (function ()}

TweenMax.to (chunLi, 1, {width: 250});

});

{chunLi.mouseout (function ()}

});

}

I also tried with the CSS method:

TweenMax.to (chunLi, 1, {css: {width: 250}});

Nothing works.

In fact, I can't do something for any symbol properties. Everything I'm doing is a substitution effect for a set of symbols that will increase their size onmouseover and then return to normal size onmouseout.

Edge file is located here: http://www.lemieux-design.net/street fighter.zip

I downloaded your project files and there are several things that need fixing.

1. you are trying to refer to a symbol to help

chunLi var = sym.$("ChunLi");

The syntax must be

chunLi var = sym.getSymbol ("ChunLi");

2. the syntax of the event mouse should be

{chunLi.getSymbolElement () .bind ('mouseover', function ()}

TweenMax.to (this, 1, {css: {scaleX: 2}});

});

3. you try to change the width of the image in the symbol which can be unpredictable. A best practice is to change the scale. See point 2 above. You can also measure the Properties X and Y in a property by simply writing:

{chunLi.getSymbolElement () .bind ('mouseover', function ()}

TweenMax.to (this, 1, {css: {scale: 2}});

});

4. you must also make sure that you have set the properties you want to animate within a CSS object. See point 2 above.

As a side note, you must also load TweenLite if you load already TweenMax.

If your final code (cut a bit here) should be:

() yepnope

{

Nope:]

"edge_includes/TweenMax.min.js,"

'edge_includes/easing/EasePack.min.js '.

],

full: init

}

);

function init() {}

chunLi var = sym.getSymbol ("ChunLi");

{chunLi.getSymbolElement () .bind ('mouseover', function ()}

TweenMax.to (this, 1, {css: {scale: 2}});

});

}

I hope this helps.

See you soon,.

Chris

Tags: Edge Animate

Similar Questions

  • HTML convert a project with edge animation in a video format

    Hello everyone should be noted that I'm not a specialist of great graphics. I wanted to ask you if you can convert an html project done with edge animation in a video format, type mpg4.  concerning

    Not directly from edge host. You will need to use a screen recorder.

  • Semicircle with edge of sharpness

    Hello

    How can I draw a semi-circle with edge of sharpness?

    Thank you

    Display > rules

    Add a blank layer over a base coat white

    Draw the circle with the elliptical marquee also. Hold the SHIFT key to create a circle.

    Edit > stroke the selection with a color

    Edit > free Transform. He will put a marker in the center of the circle.

    Take on a baseline of the rule more than the Center marker and then cancel the free transform.

    Add a rectangular mask with the top line to the reference line and fill it black

    or

    Do not mask. Simply fill out the white rectangle

    Use the move tool to return the reference to its leader line

  • Loading preloader code of action ever performed with edge animate (2014.1.1).  Is this a bug?

    Some code I put in the P ofreloader action of loading does not work with edge animate (2014.1.1).  He used to work in previous versions.  How can I make it work?

    Hi Phildsb

    We have fixed this bug. This hotfix will be available with the next version of edge animate - ETA possibly 1-2 months on this version.

    Thank you

    Dieudonné

  • JS error on export with edge animate?

    Ive just started messing around with edge animate and Muse.  The first time or two that I exported it worked.  But I'm not sure what I did, but now whenever I export I ge TThe:

    http://i.imgur.com/gtqQDiH.PNG

    It works FINE in the preview, but when I export, I get this error every time.

    Even with a new website and a new animation.

    Hello

    Large. I must tell you that the most common cause of JavaScript errors on a page of Muse is missing from server or .js files or other files on the server, not all human beings of the backup of files .js version of Muse. If you use an external FTP client, you must re - download all the files and folders every time that a site is implemented using an updated version of Muse (since the code generated by changes of the Muse of liberation to free to improve page load performance, support new features, new versions of browsers or devices (, etc. of the address, etc.).

    The second most often the cause of errors JavaScript on a page Muse is bug embed code and/or include code that is in conflict with the JavaScript code used by Muse.

    Kind regards

    Rohit Nair

  • Problems with EDGE and Firefox 17

    17 Firefox is configured as my 'default' browser (Win7pro).

    I have a project loaded, saved dashboard and running. The project plays perfectly in firefox 17 when I use "Preview in browser" dashboard. But if I try to open the html package exported directly in firefox I get a message error "additional plugins are required to display the media on this page" with an option for 'install' plugins such as of course it does not find when you try to do. All java plugins are up-to-date and updates. Then...

    Why it works fine when I use "Preview in browser" directly form edge and not when I try to open the page directly in firefox 17? What does EDGE when he "sends" a glimpse into the browser that it doesn't when it creates the html export package?  BTW, everything works well in IE9.

    Joel Veizer

    I just downloaded the

    Your project file > .html (to open in FireFox) works very well. I don't get all the guests, either. Everything smoothly.

    I just created a simple page n Dw > added the package .oam of Board Composition. Saved and viewed in FireFox - works a charm and no warning. DW does not preview in application of edge entertainment.

    I can't explain why to make your FireFox with messages. The only thing I can see is if you have a few FireFox debugging extension or plugin installed.

    I see one thing about your project file (although I doubt that's the cause of the quick FireFox question)-your project seems to be a "report of an earlier version. I can say this is because your scene Panel Elements reference is tiny (stage

    ). That was how it was in Preview on Adobe Labs builds. Since the v1 should now appear like this (Stadium
    ).

    Darrell

  • Can I use Siri new Apple remote with my Apple TV 3rd generation?

    Can I use Siri new Apple remote with my Apple TV 3rd generation?

    No. not compatible.

  • Can I use HP jet Office 2131 with mac

    Can I use HP jet Office 2131 with mac

    No reason to think that you maybe isn't able to use it with a Mac?

    According to the specs on HPs website, it is completely compatible with Mac.

    http://WWW8.HP.com/in/en/products/printers/product-detail.html?OID=8414102#! tab = specifications

    Operating systems supported: Windows 10, 8.1 Windows, Windows 8, Windows 7
    V10.8 OS X Mountain Lion, OS X v10.9 Mavericks, Yosemite OS X v10.10

  • I want to use my camcorder panasonic SC-with v720 good hdmi as a webcam how do I do that

    Subject: I want to use my camcorder panasonic SC-with v720 good hdmi as a webcam how do I do that

    I was looking for a good webcam (video camera) that I can use to spread my webinars.

    I can't find on the website of apple that works well with my macbook so I can use it in quicktime, Skype, facetime, google den, jam Webinar, goto webinar etc.

    If you know that a good webcam please let me know.

    Then I found an article on the internet how to use your own video camera as a webcam.

    But you must have some sort of converter video thunderbolt Blackmagic Design UltraStudio datalogger of 150 dollars.

    I don't understand that, my camcorder has my mac book has hdmi hdmi why isn't is possible to connect them so that I can use my camcorder as a webcam.

    My panasonic SC-720v is also compatible with imovie.

    Please who can help out me.

    Greetings

    Conrad

    The Netherlands.

    By the present the link which connect a video camera with the crush blabla UltraStudio recorder of Blackmagic Design Mini converter

    https://Ozar.me/2014/03/using-HD-camcorder-Mac-webcam/

    I think that the HDMI on your Air port was released only to screen external which is why you need the converter.

  • I used to have a box with the letters/folder called "All messages" - I do not have. Don't know what happened to her - I guess I could have deleted by accident? Can someone tell me how to get it back? Thank you

    I use the MAIL function on my MacBook Pro. I used to have a box with the letters/folder called "All messages" - I do not have. Don't know what happened to her - I guess I could have deleted by accident? Can someone tell me how to get it back? Thank you

    What do you mean 'all messages '? all mail entering, or email any or all all. ?

  • I bought a 2 French MagSafe adapter for my Mac of USA. Can I also use the cord French him with my USA for the first Mac adapter?

    We are the USA, but visit the France my MacAir and Macbook Pro husband. Both use the 2 MagSafe power adapter. So, I bought a power MagSafe 2 with French plugs adapter. Can we mix and match, while in France, using (1) the French MagSafe 2 adapter plug directly into the more (2) the French cord with adapter USA. In addition, we were worried we needed the voltage conversion of 240 to 110 while in France but the other, the old messages suggest that we could simply use an adaptor plug French with the USA MagSafe 2 even power adapter. Is this true?

    You don't need a power converter. The Chargers can use 110-240 volts. Read the fine print on the charger (you will need a magnifying glass if your eyes are as bad as mine). The only part you need is the area plug the adapter to fit the wall socket.

  • What is required to use a headset Logitech h110 with a Mac Mini?

    I plugged in two different Logitech h110 helmets to the Mac mini. One of them is brand new from its packaging.

    Nor, we record the entry levels of the microphone of the headset, as indicated on the screen Preferences sound.

    Other applications are also any audio input either.

    What is required to use a headset Logitech h110 with a Mac Mini?

    http://www.Amazon.com/STARTech-com-headsets-separate-headphone-microphone/DP/B00 4SP0WAQ/ref = pd_bxgy_147_img_2? ie = UTF8 & refRID = 0J342KYWVKRQFFXA4WPY

    It will also depend on the model of your MacMini, info provided you no, only the most recent models can use this type of adapter.

    You have purchased helmets designed for s PC not Mac.

  • Is it possible to use the 32-bit firefox with the plugin java 64 bit?

    Is it possible to use the 32-bit firefox with the plugin java 64 bit?
    I would use 32-bit firefox and I already install the plugin java 64 bit.
    Is this a good choice is not to install the 32-bit java plugin?
    These will cause problems?

    Thanks in advance.
    Kind regards
    Sean

    Nope - you need the 32-bit Java to go with the 32-bit Firefox, if you want that Java run

  • The use of two external displays with my Macbook Pro 7.1

    Can I use two external VGA monitors with my Macbook Pro 7.1 (mid-2010)? What do I need to connect them? A mini display port and a VGA splitter?

    I think it is a good idea.

    But what you can do is to get a mini displayport to VGA.

    Then get this one. In this way I think than its cheapest

    http://www.Amazon.com/GP/product//B00CIZ5C5I/ref=twister_dp_update?ie=UTF8 & PSC = 1

  • Can I use the CD that came with my Palm Z22 to install on my new computer Windows 8 2005?

    I'm upgrading from a Dell XP machine on a computer Dell Windows 8.  My old Palm Z22 driver installation CD will work to load the software into my new Windows 8 machine; or do I need to download a new software specifically for Windows 8?

    After losing almost three frustrating weekends, I finally got my Z22 to synchronize with Windows 8.  You never answered my first question [can I use the CD that came with my Palm Z22 to install on my new computer Windows 8 2005?], that would have eliminated a lot of uncertainty in my many attempts to synchronize with the download of version 6.2 has recommended you.  Fortunately, I wasn't the original CD with version 4.2, because 6.2 has toured with a bit more clear instructions and a new download of http://www.palmdr.com/windows-7-64-bit-usb-drivers

    Thanks for your advice in any case.

Maybe you are looking for