Thanks Ssu, I'm glad I could help. ... View more

Hi Chrishonda Animate will be good for you, After Effects will be good for you too. It all depends where your creative skills feel most at home. Animate is for making something like website/page animations, games and interactive presentations. Or this all for applications on desktop computers and mobile devices. You can edit vector graphics, import bitmaps (i.e photos from your smart phone) and videos and use them on a timeline with keyframes and so called tweens. It also includes the ability to write programming code in either Javascript or Actionscript to add interactive user experience. The overall focus is somewhat towards developers. After Effects - well I know it only a little but I work with a collegue who is more of an illustrator type and he says: I'm in trouble when working with Animate but I love working with After Effects. After Effects is definately more focussed towards video (i.e. YouTube) and is generally closer to i.e. Adobe Remiere, a video editing suite. There's no programming language (coding for interactive user experience). For creating something like the video example you mentioned, you can create that in Animate easily, both the making of illustrations in vector style and the animation in a timeline. It might feel a bit abstract though if you get my drift. In After Effects you would have to create the illustrations in something like Illustrator first and then animate those in a composition window in AE. Well, follow your heart, so to speak here is an introductory video to After Effects and here's one to Animate . Enjoy Klaus ... View more

Hi WillieRiske is that such a biggie?? I can't even remember how they were before 2019. I think the classic tween hasn't actually changed. Get used to it ... View more

Hey P. Everything I said in my first answer was of course a little fuzzy and speculative. Specifically I haven't done anything like this in the Animate/Canvas/Javascript context. But it should work nevertheless, somehow, the precise setup will be a bit of a challenge, though. Firstly, in order to get some canvas-specific resources, the first place to go is always CreateJS, and here in particular the Easel.JS API. Perhaps you knew that already. This is the stuff which drives the code-related output when you export an Animate/Canvas concoction. Secondly here is a simple code exercise I made this morning. I made two movieclips, one is a green circle, the other a yellow bar. I left them in the Library without having them on Stage. In the Library I gave them names in the column Linkage. One is circle1 the other bar1. On the stage I put an empty movieclip instance-named container. Now in frame 1 I've put this code: var circle1 = new lib.circle1(); var bar1 = new lib.bar1(); bar1.x = 40; bar1.y = 30; this.container.addChildAt(circle1, 0); this.container.addChildAt(bar1, 1); published it and got this view in the browser: It works! Now of course we need an opportunity to randomize the selection process. Assuming we'd have numerous movieclips in our library (the sub-animations) and we want to roll the dice on which one is the next in sequence. Best in my opinion is to have all Linkage names in a hat and we fish one blindfolded. The hat in coding terms becomes an Array and the index (which one?) the random element. Hence in a simple setup with only two [and here without Math.random() for now]: var selLink; var linkArr = ["circle1", "bar1"]; selLink = new lib[linkArr[0]](); this.container.addChildAt(selLink, 0); selLink = new lib[linkArr[1]](); selLink.x = 40; selLink.y = 30; this.container.addChildAt(selLink, 1); makes the same figur upon export as the one above. The bold numbers (Indexes) of course need to be randomized. You have to look into these methods addChild or addChildAt, removeChild or removeChildAt or removeAllChildren. good luck Klaus ... View more

Hi clevermill You can't import a number of images already set to lossless and no allow smoothing. But what you can do as a workaround is to import all images you need into the Library, move them handy into one Folder and select multiple/all images and click Properties from the bottom of the Library panel (exclamation mark). You get this window: Here you can set multiple images at once to what you prefer. Hope that helps Klaus ... View more

Hey p. maxwell ward, yeah, segmentation might really open up a new avenue. Good luck with that. I like the guy on your page, some sound would be great though. However - keep us informed about your progress. Klaus ... View more

