Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Exit
paul_james123
Contributor
paul_james123
Contributor
Activity
‎Feb 14, 2019
06:48 AM
Hi All, I'm new to Animate CC and trying to accomplish what this post discusses as well: My animation (exported to Canvas from Animate) is 3 seconds long but positioned below the fold. It starts as soon as page loads so visitors don't see it move. Here's my page in progress with the 'Skills Graph" (created in Animate) located in the first section below the video header: https://goo.gl/xorx7F -I just want the orange color to fill the bars when user scrolls to them. I've followed the instructions at Preran's link: Edit fiddle - JSFiddle ...and have gotten the Waypoint method to work (using the bar graph in the example) at the bottom of my page. (The bar graph animates only when the user scrolls all the way to the bottom of my page.) But how do I now use that same method to get my Skills Graph animation to start only when in view? I've made several attempts at adapting the code in that JSFiddle example to work with my animation, without success. Any help greatly appreciated!
... View more
‎Jan 20, 2019
02:04 PM
"In my experience text in Animate HTML5/Canvas is a weak link...And 6070 characters in one file is still a lot." -I'm now editing down the text so it's more manageable and linking from the FLA to web pages for more detail. The FLA outline will just become a stub and most of the text delivered via web pages. The project makes more sense this way, too. Thanks much for your help, Klaus.
... View more
‎Jan 20, 2019
11:12 AM
Klaus, you wrote: "...would fill 5 to 7 tightly written A4 pages. Is that quantitatively correct?" -Sorry my character estimate was off. I pasted all the text from the project into Word and counted characters for a more accurate total: 6070 characters not including spaces. (It's an interactive outline to present some research.) Probably that's too much as well. "Are you using Animate v19.0 or 19.1?" -19.1 Build 349 "If so, is under Publishing Settings the option Export document as texture checked?" -Yes Thanks
... View more
‎Jan 19, 2019
07:40 PM
I rebuilt the project piece by piece. It looks like the multiple static text fields, inside the text MCs is what's slowing it down. (The 'not showing updated preview' issue was a corruption). So to recap: it's a HTML5/Canvas project. The length of time it takes to 'publish' is 4x what it was before I added multiple static text fields. I have 10 text elements with one word in them. Each of those are made into a MC and inside each of those MCs (on layer 1) are 4-5 static text elements. (These were not made into MCs.) Each of those static elements has about 300 characters of lightly formatted text in them (italics, bold etc). No dynamic text fields in the project. I only use the fonts that come with Animate (and are available from the Text properties window). With the text elements as described above: Publishing takes 55 secs or so. Remove all the static text elements (within the text MCs): Publishing takes 6 secs. Any insights greatly appreciated.
... View more
‎Jan 19, 2019
06:41 PM
There must be some corruption in my project. Please don't spend time on this. I'm going to rebuild it and test each piece. Thanks
... View more
‎Jan 19, 2019
06:14 PM
Hi Klaus, Yes it's a HTML5/Canvas project. The length of time it takes to 'publish' is 4x what it was during the first few days of building it. I have 10 text elements with one word in them. Each of those are made into MCs and inside each of those MCs (on layer 1) is a static text element or two with about 300 characters of text in each. I also have placed a few small images inside those static text fields. No dynamic text fields. I only use the fonts that come with Animate (and are available from the Text properties window). Thanks
... View more
‎Jan 19, 2019
03:26 PM
1 Upvote
Hi All, These two issues may or may not be related. Please inform. Lately, when previewing my Animate project (cntrl + enter) it consistently takes much longer now to preview (show in the browser). It seems like this extended time to preview started around the time I added many text elements to my project. Also, today I am not seeing my last changes when I preview. It's showing the project as it looked prior to last change. Any ideas? Thanks
... View more
‎Jan 10, 2019
06:55 AM
1 Upvote
JC, That works beautifully. Thanks much! (Marliton's solution works as well but, for my purposes, this is the best solution so I changed my 'correct answer'. Let me know if I violated forum etiquette.)
... View more
‎Jan 09, 2019
07:04 PM
JoãoCésar, I think I did what you recommended: Put a rectangle with its 'color effects' set to 'alpha' and that set to '0' using the properties window...then putting that on the lowest layer in the pop up window that scales up in front of the button when clicking on a button. When I click in the middle of the popup window, it triggers the button behind it. (Seems like that would be the simplest solution if it worked.) Any more info on that? Thanks
... View more
‎Jan 09, 2019
06:42 PM
"turn a rectangle shape that has the size of the stage into a Movie Clip, place it inside of your pop-up" Thanks, JoãoCésar. I'll give it a try.
... View more
‎Jan 09, 2019
06:38 PM
"create a function for adding the listeners and another for removing it..." Yes, thanks much, Marliton. Makes sense.
... View more
‎Jan 09, 2019
06:37 PM
"if the event.target is not the same as the event.currentTarget, ignore the click." Thanks Kglad. I don't know enough to understand this completely (how to actually write the code) but I'll look into it.
... View more
‎Jan 06, 2019
06:59 AM
Hi, Likely I'm doing something wrong...so expect this might be an obvious answer. I have a similar problem to this unanswered post: How to prevent click through? I have several instances of different MCs on the Animate stage. They all have 'addEventListners' assigned to them. You click on one instance and it opens a popup window in front of that instance you just clicked on. (The new popup window does not have an 'addEventListener' attached to it.) I expected that the new popup window, would block clicks to the instances behind it but that does not happen. The user can click the center of the window and trigger an event attached to one of the instances behind it. What's the best practice for addressing this? Thanks much!
... View more
‎Dec 30, 2018
05:05 AM
Thanks Kglad. I'm reorganizing the project (parents and children) so it works better. Learning best practices the hard way.
... View more
‎Dec 28, 2018
05:20 PM
...Well, encountering a problem here: BTW: I'm using the names of the Instances of the Movie Clips. So, for example, this below works (adds EventListeners): ================== this.Instance1Name.addEventListener('click',clickActions.bind(this)); //Add eventListner to Instance1. this.Instance1Name.Instance2Name.addEventListener('click',clickActions.bind(this)); //Add it to the Instance2 ================== //You'll notice that Instance2 is the instance name given to a child MC (it's within the Instance1, parent MC) Probably that's why this doesn't work: ================== var myArray=['Instance1Name','Instance2Name']; //<=These are the actual names of the instances of the MCs. for(var i=0;i<myArray.length;i++){ this[myArray].addEventListener('click',clickActions.bind(this)); } ================== It only adds the EventListener to the parent, Instance1, not the child, Instance2. If that's the problem, how do I refer to the path to instance2 in the above array? Thanks again.
... View more
‎Dec 28, 2018
12:55 PM
That's exactly what I needed. Thanks ClayUUID and KGlad!
... View more
‎Dec 28, 2018
12:14 PM
Hi All, I'm sure I've been looking right at the answer but don't know enough to recognize it. I need to understand the basics but seeing answers to more complex array questions. I just want to create a simple array in my Animate CC script window and then step through that array, adding an event listener to each array item. Also, do I need to convert the MC names to ("object names"?) to use the addEventListener line of code (below) on them? This is what I have: ==================== var stage = this; //Create an array with a known quantity of MCs: var myArray= [myMC_1, myMC_2, myMC_3, etc.]; //What next? Do I convert each of the items above to an 'object' so I can work on them below? //Then how do I step thru that list to do the following? //Add the event listener to each of the MCs in the above list. stage.[each of the array items].addEventListener("click", clickActions.bind(this)); That's it. Thanks much! ps. If you can refer me to a resource with this kind of basic scripting instructions for Animate CC, I'd appreciate it.
... View more
‎Sep 29, 2017
05:36 AM
of course. Thanks Kglad!
... View more
‎Sep 28, 2017
01:03 PM
Hi, My Animate CC project exports to HTML5 canvas. On the exported web page, my users need to scroll horizontally through a long series of thumbnail images like you might see in a photographer's portfolio site. (As each thumbnail is clicked upon, a larger version that will be displayed full screen in a translucent dashboard of sorts.) I'm not sure how to best accomplish this scrolling thumbnail situation (a separate web page frame element in my html5 canvas output?). The method of scrolling could be using arrows on each side of the visible part of the thumbnail series or scroll bar on the bottom or something else. As always any help is greatly appreciated.
... View more
‎Sep 28, 2017
10:19 AM
Sorry Colin: User error. The problem was my fundamental lack of understanding about buttons from the Component window. Thanks
... View more
‎Sep 26, 2017
02:06 PM
Must be something else. That doesn't work either... But if I put the listener on the header image (that is a Movie Clip) it works. this.header_INS.addEventListener("click", buttonClick.bind(this)); //This works this.btn1_INS.addEventListener("click", buttonClick.bind(this)); //This doesn't function buttonClick() { alert("I am active"); }
... View more
‎Sep 26, 2017
10:34 AM
Hi All, Wondering what I'm doing wrong. Why doesn't this work in my Animate CC, HTML5 project? (probably something obvious) stage.btn1_INS.addEventListener("click", buttonClick.bind(this)); function buttonClick() { alert("I am active"); } btn1_INS is a Symbol with a type of Button. Thanks
... View more
‎Sep 22, 2017
10:55 AM
Interesting, Colin. I'll look into that. Thanks
... View more
‎Sep 22, 2017
07:39 AM
I think I understand most of what you're saying: Since my site will include lots of animation [When user clicks on some bitmaps they will zoom big (using tweens) and other bitmaps will move their internal parts (using timeline-based animation]...it sounds like I should continue to use Animate for the project. I'll just need to design the whole site to reconfigure (changing the size and position of the elements) by using math and CreateJS so that it adapts to different screen sizes. ...and the method the Biondi article uses is an example of how that would work. Thanks, Colin.
... View more
‎Sep 21, 2017
04:22 PM
Thanks, Colin. Yes that 'liquid layout' approach is what I'm talking about. I thought most sites that need to work for both desktop and mobile would use that approach (rather than just shrink all the page content together) so that the user can see content bigger. I'll work through that article by Biondi. Sounds like you're saying that Animate, by default, just shrinks the entire canvas including all elements on it ...and that I need to make all elements into symbols then use CreateJS to position them relative to screen size. (I'm wondering if I should even be using Animate to design the whole website. Maybe it's just best for the animated elements...that make up the whole site.)
... View more
‎Sep 20, 2017
02:23 PM
Hi All, I'm a new to Animate (and responsive web development) and I'm trying to understand how Animate CC would create a responsive site when exporting an HTML5 canvas final product. It seems like the usual way to make a site 'responsive' is to use DIVs to break up the content so that individual elements can be rearranged and then CSS is used to control how each of those DIVs shows its content (on small screens). For example, here is a sketch of the way I'd like my site to behave when going from a desktop to a mobile screen: https://goo.gl/ybuXSf Currently, when I export my site from Animate, the HTML wrapper puts all the Animate content into one DIV...All the all elements stay together so everything srinks in size on mobile screens. Can Animate CC use DIVs to 'package' a site's content so that it behaves responsively and elements can stack on smaller screens like the above link shows? Can someone point me to an Animate tutorial about that? Thanks Much!
... View more
‎Aug 25, 2017
10:54 AM
Thanks again, Colin
... View more
‎Aug 25, 2017
08:52 AM
Ok I'm understanding. Does calling out to those other non-createjs libraries actually cost in performance of an HTML5 Canvas animation....or is the negative just that it's inconvenient to have to add the 'import lines'? Thanks
... View more
‎Aug 25, 2017
07:30 AM
Thanks, Colin. I'll try to avoid Motion Tweens as I build and stick with tweens from the CreateJS library. I've been told that 'createjs is native to Animate.' What does that mean?
... View more
‎Aug 24, 2017
05:49 PM
Hi All, I must preface this with "I'm may not know what I'm talking about and I may be misusing terms." I've been working on an HTML5 canvas final product (theuplink.org). I'm using Animate CC to build this interactive website and GreenSock tweens to make some bitmaps animate. I've noticed what look like performance issues in the tweened animation when running on some devices/browsers. (For example, bitmaps don't swap back after the tween's timeline reverses.) I've been told by a mobile content developer that to avoid performance issues, I should make the animations into "videos." I'd like a second opinion on that because I don't understand how that would work with my project. For example, I need to have interactivity: The user clicks on one of many bitmap images of wheels and the one clicked spins and bounces and then stops. In trying to convert the script-based (Greensock tweened) animations into "videos," I've used Animate CC to make the wheel spin and bounce using (traditional) timeline-based animation using Motion Tweens, etc. 1.) Do I then export that spinning/bouncing wheel as a video from Animate CC and then import that video into the main project (making it a movie clip and then use an eventListener to make the video play upon click)? I2.) f so, do I export it as a quicktime.mov? (I'm getting a "file was not imported because there was a problem reading it" error when I try to import into my main project.) 3.) Can videos have transparency so you can see thru the wheel's spokes to the background of the main project? Am I misunderstanding the whole principal here? Thanks much!
... View more
Copyright © 2025 Adobe. All rights reserved.
AdChoices