Thanks for the info.
I tried the Convert to Other Documents Format, which created a Canvas, which has retained the animation on playback, however when previewing it in a browser it is just a plain white screen.
I'm not sure exactly how I can re-write the code.
There is not much content - perhaps it would be easier just to start from scratch? If so are there are any good tutorials for building an animated HTML5 website in Animate? I haven't been able to find any.
Thanks!
At the end, we want from Adobe to implement in next version option like we have in Edge Animate
Thank you for the reply and suggestion. I hope to try this out sometime soon, but I had to move on to more pressing things for now.
barker85 wrote:
I tried the Convert to Other Documents Format, which created a Canvas, which has retained the animation on playback, however when previewing it in a browser it is just a plain white screen.
This almost always means a JavaScript error. When it happens, press F12 to open the browser's developer console and check for error messages.
it is just a plain white screen
Uncheck combine images into a spritesheet in the Publish settings. IMHO this should not be the default.
I know this doesn't solve the graph issue, but you can use BackIn, BackOut, and BackInOut eases (and more) if you code your tweens: TweenJS v0.6.2 API Documentation : Ease
Glad to hear it. You're welcome.
Yes, I know for that method and I am using it sometimes. First, using code outside advanced GUI animator is not normal, in that case if we want hand-coding we can use e.g. GSAP. Second, if we change file, js will be overwriten and that hand-coded part will be lost.
I think you're overcomplicating things; you can just make an actions layer and put your eases in keyframes wherever you want them on the timeline. Nothing gets overwritten or lost when you publish.
GSAP is great too, though I generally prefer to avoid additional libraries when CreateJS is already included.
Why not to have fast option like we have in Edge Animate. I think it is day work for Adobe Animate team. Just adding different class on tween on mouse click (getBackIn, getBackOut, getBackInOut, getElasticIn, getElasticOut, getElasticInOut...)
Thanks, that solved that issue.
It appears to be working fine now but with two problems
1) The animated text links do not move in a straight line as they did initially but in a random way in between the start and end (not in Animate but when previewing in browser).
2) The animation does not stop but keeps looping. I deleted the Action for the animation to stop and inserted a new one but this still does not stop it.
I get the messages:
"* AntiAlias is not supported in HTML5 Canvas document, and has been converted to CanvasFonts in an instance of Text."
and "WARNINGS: Frame numbers in EaselJS start at 0 instead of 1. For example, this affects gotoAndStop and gotoAndPlay calls. (6)
Classic tweens that end on a keyframe with multiple elements may have unexpected results.
Modifying the transform point in a tween can produce unexpected results.
Input and static text fields are published as dynamic text fields.
Content with both Bitmaps and Buttons may generate local security errors in some browsers if run from the local file system.
Motion tweens are published as frame by frame animations. Use classic tweens where possible."
Perhaps these are related?
for some reason the company hosting a set of html5 banners i've done doesn't accept them with the images inside an image subfolder. is there a way to modify the publish settings or some other setting to output the images without a subfolder and have the various scripts reflect that? thanks so much. d.
Change path for images with dot-slash ./
thanks so much.
This is exactly the sort of thing that JSFL scripts are for. I believe this would do what you need:
function main() { var i; var p = 0; var items = fl.getDocumentDOM().library.items; for (i = 0; i < items.length; i++) { if (items[i].itemType == "bitmap") { items[i].allowSmoothing = false; items[i].compressionType = "lossless"; p++; } } alert(p + " bitmap(s) processed.");
}
main();
Copy-paste above into a text file and save with a .jsfl extension. Double-click to run against the currently open Flash file.
Wow, thanks for looking-in to this for me. I'll try out the script. Thanks
How do I create input form fields within an HTML5 Canvas document Using Animate CC?
- Matt
frame rate 25fps
there are 375 frames = 15 seconds
yet when i render it to a quick time H.264 it comes out as a 12 second animation
i even went to the length of trying to cheat it by exporting it as a JPG sequence, opening it in after effects (where it appeared as a 12 second animation aswell??) then I reduced the speed of the clip to 80% which made it 15 seconds, exported it, as a 15 second uncompressed video, converted it in media encoder and low and behold....it was 12 seconds again
its driving me crazy
any ideas?
the frame rate remains constant 25fps
Are you using CS6 or CC or Animate?
As you say you rendered it to H.264, does that mean you're using Windows? The Mac exporter doesn't show all the QuickTime options.
In your jpg test, how many images were there?
Is it exactly 12 seconds, or 12.5?
Can you put the FLA online somewhere for me to try?
Hello,
Recently i have been animating in adobe animate cc, and today when i opened the file i was met with this:
i do not know what this means or how to fix it, if necessary i can post the animate file, but if anyone can help me it would be very much appreciated. I am using Adobe animate (2015.1) the latest version at the time of this post.