Integrating WebGL and Edge Animate CC?

Has anyone managed to get a working example of a WebGL demo (like these http://threejs.org/examples/#webgl_particles_random) into an Edge Animate CC Stage?
I'd love to see one if someone has managed it... thanks!

Hi Marie,
I tested this code:
var myElement = sym.$("Rectangle")[0];
var mc = new Hammer(myElement);
mc.on("panleft panright tap press", function(ev) {
console.log("ev.type:", ev.type);
myElement.textContent = ev.type +" gesture detected.";
It returns this (MacBook: latest Mac OS and Safari):
An iPad returns: "panleft gesture detected", "panright gesture detected", "tap gesture detected" and "press gesture detected".
Files: HammerTests.zip - Box
I use this CDN library: hammerjs - cdnjs.com - the missing cdn for javascript and css

Similar Messages

Adobe Muse and Edge Animate - How do you consolidate files on server/ftp?

Hello everyone,
I am working on a site, and I recently added Edge Animate animations to it. They look great, but the only issue I'm having is that the site doesn't load as quickly as I would like it to. I did a few speed test and I think what's causing the load time is that I have about 5 different Edge Animate animations and they each have their own seperate folder with their own javascript in a folder called "Assets."
Is there a way to consolidate the "Assets folder," so that my site loads faster?
Any help would be greatly appreciated!

Hi, VelveteenWebDesignGroup-
You're in luck! We just added in a feature to the latest version of Edge Animate CC (3.0) to enable the CDN option for OAM publish (what we call the "Animate Deployment Package"). This means that your Animate compositions can now references jQuery and the Animate runtime from the network instead of from the project directory. (Please note that this will only make sense for Dreamweaver and Muse integration with OAM and won't make sense for InDesign.)
To turn this on, launch Animate and go to File > Publish Settings. Then select the Animate Deployment Package on the left and click "Host runtime files on Adobe CDN." Save and publish, and you should be good to go.
Hope this helps,
-Elaine

Hammer.js and Edge Animate CC 2014

Is it still possible to include the Hammer.js library in Edge Animate CC 2014.1?
I need a simple way to detect swipe up / down. Thanks.

Hi Marie,
I tested this code:
var myElement = sym.$("Rectangle")[0];
var mc = new Hammer(myElement);
mc.on("panleft panright tap press", function(ev) {
console.log("ev.type:", ev.type);
myElement.textContent = ev.type +" gesture detected.";
It returns this (MacBook: latest Mac OS and Safari):
An iPad returns: "panleft gesture detected", "panright gesture detected", "tap gesture detected" and "press gesture detected".
Files: HammerTests.zip - Box
I use this CDN library: hammerjs - cdnjs.com - the missing cdn for javascript and css

Help with jQuery and Edge Animate

Hello there. I am new to Adobe Edge Animate and have had a lot of trouble loading my jQuery into the project for drag and drop features. Do you have any recommendations, suggestions, tutoring? I am in Upstate New York.
Many thanks!

Thank you, thank you, thank you for all of your help so far. It took me a while to figure out what the error was that I was having. Unfortunately, I know the error but not the cause. The file you sent from the dropbox did not work, but I had a few other samples, one from your website, and one from Lynda.com. I assumed the jQuery library was not loading properly-
I went back and forth to the different Animate project folders, and by comparing those that worked with those that didn't, I was able to copy the jQuery libraries and place them in the correct location- until I got it right. So, I was able to continue with the Draggable feature, but I am not sure why the files were not adding to the right folders- I will have to continue to practice so I don't have to duplicate a folder and project to start out right.
The files I moved were:
In the JS folder:
and the Edge Includes folder:
For some reason, the jqueery-2.0.3.min.js needed to be there as well, and I think this might have been the error.
Anyway...
So I have the Draggable working, here is a sample:
http://mrteelin.com/Superhero2/Superhero2.html
Before I moved on to the drop feature, I wanted to see if the drag would work on an iPad. I am going to be creating personalized refrigerator magnets for students for the iPad, so just draggable to start will be helpful. I have added the touch-punch and then added the draggable code to the starttouch tab, but it isn't working.
Here is a .zip if anyone is brave enough to keep helping!
http://mrteelin.com/Superhero.zip
Thanks again!

SEO and edge animate

Hey there adobe forum
I would like to know, how the best way of implementing edge animate to your html files for seo.
as for now, I just publish on the adobe cdn and as static html.
it looks like this as for now:
<script src="edgefile.edgePreload"></script>
<html>
<body>
<div id="stage1(we have around 4 compositions) class="edge_menu"></div>
<body>
<html>
But? Should I put the whole html output from the static file adobe genereates in my html file?
Hope this makes sense hehe.
Mikkel Madsen

HTML file:
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <title>footer</title>

    <script type="text/javascript" charset="utf-8" src="footer_edgePreload.js"></script>
    <style>
        .edgeLoad-footer { visibility:hidden; }
    </style>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="footer">
          </div>
</body>
</html>
footer_edge.js
* Adobe Edge: symbol definitions
(function($, Edge, compId){
//images folder
var im='images/';
var fonts = {};    fonts['doppio-one, sans-serif']='<script src=\"http://use.edgefonts.net/doppio-one:n4:all.js\"></script>';
    fonts['Oxygen, sans-serif']='<link href=\'http://fonts.googleapis.com/css?family=Oxygen\' rel=\'stylesheet\' type=\'text/css\'>';
var opts = {};
var resources = [
var symbols = {
"stage": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                id: 'Text2',
                type: 'text',
                rect: ['96px', '165px','326px','99px','auto', 'auto'],
                text: "CRAFTHOUSE I/S",
                align: "left",
                font: ['doppio-one, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
                id: 'Text2Copy',
                type: 'text',
                rect: ['96px', '165px','326px','99px','auto', 'auto'],
                text: "Kontakt",
                align: "left",
                font: ['doppio-one, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
                id: 'Text2Copy2',
                type: 'text',
                rect: ['96px', '165px','326px','99px','auto', 'auto'],
                text: "Hold dig updateret her",
                align: "left",
                font: ['doppio-one, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
                id: 'Text3',
                type: 'text',
                rect: ['0px', '148px','196px','19px','auto', 'auto'],
                text: "Udviklet af",
                align: "left",
                font: ['Oxygen, sans-serif', 12, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4',
                type: 'text',
                rect: ['1px', '214px','227px','19px','auto', 'auto'],
                text: "Mjøsensgade 14, 1.sal tv",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy',
                type: 'text',
                rect: ['1px', '250px','227px','19px','auto', 'auto'],
                text: "2300 København S",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy2',
                type: 'text',
                rect: ['1px', '286px','227px','19px','auto', 'auto'],
                text: "Danmark",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy9',
                type: 'text',
                rect: ['409px', '287px','227px','19px','auto', 'auto'],
                text: "CVR-nr: 35128638 ",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'homepage',
                type: 'rect',
                rect: ['1', '323','auto','auto','auto', 'auto'],
                cursor: ['pointer']
                id: 'Text4Copy7',
                type: 'text',
                rect: ['443px', '214px','109px','19px','auto', 'auto'],
                text: "+45 60 24 75 98",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy6',
                type: 'text',
                rect: ['443px', '249px','131px','19px','auto', 'auto'],
                text: "[email protected]",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy4',
                type: 'text',
                rect: ['409px', '323px','227px','19px','auto', 'auto'],
                text: "© Crafthouse I/S 2013",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "900", "none", "normal"]
                id: 'phone_logo',
                type: 'image',
                rect: ['409px', '213px','20px','20px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"phone_logo.png",'0px','0px']
                id: 'mail_ikon',
                type: 'image',
                rect: ['409px', '248px','20px','20px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"mail_ikon.png",'0px','0px']
                id: 'logo',
                type: 'rect',
                rect: ['1', '35','auto','auto','auto', 'auto'],
                cursor: ['pointer']
                id: 'Rectangle3',
                type: 'rect',
                rect: ['1px', '241px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy',
                type: 'rect',
                rect: ['1px', '277px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy2',
                type: 'rect',
                rect: ['1px', '314px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy5',
                type: 'rect',
                rect: ['409px', '241px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy4',
                type: 'rect',
                rect: ['409px', '277px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy3',
                type: 'rect',
                rect: ['409px', '314px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle4',
                type: 'rect',
                rect: ['437px', '214px','1px','15px','auto', 'auto'],
                fill: ["rgba(71,71,71,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle4Copy',
                type: 'rect',
                rect: ['437px', '250px','1px','15px','auto', 'auto'],
                fill: ["rgba(71,71,71,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'facebook_ikon_hover2',
                type: 'image',
                rect: ['785px', '212px','43px','43px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(0,0,0,0)",im+"facebook_ikon_hover.png",'0px','0px']
                id: 'googleplus_ikon_hover',
                type: 'image',
                rect: ['851px', '212px','43px','43px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(0,0,0,0)",im+"googleplus_ikon_hover.png",'0px','0px']
                id: 'footer_blog_icon',
                type: 'image',
                rect: ['917px', '212px','43px','43px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(0,0,0,0)",im+"footer_blog_icon.png",'0px','0px']
            symbolInstances: [
                id: 'logo',
                symbolName: 'logo',
                autoPlay: {
                id: 'homepage',
                symbolName: 'homepage',
                autoPlay: {
    states: {
        "Base State": {
            "${_Text4Copy6}": [
                ["style", "top", '249px'],
                ["style", "width", '131px'],
                ["style", "height", '19px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '443px'],
                ["style", "font-size", '14px']
            "${_Text2Copy}": [
                ["style", "top", '163px'],
                ["style", "width", '186px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "height", '31px'],
                ["style", "font-family", 'doppio-one, sans-serif'],
                ["style", "left", '409px'],
                ["style", "font-size", '16px']
            "${_googleplus_ikon_hover}": [
                ["style", "top", '212px'],
                ["style", "left", '851px'],
                ["style", "cursor", 'pointer']
            "${_Rectangle3Copy2}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)'],
                ["style", "top", '314px']
            "${_Text2}": [
                ["style", "top", '163px'],
                ["style", "font-size", '16px'],
                ["style", "height", '31px'],
                ["style", "font-family", 'doppio-one, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "left", '0px'],
                ["style", "width", '186px']
            "${_Text2Copy2}": [
                ["style", "top", '163px'],
                ["style", "font-size", '16px'],
                ["style", "height", '29px'],
                ["style", "font-family", 'doppio-one, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "left", '785px'],
                ["style", "width", '175px']
            "${_Rectangle4Copy}": [
                ["style", "top", '250px'],
                ["style", "height", '15px'],
                ["color", "background-color", 'rgba(71,71,71,1.00)'],
                ["style", "left", '437px'],
                ["style", "width", '1px']
            "${_Text4Copy}": [
                ["style", "top", '250px'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-size", '14px']
            "${_Rectangle3Copy4}": [
                ["style", "top", '277px'],
                ["style", "left", '409px'],
                ["color", "background-color", 'rgba(102,102,102,1.00)']
            "${_Rectangle4}": [
                ["color", "background-color", 'rgba(71,71,71,1.00)'],
                ["style", "height", '15px'],
                ["style", "top", '214px'],
                ["style", "left", '437px'],
                ["style", "width", '1px']
            "${_Text4}": [
                ["style", "top", '214px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '1px'],
                ["style", "font-size", '14px']
            "${_Text3}": [
                ["style", "top", '148px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '0px'],
                ["style", "font-size", '12px']
            "${_logo}": [
                ["style", "top", '47px'],
                ["style", "left", '0px'],
                ["style", "cursor", 'pointer'],
                ["transform", "scaleX", '1.0144']
            "${_Text4Copy9}": [
                ["style", "top", '287px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '409px'],
                ["style", "font-size", '14px']
            "${_phone_logo}": [
                ["style", "left", '409px'],
                ["style", "top", '213px']
            "${_Rectangle3Copy3}": [
                ["style", "top", '314px'],
                ["style", "left", '409px'],
                ["color", "background-color", 'rgba(102,102,102,1.00)']
            "${_facebook_ikon_hover2}": [
                ["style", "top", '212px'],
                ["style", "left", '785px'],
                ["style", "cursor", 'pointer']
            "${_footer_blog_icon}": [
                ["style", "top", '212px'],
                ["style", "left", '917px'],
                ["style", "cursor", 'pointer']
            "${_Rectangle3Copy5}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)'],
                ["style", "left", '409px'],
                ["style", "top", '241px']
            "${_Rectangle3}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)']
            "${_Rectangle3Copy}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)'],
                ["style", "top", '277px']
            "${_Text4Copy4}": [
                ["style", "top", '323px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "height", '19px'],
                ["style", "font-weight", '900'],
                ["style", "left", '409px'],
                ["style", "font-size", '14px']
            "${_homepage}": [
                ["style", "cursor", 'pointer']
            "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,0.00)'],
                ["style", "width", '960px'],
                ["style", "height", '400px'],
                ["style", "overflow", 'hidden']
            "${_Text4Copy2}": [
                ["style", "top", '286px'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-size", '14px']
            "${_Text4Copy7}": [
                ["style", "top", '214px'],
                ["style", "width", '109px'],
                ["style", "height", '19px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '443px'],
                ["style", "font-size", '14px']
            "${_mail_ikon}": [
                ["style", "left", '409px'],
                ["style", "top", '248px']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
                { id: "eid11", tween: [ "style", "${_Text2Copy}", "height", '31px', { fromValue: '31px'}], position: 0, duration: 0 },
                { id: "eid5", tween: [ "style", "${_Text2}", "height", '31px', { fromValue: '31px'}], position: 0, duration: 0 },
                { id: "eid42", tween: [ "style", "${_logo}", "top", '47px', { fromValue: '47px'}], position: 0, duration: 0 },
                { id: "eid6", tween: [ "style", "${_Text2}", "font-size", '16px', { fromValue: '16px'}], position: 0, duration: 0 },
                { id: "eid50", tween: [ "transform", "${_logo}", "scaleX", '1.0144', { fromValue: '1.0144'}], position: 0, duration: 0 },
                { id: "eid38", tween: [ "style", "${_Text2}", "top", '163px', { fromValue: '163px'}], position: 0, duration: 0 },
                { id: "eid66", tween: [ "style", "${_Text2Copy2}", "width", '175px', { fromValue: '175px'}], position: 0, duration: 0 },
                { id: "eid9", tween: [ "style", "${_Text2Copy}", "font-size", '16px', { fromValue: '16px'}], position: 0, duration: 0 },
                { id: "eid72", tween: [ "style", "${_Text2Copy2}", "top", '163px', { fromValue: '163px'}], position: 0, duration: 0 },
                { id: "eid51", tween: [ "style", "${_logo}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid67", tween: [ "style", "${_Text2Copy2}", "left", '785px', { fromValue: '785px'}], position: 0, duration: 0 },
                { id: "eid2", tween: [ "style", "${_Text2}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid20", tween: [ "style", "${_Text2Copy2}", "font-size", '16px', { fromValue: '16px'}], position: 0, duration: 0 },
                { id: "eid54", tween: [ "gradient", "${_Stage}", "background-image", [270,[['rgba(255,255,255,0.00)',0],['rgba(255,255,255,0.00)',100]]], { fromValue: [270,[['rgba(255,255,255,0.00)',0],['rgba(255,255,255,0.00)',100]]]}], position: 0, duration: 0 },
                { id: "eid64", tween: [ "style", "${_Text2Copy}", "top", '163px', { fromValue: '163px'}], position: 0, duration: 0 },
                { id: "eid13", tween: [ "style", "${_Text2Copy}", "width", '186px', { fromValue: '186px'}], position: 0, duration: 0 },
                { id: "eid55", tween: [ "color", "${_Stage}", "background-color", 'rgba(255,255,255,0.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,0.00)'}], position: 0, duration: 0 },
                { id: "eid22", tween: [ "color", "${_Text2Copy2}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
                { id: "eid18", tween: [ "color", "${_Text2}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
                { id: "eid62", tween: [ "style", "${_Text2Copy}", "left", '409px', { fromValue: '409px'}], position: 0, duration: 0 },
                { id: "eid17", tween: [ "color", "${_Text2Copy}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
                { id: "eid40", tween: [ "style", "${_Text2Copy2}", "height", '29px', { fromValue: '29px'}], position: 0, duration: 0 },
                { id: "eid4", tween: [ "style", "${_Text2}", "width", '186px', { fromValue: '186px'}], position: 0, duration: 0 }            ]
"logo": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                    id: 'logo_footer',
                    type: 'image',
                    rect: ['0px', '0px', '200px', '80px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/logo_footer.png', '0px', '0px']
                    id: 'logo_footer_hover',
                    type: 'image',
                    rect: ['0', '0', '200px', '80px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/logo_footer_hover.png', '0px', '0px']
                    rect: ['0px', '1px', '200px', '80px', 'auto', 'auto'],
                    id: 'wrapper',
                    stroke: [0, 'rgb(0, 0, 0)', 'none'],
                    type: 'rect',
                    fill: ['rgba(192,192,192,1)']
            symbolInstances: [
    states: {
        "Base State": {
            "${_wrapper}": [
                ["style", "opacity", '0']
            "${_logo_footer_hover}": [
                ["style", "opacity", '0']
            "${_logo_footer}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            "${symbolSelector}": [
                ["style", "height", '80px'],
                ["style", "width", '200px']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 500,
            autoPlay: false,
            timeline: [
                { id: "eid16", tween: [ "style", "${_logo_footer_hover}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 500 }            ]
"homepage": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                    rect: ['0px', '0px', '138px', '19px', 'auto', 'auto'],
                    font: ['Oxygen, sans-serif', 14, 'rgba(255,255,255,1.00)', '900', 'none', 'normal'],
                    id: 'Text4Copy3',
                    text: 'www.crafthouse.dk',
                    align: 'left',
                    type: 'text'
            symbolInstances: [
    states: {
        "Base State": {
            "${_Text4Copy3}": [
                ["style", "top", '0px'],
                ["style", "font-size", '14px'],
                ["color", "color", 'rgba(255,255,255,1)'],
                ["style", "font-weight", '900'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '0px'],
                ["style", "width", '138px']
            "${symbolSelector}": [
                ["style", "height", '19px'],
                ["style", "width", '138px']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 500,
            autoPlay: false,
            timeline: [
                { id: "eid45", tween: [ "color", "${_Text4Copy3}", "color", 'rgba(87,182,221,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1)'}], position: 0, duration: 500 }            ]
Edge.registerCompositionDefn(compId, symbols, fonts, resources, opts);
* Adobe Edge DOM Ready Event Handler
$(window).ready(function() {
     Edge.launchComposition(compId);
})(jQuery, AdobeEdge, "footer");
footer_EdgeActions.js
* Adobe Edge Animate Composition Actions
* Edit this file with caution, being careful to preserve
* function signatures and comments starting with 'Edge' to maintain the
* ability to interact with these actions from within Adobe Edge Animate
(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // aliases for commonly used Edge classes
   //Edge symbol: 'stage'
   (function(symbolName) {
      Symbol.bindElementAction(compId, symbolName, "${_facebook_ikon_hover2}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("https://www.facebook.com/pages/Mysoleshop/553274264767573?fref=ts", "_blank");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_googleplus_ikon_hover}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("https://plus.google.com/117807343087553474293/posts", "_blank");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_homepage}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.crafthouse.dk", "_blank");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_footer_blog_icon}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.mysoleshopblog.dk", "_blank");
      //Edge binding end
   })("stage");
   //Edge symbol end:'stage'
   //=========================================================
   //Edge symbol: 'logo'
   (function(symbolName) {
      Symbol.bindElementAction(compId, symbolName, "${_wrapper}", "click", function(sym, e) {
         // insert code for mouse click here
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.mysoleshop.dk", "_top");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_wrapper}", "mouseover", function(sym, e) {
         // insert code to be run when the mouse hovers over the object
         sym.play();
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_wrapper}", "mouseout", function(sym, e) {
         // insert code to be run when the mouse is moved off the object
         sym.playReverse();
      //Edge binding end
   })("logo");
   //Edge symbol end:'logo'
   //=========================================================
   //Edge symbol: 'homepage'
   (function(symbolName) {
      Symbol.bindElementAction(compId, symbolName, "${_Text4Copy3}", "mouseover", function(sym, e) {
         sym.play();
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_Text4Copy3}", "mouseout", function(sym, e) {
         sym.playReverse();
      //Edge binding end
   })("homepage");
   //Edge symbol end:'homepage'
})(jQuery, AdobeEdge, "footer");
edge_edgePreload.js
* Adobe Edge Preloader
* Do Not Edit this file
window.AdobeEdge = window.AdobeEdge || {};
// Include yepnope
if(!AdobeEdge.yepnope) {
/*yepnope1.5.x|WTFPL*/
(function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1) },0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img "!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y [c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l. onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.in sertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h ()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p= [],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script" :u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f =0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e :e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url] ?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop() .split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(), e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}v ar h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i) ,i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);els e Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a )},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.ad dEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A, 0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs= function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.read yState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k. onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for( j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}})(this,document);Ado beEdge.yepnope = window.yepnope;
// end yepnope
(function(compId){
   var htFallbacks;
var testEle=document.createElement("div");function isSupported(a){var d=testEle.style,b;for(i=0;i<a.length;i++)if(b=a[i],void 0!==d[b])return!0;return!1}function supportsRGBA(){testEle.cssText="background-color:rgba(150,255,150,.5)";return 0==(""+testEle.style.backgroundColor).indexOf("rgba")?!0:!1}
var hasTransform=isSupported(["transformProperty","WebkitTransform","MozTransform","OTransfor m","msTransform"]),hasSVG=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,hasRGBA=supportsRGBA(),hasJSON=window.JSON&&window.JSON.parse&&wind ow.JSON.stringify,readyToPlay=!1;function safeColor(a){a=""+a;if(!hasRGBA&&0==a.indexOf("rgba")){var d=a.lastIndexOf(",");0<d&&(a="rgb("+a.substring(5,d)+")")}return a}
AdobeEdge._preloaders=AdobeEdge._preloaders||[];AdobeEdge._preloaders.push(function(){file sToLoad&&(loadResources(filesToLoad),filesToLoad=void 0)});function doLoadResources(){for(var a=0;a<AdobeEdge._preloaders.length;a++)AdobeEdge._preloaders[a]()}AdobeEdge._readyplayers =AdobeEdge._readyplayers||[];AdobeEdge._readyplayers.push(function(){readyToPlay&&AdobeEdg e.okToLaunchComposition(compId)});
function playWhenReady(){AdobeEdge._playWhenReady=!0;for(var a=0;a<AdobeEdge._readyplayers.length;a++)AdobeEdge._readyplayers[a]()}function edgeCallback(a,d,b){htFallbacks[a]&&(a=htFallbacks[a]);AdobeEdge.preload.got[a]=!0;a==Ado beEdge.preload.last&&(!AdobeEdge.bootstrapLoading||AdobeEdge._playWhenReady?AdobeEdge.okTo LaunchComposition(compId):readyToPlay=!0,AdobeEdge.preload.busy=!1,0<AdobeEdge.preload.q.l ength&&(a=AdobeEdge.preload.q.pop(),AdobeEdge.requestResources(a.files,a.callback)))}
AdobeEdge.requestResources=AdobeEdge.requestResources||function(a,d){AdobeEdge.yepnope.err orTimeout=4E3;AdobeEdge.preload.busy=!0;AdobeEdge.preload.got=AdobeEdge.preload.got||{};va r b,k=a.length,f=[],c;for(b=0;b<k;b++){c=a[b];if("string"===typeof c)0===c.indexOf("//")&&0===window.location.href.indexOf("file://")&&(c="http:"+c),url=c,c ={load:url};else if(c.load&&0===c.load.indexOf("//")&&0===window.location.href.indexOf("file://")&&(c.load ="http:"+c.load),url=c.yep||c.load,c.callback){var g=c.callback;
c.callback=function(a,b,c){g(a,b,c)&&d(a,b,c)}}c.callback||(c.callback=d);AdobeEdge.preloa d.got[url]||(f.push(c),AdobeEdge.preload.last=url)}f.length&&AdobeEdge.yepnope(f)};var filesToLoad,dlContent,preContent,doDelayLoad,signaledLoading,loadingEvt,requiresSVG,htLoo kup={},aLoader,aEffectors,plSTF,ctrPlS,minPlW,maxPlW,plHeight,plWidth;
function loadResources(a,d){AdobeEdge.preload=AdobeEdge.preload||[];AdobeEdge.preload.q=AdobeEdge. preload.q||[];d||!isCapable()?filesToLoad=a:AdobeEdge.preload.busy?AdobeEdge.preload.q.pus h({files:a,callback:edgeCallback}):AdobeEdge.requestResources(a,edgeCallback)}function splitUnits(a){var d={};d.num=parseFloat(a);"string"==typeof a&&(d.units=a.match(/[a-zA-Z%]+$/));d.units&&"object"==typeof d.units&&(d.units=d.units[0]);return d}
function defaultUnits(a){var d=a;"auto"!==a&&((a=splitUnits(a))&&a.units||(d+="px"));return d}function findNWC(a,d){if(-1!=String(a.className).indexOf(d))return a;for(var b=a.childNodes,k=0;k<b.length;k++){var f=findNWC(b[k],d);if(!1!=f)return f}return!1}function parent(a){return a.parentElement}function offset(a){a=a.getBoundingClientRect();return{left:a.left+window.pageXOffset,top:a.top+win dow.pageYOffset}}function width(a){return a.offsetWidth}function height(a){return a.offsetHeight}
function isWrapped(a){return/center-wrapper/.test(parent(a).className)}function wrapForStageScaling(a){if(!isWrapped(a)){var d=document.createElement("div"),b=document.createElement("div");d.className="flow-wrapper ";b.className="center-wrapper";d.style.width="1px";d.appendChild(b);parent(a).insertBefore (d,a);b.appendChild(a)}}
function bindPSS(a,d){if(!isWrapped(a)){var b=function(){var b=isWrapped(a),f=b?parent(parent(parent(a))):parent(a),c=width(f),g=height(f),h=width(a), n=height(a),m=window.innerHeight,e=1,l=a.style;(f="body"===f.nodeName.toLowerCase())&&(g=m );c=Math.round(c);g=Math.round(g);c/=h;g/=n;"both"===d?e=Math.min(c,g):"height"===d?e=g:"w idth"===d&&(e=c);void 0!==maxPlW&&(e=Math.min(e,parseInt(maxPlW,10)/h));void 0!==minPlW&&(e=Math.max(e,parseInt(minPlW,10)/h));g="scale("+e+")";l.transformOrigin="0 0";l.oTransformOrigin=
"0 0";l.msTransformOrigin="0 0";l.webkitTransformOrigin="0 0";l.mozTransformOrigin="0 0";l.oTransformOrigin="0 0";l.transform=g;l.oTransform=g;l.msTransform=g;l.webkitTransform=g;l.mozTransform=g;l.oT ransform=g;if(!f||b)parent(a).style.height=Math.round(n*e)+"px",parent(a).style.width=Math .round(h*e)+"px";b&&(b=parent(parent(a)),b.style.height=Math.round(n*e+offset(a).top-offse t(b).top))};wrapForStageScaling(a);window.addEventListener("resize",function(){b()});b()}}
function centerThePreloadStage(a,d){isWrapped(a)&&(a=parent(a));var b=a.style;/^both$|^horizontal$/.test(d)&&(b.position="absolute",b.marginLeft="auto",b.mar ginRight="auto",b.left="0",b.right="0");/^both$|^vertical$/.test(d)&&(b.position="absolute ",b.marginTop="auto",b.marginBottom="auto",b.top="0",b.bottom="0")}
function simpleContent(a,d,b){var k=document.getElementsByTagName("body")[0],f=b||findNWC(k,compId),c,g,h;f?"absolute"!=f.s tyle.position&&"relative"!=f.style.position&&(f.style.position="relative"):f=k;plHeight&&( f.style.height=plHeight);plWidth&&(f.style.width=plWidth);/^height$|^width$|^both$/.test(p lSTF)&&d&&!b&&bindPSS(f,plSTF);/^vertical$|^horizontal$|^both$/.test(ctrPlS)&&d&&!b&&cente rThePreloadStage(f,ctrPlS);for(var n=0;n<a.length;n++){b=a[n];"image"===b.type?(k=document.createElement("img"),
k.src=b.fill[1]):k=document.createElement("div");k.id=b.id;h=k.style;if("text"==b.type){if (c=b.font)c[0]&&""!==c[0]&&(h.fontFamily=c[0]),"object"!=typeof c[1]&&(c[1]=[c[1]]),c[1][1]||(c[1][1]="px"),c[1][0]&&""!==c[1][0]&&(h.fontSize=c[1][0]+c[ 1][1]),c[2]&&""!==c[2]&&(h.color=safeColor(c[2])),c[3]&&""!==c[3]&&(h.fontWeight=c[3]),c[4 ]&&""!==c[4]&&(h.textDecoration=b.font[4]),c[5]&&""!==c[5]&&(h.fontStyle=b.font[5]);b.alig n&&"auto"!=b.align&&(h.textAlign=b.align);b.position&&(h.position=b.position);
(!b.rect[2]||0>=b.rect[2])&&(!b.rect[3]||0>=b.rect[3])&&(h.whiteSpace="nowrap");k.innerHTM L=b.text}d&&(k.className=d);h.position="absolute";c=b.rect[0];g=b.rect[1];if(b.transform&& b.transform[0]){var m=b.transform[0][0],e=splitUnits(m);if(e&&e.units&&(m=e.num,"%"==e.units&&b.rect[2])){var e=b.rect[2],l=splitUnits(b.rect[2]);l&&l.units&&(e=l.num,"%"==l.units&&(e=e/100*f.offsetW idth));m=m/100*e;0<f.offsetWidth&&(m=m/f.offsetWidth*100)}if(e=splitUnits(c))c=e.num;c+=m; e.units||(e.units="px");c+=e.units;
if(1<b.transform[0].length){m=b.transform[0][1];(e=splitUnits(m))&&e.units&&(m=e.num,"%"== e.units&&b.rect[3]&&(e=b.rect[3],(l=splitUnits(b.rect[3]))&&l.units&&(e=l.num,"%"==l.units &&(e=e/100*f.offsetHeight)),m=m/100*e,0<f.offsetHeight&&(m=m/f.offsetHeight*100)));if(e=sp litUnits(g))g=e.num;g+=m;e.units||(e.units="px");g+=e.units}}h.left=defaultUnits(c);h.top= defaultUnits(g);h.width=defaultUnits(b.rect[2]);h.height=defaultUnits(b.rect[3]);b.linkURL &&(htLookup[k.id]=b,k.onclick=function(){var a=htLookup[this.id];
a.linkTarget?window.open(a.linkURL,a.linkTarget):window.location.href=a.linkURL},h.cursor= "pointer");f.appendChild(k);if(b.c)for(h=0;h<b.c.length;h++)simpleContent(b.c[h],d,k)}}var fnCycle=function(a){a?fnCycle&&setTimeout(fnCycle,20):a={event:"loading",progress:0};load ingEvt&&loadingEvt(a)},aBootcompsLoaded=[];window.AdobeEdge.bootstrapListeners||(window.Ad obeEdge.bootstrapListeners=[]);
window.AdobeEdge.bootstrapCallback=function(a){window.AdobeEdge.bootstrapListeners.push(a) ;if(0<aBootcompsLoaded.length)for(var d=0;d<aBootcompsLoaded.length;d++)a(aBootcompsLoaded[d])};window.AdobeEdge.preloadComplet e||(window.AdobeEdge.preloadComplete={});
window.AdobeEdge.preloadComplete[compId]=function(a){AdobeEdge.$_(".edgePreload"+a).css("d isplay","none");fnCycle=null;loadingEvt&&loadingEvt({event:"done",progress:1,reason:"compl ete"});aBootcompsLoaded.push(a);for(var d=window.AdobeEdge.bootstrapListeners.length,b=0;b<d;b++)try{window.AdobeEdge.bootstrapLi steners[b](a)}catch(k){console.log("bootstrap error "+k)}};function isCapable(){return hasTransform?requiresSVG&&!hasSVG?!1:!0:!1}
function onDocLoaded(a){window.AdobeEdge.loaded=!0;fnCycle({event:"begin"});isCapable()?(preConten t&&preContent.dom&&preContent.dom.length&&simpleContent(preContent.dom,"edgePreload"+compI d),filesToLoad&&!signaledLoading&&(loadResources(filesToLoad),filesToLoad=void 0)):dlContent&&dlContent.dom&&(loadingEvt&&loadingEvt({event:"done",progress:1,reason:"do wnlevel"}),simpleContent(dlContent.dom))};
window.AdobeEdge = window.AdobeEdge || {};
window.AdobeEdge.framework = 'jquery';
if(document.addEventListener ){
   window.addEventListener("load", onDocLoaded, false);
} else if ( document.attachEvent ) {
   window.attachEvent("onload", onDocLoaded );
   requiresSVG=false;
   doDelayLoad=false;
   htFallbacks={
   aLoader = [
      { load: "edge_includes/jquery-2.0.3.min.js"},
      { load: "edge_includes/edge.3.0.0.min.js"},
      { load: "footer_edge.js"},
      { load: "footer_edgeActions.js"}];
if (AdobeEdge.bootstrapLoading) { signaledLoading = true; AdobeEdge.loadResources=doLoadResources; AdobeEdge.playWhenReady=playWhenReady; }
loadResources(aLoader, doDelayLoad);
var plSTF="none",ctrPlS="none",minPlW="0",maxPlW=undefined,plWidth="960px",plHeight="400px";
preContent={
    dom: [
        id: 'loader-bar',
        type: 'image',
        tag: 'img',
        rect: ['370px', '191px','220px','19px','auto', 'auto'],
        fill: ["rgba(0,0,0,0)",'images/loader-bar.gif','0px','0px']
    }]};//simpleContent
dlContent={dom: [ ]};//simpleContent
})( "footer");

Problems with Muse and Edge Animate working together

Hello. I am having a problem with Adobe Muse and Adobe Edge Animate. I have a animated graphic on my home page that is made with edge. It's just a simple bar that slides across the screen. It works fine when you first go into the home page, however if you go back to the home page via any of the home page links on any of my other pages, the Edge Animate graphic does not display. Is there a reason or a fix I can use?
The main reason I am using the Edge Animate graphic is that my pages do take advantage of the scroll motion features of Muse, but this graphic is on the upper part of the page so the scroll motion does not go into effect yet.
Any help would be very much appreciated.
John
My site is studiobfineartgallery.com

Hello,
Please share your site URL with us to take a look at it.
Regards
Vivek

Twitter API and Edge Animate not working

Hi,
I have watched great video about using Twitter API in Edge Animate on Adobe TV and I thought I would give it a go.
I followed the steps and unfortunately it's not working for me.... Not even an error message when tested in a browser, nothing...
Here's my code for compositionReady:
try {
    // Read tweets, set number of tweets to display
    var 0 = { username: "adobeedge", count: 4};
    var twitterUrl = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name="+o.username+"&count="+o.count;
    // AJAX function for communicating to Twitter API
    $.ajax( {url: twitterUrl, dataType: "jsonp"} )
        .success(function(data) {
        $.each(data, function(index, item) {
            var itemRenderer = sym.createChildSymbol("itemRenderer", "tweetContainer");
            itemRenderer.$("tweet").html( item.text );
            itemRenderer.$("image").css("background-image", "url("+item.user.profile_image_url+")");
catch(error) {
        alert("Error: "+error.toString());
Any suggestions?

Please, could you replace "adobeedge" by "adobeanimate".
Before:
After:
try {
            var o = { username: 'edgeanimate', count: 4 };
            var twitterUrl = 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name='+o.username+'&count='+o.count;
            $.ajax({url: twitterUrl, dataType: 'jsonp'})
                .success(function(data) {
                   $.each(data, function(index, item){
                        var itemRenderer = sym.createChildSymbol("itemRenderer", "tweetContainer");
                        itemRenderer.$('tweet').html( item.text );
                        itemRenderer.$('image').css( "background-image", "url("+item.user.profile_image_url+")" );
                        itemRenderer.play( index * -100 );
catch(error) { alert("Error: "+error.toString()); }

More integration with Adobe Edge Animate

I miss the fact that we cannot create buttons (rollover buttons) in Edge Animate, export to adobe muse as .oam and then just add an hyperlink, as we do to objetcs created directly in Adobe Muse. Maybe we want to create an animation that only Adobe Muse can't make, but Edge can. But we can't use it because Adobe Muse doesn't create hyperlinks for .oam archives.
I think that If both are for web design, they must speak with each other more than with others... Maybe, an easier exportation between, etc.
Thanks 4 your time
Miguel

I am having a whole slew of odd interface problems with a fresh 2014.1.1 on a fresh macbook pro with latest Yosemite. Program locks up, cursor selections don't show, things disappear. I have a mac mini also and the program runs fine on it. Is there possibly something related to the solid state hard drive in new macs?

Having problems using DPS and Edge Animate for iPad Air

Hi, I recently just puchased a iPad air, wanting to explore and learn how to use DPS. I've been trying to import a OAM file from edge to indesign cc.
When i do place the file, and run a preview, as soon as i click on the preview, it breaks. The preview zooms into one section of the design.
I've designed the Edge animate file as 2048x1536 hoping to optimize for the retina display. Does my INDD file have to be 2048x1536? Or only my folio. If anyone can help me with this, it'll be a life saver. Thanks. Screen shots included as examples.
-Paul
The indesign file before preview
The preview.

I would not test this using the "Preview" method as I have found the desktop app to be unreliable. You're better off to publish the folio privately and use the Adobe Content Viewer app to view the content on the device. If this doesn't help please provide screen shots of the settings you are using in the folio overlay panel to help the community better understand the issue.
Also just as an FYI if you intend to move forward with DPS and are publishing work to the app store, 2048x1536 folios are not recommended:
"Create only 2048x1536 folios. This approach is not recommended. In multi-issue viewers, 2048x1536 folios appear only on the HD iPad. In single-issue viewers, the content is noticeably rasterized and performance problems can occur." -
https://helpx.adobe.com/digital-publishing-suite/help/creating-dps-content-different-ipad. html

IOS Widgets and Edge Animate CC 2014.1.1

Hi !
I just noticed that when exporting my animation using iBooks .wdgt files, when I expand this widget to see its contents, I cannot find the necessary info.plist file in order to this Widget to work inside iBooks Author or elsewhere.
Is that normal? Have anyone experience something like this with 2014.1.1 version?
Thanks

Strange. I do not think we have seen this. When you choose an action for example, you need to drill down to the element that needs the action and then double-click to apply it. Is it what you are doing?

Paste from Illustrator to Edge Animate (CC 2014) has stopped working.

Paste from Illustrator to Edge Animate (CC 2014) has stopped working. Gives an 'Error Loading Image!' Any suggestions?

Hi SujaiS
I am using both Illustrator and Edge Animate CC 2014.
Screen shots show a simple test shape in illustrator on the left and the Edge screen when I try to paste.
Thanks.

Did you hear that? A new version of Edge Animate CC will break Edge Animate?

I'm on a OSX10.9.1. Updated Edge, hoping for some of the many bugs to disappear. Ended up with unusable software. When I open Edge Animate now, I only get a white screen. If I try to open a previous file or make a new one, I cant do anything without the good old "An error occured. Please save your work and restart Edge Animate". I can't even see any of the content in the file.
I have tried reinstalling Creative cloud and Edge animate several times, I'm not behind any firewall that would block anthing adobe and I have deleted the preferences.
What can I do to make this work again?

Hi, Adobleren-
I'm sorry to hear that the experience has been so poor for you. It sounds like you've tried everything we've recommended. We're still exploring theories as to why this might be happening. Can you please send me the contents of ~/Library/Preferences/Adobe/Edge\ Animate/3.0.0/logs/?
Thanks,
-Elaine

Use Top/Left instead of webkit transform in Adobe Edge Animate

I had a nice simple interaction using Adobe Edge Animate with jquery ui draggable and droppable. You drag boxes from one area into other places. All worked fine.
Then, I decided to add an entrance animation for the boxes. That ruined everything because jquery draggable animates the top: left: values of your object, but somehow adding animation in Edge made it set top: and left: to 0 and use webkit transformX / Y.
So now as soon as I begin dragging, the box jumps way down because draggable is animating the top: left:, and Edge Animate is keeping the transform
Is there a way to force EA to use top: left: for animation? Note, part of the box entrance includes a rotation, so possibly that's why it decided to use transform so it could do the X / Y and rotate all in one.
Any ideas?

I'm sorry, the blog post was not helpful for this situation. The problem is that in AE you can animate "Top" and "Left", but you have no control over whether that becomes a transformX /Y or a change to the css top: left:. AE makes it's own mind up. It seems that once you somthing other than just move the item (eg rotate or scale) it decides to stop using top /left and combine it all into a single transform including x y and rot. AE does not let you choose to animate the css top: left: property and also add a css transform for rot.
nevertheless, I've found a working hack for now. when the drag starts, I add a class
.notransition {
-webkit-transform:none!important;
transform:none!important;
and so the transform is erased and the drag works perfectly. The weird thing is that after I drop, I DO NOT remove the class. It stays for the remainder of the time. Now that I think about it, it makes sense, since the transform is none and the top: and left have been permanently modified by jquery-ui draggable.
If I still wanted to do any further animation after that, I imagine it would get very weird.
so anyway, ability to force x and y transformations to use top: left: instead of transform would be a key feature for a (near) future release.

Recreating super slick iPhone 6 video scroll effect in Edge Animate

On the iPhone 6 marketing page page, there are several HTML5 video elements (MP4) that react to scrolling in realtime. This is a super slick effect and I'm curious how it's working. Wondering if there's a way to do this in Edge Animate since frames are in absolute time and Edge Animate uses time as only a guide (no exact frames). Also working in Adobe Muse, so if there's a way to use that, great!
This would be a great alternative to using 100+ JPEGs as the file size with an MP4 for tons of the same data is MUCH lower.
Here's the page: http://www.apple.com/iphone-6/
Screenshot for reference: http://i.imgur.com/pCHkstw.png
You'll have to scroll down to the shot right above "iPhone at its largest. And thinnest." heading.
NOTE: This seems to work for MP4 only (not OGG-only browsers like FF for OSX). Tested in Chrome and Safari.

^ Edge Animate and Your Facebook account integration....

Hello everyone, I am a young Indian designer. I have used Edge Animate to integrate your facebook account stats in it and with that I have performed an animation which is cool... Checkout that animation @ www.creativemantra.net/kaushiksavla
correct link updated

I'm watching this thread with intertest, because I am experiencing the same thing with an Edge Animate file brought into my Muse project. Everything previews in browser just fine... works as expected when I publish to Business Catatlyst. But when I export as html and ftp the files to my web host (not Business Catalyst)... everything BUT the Edge Animate animation works as expected. The EA simply does not play, even though it is set to 'autoplay'. A look in the site directory shows the necessary files 'in place'. I'm stumped...
elevate-creative.businesscatalyst.com
www.elevate-creative.us

Integrating WebGL and Edge Animate CC?

Similar Messages

Maybe you are looking for