pmwpmw  wrote Hello, ... JS files are huge (7mb) and nearly indecipherable... I was wondering if there was a way to optimize the code ... I understand ... I have created is a bit overboard. Well pmwpmw, what wrong with overboard. The animation runs smoothly and looks good. Of course it's over the top. If you would produce it as a video it would be much smaller, I'm sure. But it wouldn't be the same, more static than your somewhat dynamic narrative.  I'm not skilled enough for this kind of frame-by-frame animation. But organisation/optimization is certainly a way that could help.  In your index.js I see a lot of idleState = Math.floor(Math.random() * 5) followed by if(idleState == 1) {this.gotoAndPlay("idle_headIn"). It looks like you are playing dice and then goto frames to vary the events. If you would use sub-animations (movieclips playing i.e. scratching head, rocking chair, leaning head back, talking and so forth), all with the same size, transformation and center points, then you could do something with Linkage names in the library, addChild/removeChild instead of gotoAndPlay to similar but always newly hand-drawn frames. And what JoãoCésar mentioned about exporting your document as texture can make a difference. Klaus ... View more

Hi Randan.. did you get somewhere or did you give up? CLAYUUID is right, there's indeed no automatic conversion form AS2 to AS3. But a rewrite might not be that much work and it's a good exercise to learn Actionscript 3 (or HTML/Javascript depends which environment you want to target). Maybe you share one of your old FLA files with us, we grab a smallish section of your AS2 and show you how to rewrite that to AS3. It might become then fairly clear for you how to work out the bulk of it. I know that's not automatic but there's no other way - apart from giving up. Klaus ... View more

True, true, true and thanks Joao. Always something to learn and improve. Klaus ... View more

March you're welcome. Please could you do me the favor and mark my answer which worked for you as correct? cheers Klaus ... View more

March this.document.getElementsByTagName("body").style.background = "url(img/bkg4.png)"; this.document ... the this can't be right .. long story try my second revised suggestion. Klaus ... View more

Hi March try this.document.getElementsByTagName("body").style.background = "url(img/bkg4.png)"; Klaus ... View more

Hi Roberts... and who else is interested roberts33286217  wrote ... Is there any other option. Seems unbelievable that Adobe ... I can't really answer this. The whole area is a mystery to me too. I've got in my AnimateCC (MacOS Mojave) under Window/Extensions and thing called SVG Animation. I'm not sure whether I've installed that from Adobe Exchange some time in the past or it is there by default. (Animate version 19.0 (Build 326). However I've tried it out and it exported a test1.svg from a tiny test1.fla (AS3 format). It's a 3KB svg-file with some valid looking svg-xml code in it. But when I open it in a browser (Firefox, Chrome and Safari) I see just white empty space. Normally static svg's can be opened with modern browsers and show. If somebody is more knowledgeable about this all I would be grateful for some clarity. There's also an Extension called Animated SVG Exporter on Adobe Exchange.  Published: April 10, 2017 - quite old - looks dodgy to me. Klaus ... View more

Don't worry nouff28172440 You are working on a HTML5/canvas file. When you publish your file, HTML and Javascript will be exported to be viewed in a browser. The Createjs library is used for this which includes the EaselJS. Because it's basically Javascript which makes it tick, counting starts always from 0 (zero) instead from 1. Thus in AS3 (alternative way to use Animate) a first frame in a timeline is frame 1. You would code gotoAndStop(1). In JS to achieve the same you have to code gotoAndStop(0). That's the meaning of the second line. The first line means thatt you imported 2 bitmap images which - as it says - have been packed into 1 spritessheet. Have a look into your images folder within your project. And look at the Publish Settings.../Image Settings. Generally, nothing's wrong Klaus ... View more

Hi Vikramp007 you are right, the minus symbol is disabled. It's even more strange because I had the same effect without the classic tween in a second test layer. Don't know why, but you still can under the plus symbol - arrow down - submenu select Remove all. You can not remove selected filters if you've set several though. klaus ... View more

Although having said my last bit, when I think about it: When Joao says You can put these codes in the first frame of the main timeline or somewhere else then it should actually go like this: document.getElementById("canvas").style.zIndex = 1; and document.getElementById("canvas").style.pointerEvents = "none"; hu hu, it's late at night, don't blame me when I'm wrong Klaus ... View more

Hi Rossfranks that's right. Yours is a canvas HTML5 document as you say. You are probably using the video component. When you export and watch it in a browser the video tag sits in a <div> inside the <div id="dom_overlay_container">. And this one is above the <canvas> where your simple circle is. You can see that when you check the DOM in the Inspector (Web developer tools). ... View more

Hi edgardo... I downloaded your RangeRover thing and what can I say? First of all when I tried to make a test (in the browser - it's a canvas file after all), it lasted forever to export HTML and Javascript and in the end Animate CC did not respond anymore. I had to force it to quit. Your entire file looks somewhat like to many things the same repeated again and again. I don't know how many but I estimate you have 200 eventListeners doing basically always the same on buttons with always the same instance names. You have - again I estimate - 250 frames with code, basically again looking all very much the same. Seemingly there are 12 frames with 12 slides with 12 main content movieclips, some with pictures and buttons (exterior/interior) others with ominous contentwrappers (Title/Text) - I can't help it, it looks like you should have only one main navigation bar with a few buttons (ant and sig etc.) and a container mc with maybe sub-mcs in which you load via Linkage from the library and addChild/removeChild the stuff you particularly want to present in a given user choice situation. And a few variables to know what's current displayed. More I can't say klaus ... View more

Hi Gamm System Sorry, I haven't got an answer I have got the same problem. Or at least it looks like it. And I reported the issue 3 days ago. In the meantime I've downgraded Animate to the previous version and I'm able to open my previous files. Can you please tell me what Operating System you are using? In my case the problem occurs on MacOS 10.14.2 ... View more

Hi Franki this is a tough one. And for me your screenshots do not show enough information to get a clear picture. Your Publish Settings are probably alright but that's only for the document 2018_12_18_Saxony_map_interactive(.html - I suppose). The one you've published out of AnimateCC. Now you want to integrate that load (html1) into what you call html2 coming from Bootstrap Studio. Well - there are 3 approaches: 1. what you're trying, putting html1 into html2 (I'll come to this later) 2. putting html2 into html1 by using this way: Using Animate CC HTML5 Canvas Templates with Multiple Publish Profiles | Adobe Blog 3. Putting an iFrame into html2 in which you put src="2018_12_18_Saxony_map_interactive.html". This is what I often do whereby I make the iFrame responsive with some extra JS. This method would depend on how self-contained your Animate-CreateJS-Canvas Thingie is. Is the interactivity happening exclusively in the canvas or do you access objects inside the outer DOM? Now to your choice of putting html1 into html2: First in your <head> Did you put into the <script> in collapsed line 26 the entire Javascripts from 2018_12_18_Saxony_map_interactive? There could be around 200 lines of code in some 4 to 5 script tags. Important vars get initialized there like exportRoot, canvas, anim_container, dom_overlay_container, to name only a few. And in the <head> should be also some Style tag related to #animation_container.  Everything needs to be carefully puzzled into your html2 document. And in the <body> needs to be the stuff which belongs into the <div id="animation_container">. This one would contain the canvas with your interactive Events Übersicht. I can just see half of your <body>-line in your screenshot with the id="page-top" and that looks a bit suspicious ;-). These are only some pointers and I'm not a guru. It might all be different or easier. But maybe consider the iFrame variant. Then you can just implement your 2018_12_18_Saxony_map_interactive.html as is into html2. A bit of iFrame styling like "border-style:none" and nobody can see that there are actually two documents in one view. klaus ... View more

Hi Underbox Check and experiment with the following settings: 1 Publish Settings / Basic - look for if Export document as texture is ticked - and look for if Combine images into spritesheet is ticked 2 Publish Settings / Image Settings - look for Format and Quality If i.e. Export as texture (which it is by default in v19) is selected then Combine images into spritesheet (default as well) is pre-selected. Or if only spritesheet yes and texture no, it depends what in Image Settings the quality settings are. Imagine it's only 8 Bit + Texture and Spritesheet there will not be enough palette color space avail for several images with color-hungry gradients. It might be necessary to uncheck Texture as well as Spritesheet in order to export each image seperately. In any case experimenting and publishing several distiguished versions will eventually give you better results. It's of course also a question of file size. You have to work out a compromise. klaus ... View more

Patrick, that's great! Could you do me the favour and mark one of my answers as correct then. Cheers ... View more

Charlie that's a question simple to ask but harder to answer. Because you are targetting HTML5 Canvas to have to get your head around the Javascript Date Object. Start here: JavaScript Date Reference And here is a manual to a countdown clock: Build a Countdown Timer in Just 18 Lines of JavaScript — SitePoint Though it's all not specifically made for AnimateCC Canvas and createJS. You'll have to improvise. Klaus ... View more

Hi arisud I'm not getting that. In your code snippet is nothing that explains how you go back to frame 1. Are you looping through a number of frames and the playhead hits repeatedly frame 1? All I can see here is that on each MOUSE_UP on mederma1  your var total gets increased by the number of 25 and that is put into your textfield totalText. (25, 50, 75 .. so what?) Just however it reaches frame 1 put there total = 0; Or do i do not see something obvious? klaus ... View more

Also, if you work with HTML5/Canvas files and you want to use Advanced Layers (for Camera, Layer Parenting, Layer Depth and Layer Effects) you could try exportRoot.play(); (if the parent is really the root) but please don't count on that ... View more