It is possible to create a sort of news ticker and displaying an external text source, can i load this one: [URL].... in my composition?
View 2 RepliesI'm working on a game in Animate that tracks several scores at the same time – six, to be exact. There are six personalities in the game, and the player's actions determine the positive or negative score displayed to each personality.
The player is presented with a situation and their action effects their score with one or more of the personalities. I'd like to know how to set a text field to change by a negative or positive value (not just changing to a specific number), based on which button the player chooses. I've created symbols for each of the six score fields, each one has a uniquely named text field inside the symbol.
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.
View 3 Replies View RelatedI have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = $.Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
I can create symbols on the stage using "sym.createChildSymbol" command. But how can I cretare textFields with script?
View 2 Replies View RelatedI have VSP x3. I can't figure out how to format a title to scroll across the bottom of the screen sort of like a stock ticker....
View 1 Replies View RelatedWell, I need a little slideshow of images, the code for mouse events (click, mouseover, mouseout, etc.) is the same for all images, then I create a symbol with one image inside for this, and drag&drop instances to stage, but now I don't know how change the image source of other symbols. In design time, when right click over any symbol instance only edit symbol it's possible (not single instance), and I don't know if is possible to change the image source of any symbol instance by code.
View 4 Replies View RelatedDo I have to write a CSS rule for every symbol and element in a presentation or can I just specify a general rule for the whole thing?For example, how can I specify that all images should have a red border, or all links should change color on hover?
Shouldn't I be able to create a separate CSS file as in Dreamweaver and just attach it?
I have created an animation and I would like clicking on a button (javascript) that is within the outer body, start the animation.
View 1 Replies View RelatedI am looking into edge instead of flash. My question is how do you load external images and videos from an external server?To clarify, I need to insert a link from where the images can load into the stage, so they don´t take up any of the final weight.
View 5 Replies View RelatedIs it possible to target adobe edge build from an external Javascript file? For instance, I click a button outside of the edge animate project and javascript tells Edge animate to "play()". What would that syntax be?
View 1 Replies View RelatedI'm trying to create all kinds of functions on an external .js file, so I can just call them in Edge multiple times with less coding. The thing is, after importing jQuery and my external Javascript file, some code works, but I get stuck at this part: changing the .css property of a symbol, more specifically, the "font-size" property. My current function is:
function setFont(textid,fontsize,originalWinWidth){ //textid: symbol's name; fontsize: current font size of this symbol; originalWinWidth: window size at the start of the animation
console.log("Set Font:");
//set the original font size
var originalFontSize = Math.round(originalWinWidth/fontsize);
console.log("Original Font Size: " + originalFontSize);
console.log("Text ID: " + textid);
//set the font size using jquery
sym.$(textid).css("font-size", originalFontSize); }
I get an error at the last line, all other parts of the code works.
1. 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 do you create a responsive and fluid carousel, vertical or horizontal for a menu which includes multiple items. the carousle can be dragged via mouse or touch. when the item is clickes, then it will launch a URL or plau a timeline.
View 3 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].....
So I created my own subscription form, I have it appear and disapear when you are on the button. And when you click on it, it stays. But how can a put in an action to add text to it?
View 5 Replies View RelatedTake a look at the attached photo. I would like to create a "news broadcast" title like this one in the photo (along with the HD live up in the corner). The question is how do I create long rectangular graphics on and then have them feather off at the end of the rectangle? I know that I can add a backdrop to text but I need to be able to manipulate the backdrop independent of the text.
How would you achieve the titles in the attached photo?
With CVSproX4 i can't to do a low sliding titles (news). i want that one rotates from right to left of the video. The available effects of the software doesn't forecast this simple effect.Or not?
View 3 Replies View RelatedToday I came across with a visualization library named as processing.js. As far as i learn, to use this library we have to create a tag like "<canvas id= "processing-canvas"> </canvas>".Now, i wonder that; how can i create this element in Adobe Edge? I'm sure its possible, but how to do a little demo with processing.js in Adobe Edge.
View 1 Replies View RelatedI have a project and I want to create tabs to contain different contents based on categories.
View 3 Replies View RelatedI've been trying to create an interactive bar graph. The idea is that if a user clicks on a button, a bar graph will animate up onto the stage. I would like to code it so that if the user clicks on that same button again, the bar graph will animate down off the stage. So far all I've been able to find is that this is possible with mouse over and mouse out; but I'm wondering if it's possible to use clicks instead.
View 6 Replies View Relatednot only to Edge Animate but animation in general. Never used Flash either. I want to create a "spinning disk" that I can use on a web page, similar to what's on this company's website.
View 3 Replies View Relatedi can't get my scroll bar to appear and work, below is my coding for it.
yepnope({nope:[ 'jquery.mCustomScrollbar.css',
'jquery.mCustomScrollbar.js',
'jquery.mousewheel.min.js',
'jquery-ui-1.8.21.custom.min.js',
[code]....
I'd like to reveal the outline of a speech bubble shape gradually, as in a write-on. Is it possible? I'm new to Edge.
View 2 Replies View RelatedI have facing some problem in symbol. i;e In a symbol have created three rectangular boxes (rect-1, rect-2 & rect-3)& in main-time line there is three lavel (label 1, label 2 & label 3).
i want to create functionality that is, when i click rect-1 box, i should be play "label 1", when i click rect-2, it should play "label 2" & when i click rect-3 it shuld play "label 3".
Is it possible or not
I have created my Animation:
The stage size you see above is H: 400px, W: 550px.
I would like for the stage to be smaller, say H:50px./W:400px
Ok so if I change the size of the stage the animation text will not show, so I need to adjust the position of the text in order for the animation text to be visible, but in doing that, I am disrupting the timeline and the animation goes all funny, is there another way of doing this without disrputing the timeline?
I've created an input text inside a symbol called "Asks" in a timeline triger i use:
message = sym.$("texto"); // texto is a textfield
message.html("Write here: ");
inputMessage = $('<textarea />').attr({'type':'textarea','value':'', 'id':'message'});
inputMessage .css ('font-size', 18);
inputMessage .css ('box-shadow', '#0a81fb');
[Code] ......
Is it possible to create following: pop-up window is appeared on click tha button?
View 3 Replies View RelatedThis is something I recently wanted to do, but found that the clipping in Edge Animate only allows us to make a square or rectangle shape. I'm pretty disappointed by this because technically you can make a circular, or elliptical, clip shape using HTML5 and CSS3. Also, the same is true for masks. I would love to see this as a future update in Edge Animate because I can see a few more instances where I would want to use clipping, or masking, in this way.
[URL]
I have a problem, i need create a function delay in the timeline with a trigger.
I want that my animation play every 3 seconds until the next sym.stop and then play again after 3 seconds.
Ej. I have 3 triggers in the timeline:
sym.stop(1000)
sym.stop(2000)
sym.stop(3000)
My idea is make a delay in all the triggers, like this:
sym.stop(1000)
delay.play (2000)
sym.play
sym.stop(2000)
delay.play (2000)
sym.play
sym.stop(3000)
delay.play (2000)
sym.play
Cause I dont know how to elaborate a function in jquery
I found a really good tutorial here for how to create childsymbols on a mouse click and it works fine - as long as you are doing it on the main stage.
Here is the code:
var circle = sym.createChildSymbol("flower", "Rectangle");
var circleElement = circle.getSymbolElement();
var posX = (e.pageX- ($(circleElement).width()/2)) + "px";
var posY = (e.pageY- ($(circleElement).height()/2)) + "px";
sym.$(circleElement).css({"position":"absolute", "top":posY, "left":posX});
I wanted to create the ChildSymbols on to a premade symbol I have called 'Rectangle'. This works as long as my symbol 'Rectangle' is the same size as the Stage or at least placed at the top left of the screen.
However if I move the symbol 'Rectangle' away from the 0,0 coordinates then the Child symbols appear offset by the distance that 'Rectangle is from the zero point.
How to keep the Child symbols where I want them to be on the Rectangle? I tried calling the childSymbol like this:
var circle = sym.createChildSymbol("flower", "Stage");
And that keeps the symbols where they should be, but for some reason it has a performance lag and also means that you can't click within the bounds of a generated childSymbol.