HTML5 Toolkit For CreateJS

I downloaded the the Toolkit for CreateJS for Flash CS6.
I am using the Classroom In A Book and doing Lesson 8 and when I use the converter and runs the lesson and it just goes into like a loop. I turned off loop on the coverter. It does not like classic tween.
Any Ideas I am missing while using "Toolkit for CreatJS"?
Thanks,
Joe

Hi Joe,
Just want to understand your issue better. What exactly do you mean by it goes in to a loop? And also, it does not like classic tweens?
Please let us know.
Regards,
Suhas Yogin

Similar Messages

Is there a way to use multiple canvas tags with the ToolKit for CreateJS for Flash in one HTML5 doc?

Hey everyone, I was wondering if someone could help point me in the right direction for solving this. I have created 5 short animations using Flash and when I published each ".fla " (with Toolkit for CreateJS extension) I get 5 different html5 files with their own respective javascripts. Is there a way to get all those canvas tags in one html5 file and still have it work. I'd love a hint on where to begin so I can begin researching the solution.
Thanks!
-DJ

Why do you think that one will be over written?
You can sync as many ipods/iphones/ipads as you like to one computer. Each is different and will only sync what you select.

Once I create a html5 animation using the 'Toolkit for CreateJS' in flash, how do I then insert it..

Once I create a html5 animation using the 'Toolkit for CreateJS' in flash, how do I then insert it into a webpage via Dreamweaver:
This has been sending me round in circles for over a week - can anyone let me know how I do this or can they point me in the direction of a tutorial? Thank you in advance - d;-)

There are some tutorials on Adobe site:
<http://www.adobe.com/devnet/createjs/articles/getting-started.html>
<http://tv.adobe.com/watch/adc-presents/toolkit-for-createjs-part-1-designing-game-assets/>
<http://tv.adobe.com/watch/adc-presents/toolkit-for-createjs-part-2-adding-game-interactivi ty/>
The parts 1 and 2 are videos about 10 minutes each while the first link is a detailed article that you can print and practice on your machine.
Hope this helps.

Publish to HTML5 Using the Adobe Flash Professional Toolkit for CreateJS | Getting Started with the Flash Professional Toolkit for CreateJS | Adobe TV

Learn about the Adobe Flash Professional Toolkit for CreateJS, including core features, expected workflows, and philosophy behind this technology.
http://adobe.ly/I2Ur7U

my question is why would one rather use HTML5 to create and edit animation over flash? I would personally rather have the visual interface than the text editor. Or did I miss something? What are the benefits other than separation of work duties (e.g., designer/developer).

Toolkit for CreateJS: FLA to HTML5 Loosing interactivity

Hello All,
I have some FLA Files I am trying to convert it in HTML5 [AS 3]. When I use google Swiffy I get Proper Output but No Audio [But Swiffy has 1MB Limit].
When I use Toolkit for CreateJS I get sound but no Interactivity [I am not use Mouse & Keyboard Inputs], I have cleared all errors also elements in libraray has no special characters.
I think I am missing something. Can anyone please help on this

http://download.macromedia.com/pub/developer/createjs/platypusgame.zip

"Toolkit for CreateJS" Missing from Flash CC Menu

I'm a Creative Cloud user running the latest version of Flash Professional CC on my 27" iMac running OSX Mavericks. I want to export an animation file using CreateJS. However, the "Toolkit for CreateJS" option is missing from my "Window" drop down menu - it's not even grayed out, it's just not there. Using the alternate of Shift+F9 doesn't work either. I tried downloading the CreateJS extension from Adobe but is says I need to be running CS6 for it to work, and that "Toolkit for CreateJS" is supposed to come pre-installed in Flash CS Pro. But it's not there. This is very frustrating, and I'd be deeply grateful for any help someone could give me. Thanks!

HTML5 publishing with the new update is now more inetgarted with the application and we now have a new document type called "HTML Canvas" which publishes using the same CreateJS libraries.
The Toolkit for CreateJS panel is no longer present with the new update, but the HTML5 publishing using the toolkit is now intgerated as part of the HTML canvas document type that you will see new in this update.
Please refer to:
http://helpx.adobe.com/flash/using/whats-new.html#Creating%20and%20pub lishing%20HTML5%20Canvas%20content
Also you can convert your previously created AS3 document that publish to HTML5 into HTML5 Canvas documents. This is also mentioned in the documentation below:
http://helpx.adobe.com/flash/using/creating-publishing-html5-canvas-do cument.html
-Sujai

Where to find update for 'Toolkit for CreateJS'?

Hi,
I'd like to use the latest versions of the createJs framework. They recently added some nice event-functionality I'd like to use at the moment.
Flash Pro CC still has the old Toolkit for CreateJS on board. Creative Cloud doesn't mention updates to Flash Pro CC.
Anybody knows if Adobe updates the Toolkit for CreateJS? And if so, where to find it?
(btw ofcoarse I tried updating the labraries myself in my project, but some core stuff is changed in the new EaselJS and so it takes a lot to correct)
Really appreciate it if anybody knows!

Some details on the latest status:
1) For CS6, the toolkit which is available for download has CreateJS 1.2 integrated. You can download this from : http://www.adobe.com/in/products/flash/flash-to-html5.html
2) For Flash CC(latest update - 13.1.0.226) uses CreateJS 1.3 libraries for HTML5 publishing.
Will need to check if there will be more updates to toolkit for CS6 or if this will be only for CC.
-Sujai

Cannot install Toolkit for CreateJS

Hello,
I am a member of the Creative Cloud, and trying to install the Toolkit for CreateJS, but having some difficuilty. When I try to install "Toolkit_for_CreateJS_v1_2.zxp" from the Extension Manager I get the following message -
"This extension can not be installed, it requires Flash version in range of inclusively between 12 and 12.
Is the message referrring to Flash Player? OR Adobe Flash Professional CC?
I have the following versions of the software installed -
OS - Windows 7 64-bit
Flash Player - 11.8 (Latest version)
Adobe Flash Professional CC - 13.0.1.808
I have a flash animation that I am trying to covert to HTML5 so it can be viewed in all browser and devices. Can you please let me know the tools, setup and the steps to do this conversion?
- Yash

Same problem here: Extension Manager CC will not install the Createjs Toolkit extension: "This extension can not be installed, it requires Flash version in range of inclusively between 12 and 12."
This will make my Flash CC installation virtually useless for all my html5 projects...

FAQ: Flash Professional CC - Cannot find Toolkit for CreateJS.

With it's latest update, Flash Professional CC introduces the HTML5 document type, which uses CreateJS libraries when publishing HTML5 content. Hence, Toolkit for CreateJS will not be available as an extension in Flash CC. To publish HTML5 content, you can use the new HTML5 Canvas document type. For more information, see Creating and publishing HTML5 Canvas content. You can also convert existing ActionScript content to HTML5, for more information, see Converting and reusing ActionScript assets in HTML5 Canvas | Adobe Flash Professional CC.

With it's latest update, Flash Professional CC introduces the HTML5 document type, which uses CreateJS libraries when publishing HTML5 content. Hence, Toolkit for CreateJS will not be available as an extension in Flash CC. To publish HTML5 content, you can use the new HTML5 Canvas document type. For more information, see Creating and publishing HTML5 Canvas content. You can also convert existing ActionScript content to HTML5, for more information, see Converting and reusing ActionScript assets in HTML5 Canvas | Adobe Flash Professional CC.

ToolKit for CreateJS

The new version of Toolkit for CreateJS version 1.2.0311 is integrated now with the Flash Pro CC app. You can see this under Windows->ToolKit for CreateJS.

Using Flash Pro 'Toolkit for CreateJs' -http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html
Getting Started - http://www.adobe.com/devnet/createjs/articles/getting-started.html
The Toolkit for CreateJS 1.2 release extends support for converting Buttons to HTML5,motion guides,animated masks,scaleMode along with fixes to several JSX related errors and omission of multiple empty keyframes.

Does toolkit for createjs will export AS2 files?

I was wondering if this extension will export files to hmtl 5 that were created in AS2.
If it is not possible, where can I get to kwno how to program or pass my file to AS3?
Thanks for the time.

Hi Nijord,
Toolkit for CreateJS does not convert ActionScript code to JavaScript (HTML5). You will have to re-write the ActionScript code to JavaScript once you export and convert your Flash assets to HTML5.
Regards,
Suhas Yogin

Resize animation in browser window with toolkit for createjs

Hi. I'.m a flash newbie with little coding experience. I have an animation that I created in flash that I exported to html5 with toolkit for createjs. It looks good, however I would like to have the animation be proportionally sized to the browser window, so that it can be viewed on a variey of devices. My iPhone seems to adjust the size, however when I view it on the desktop, the bottom gets cut off, and remains the same size when I resize the browser window. Is there any way to have the animaton resize according to the browser window?
Thanks
Tom

Great news! I used media queries inside of CSS and got my home page to work on a nice 1280x720 effortlessly However, i have a slideshow script that has the image running 1000x400 and I am wanting to know if there is a way to access the variable of this script:
// JavaScript Document
var mygallery=new fadeSlideShow({
    wrapperid: "slideshow", //ID of blank DIV on page to house Slideshow
    dimensions: [1000, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
    ["slideshow/XavierHeadSlide1.jpg"],
        ["slideshow/XavierHeadSlide2.jpg"], ["slideshow/XavierHeadSlide3.jpg"]
         //<--no trailing comma after very last image element!
    displaymode: {type:'auto', pause:1500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 2000, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: ""
I want to access the "dimensions" variable in CSS so I can modify the size without having to create a second image that is slighty smaller... I tried setting the slideshow DIV as a CSS class, but it just simply cut off the image.
thanks a bunch for all of your help on this matter.

Toolkit for CreateJS: How to control the main timeline from outside the canvas.

Hey Everyone,
I'm currently trying to do something simple, but my animation breaks whenever I attempt to change my code. I have created a basic animation in Flash where an object moves from the left side of the canvas, to the right, and then loops from the last frame to the first frame. Nothing else. The animation is simply put on the main timeline. I exported the animation with Toolkit for CreateJS through Flash's extension and the animation runs as it should. I am trying to start and stop (restarting from the first frame) the animation with mouse over and mouse off events. I want the events to fire when moused over/off a div OUTSIDE the animation's canvas tag. Is this possible with CreateJS? I'm trying to figure out how to control the main timeline without being inside the canvas tag.
Example HTML:
http://www.thephotoncore.com/testing/example_test.html
Example Code:
<section id="container">
<canvas id="canvas" width="550" height="400" style="background-color:#cccccc"></canvas>
<section id="animation_control">
    <p>Roll over to start and stop animation.</p>
</section>
</section>
Thanks again for the help!
-DJ

Hi DjPhantasy5,
All movieclips on the stage are children of the stage,
So on the "mouseover" all movieclips on the stage could be stopped with stop and on the "mouseout" all children could be restarted with gotoAndPlay like this:
function Stop()
          if (stage && stage.children)
                    var i, l = stage.children.length;
                    for (i = 0; i < l; i++)
                              var child = stage.children[i];
                              if ("stop" in child)
                                        child.stop();
function Restart()
          if (stage && stage.children)
                    var i, l = stage.children.length;
                    for (i = 0; i < l; i++)
                              var child = stage.children[i];
                              if ("gotoAndPlay" in child)
                                        child.gotoAndPlay(0);
See http://www.liauw.nl/forums/adobe/djfantasy5/index.html
But it is also possible to expose "ball1", for example, by adding it to the document.
This can be done by adding code to "ball1" like so:
/* js
document.ball1 = this;
Then the stopping of the animation would look like:
function Stop()
     if ("ball1" in document)
          document.ball1.stop();
etc.
Have fun!
Ronald

I get "ERRORS: Empty symbol. [pop]" when publish PlatypusGame.fla with Toolkit for CreateJS

I am using platypusgame.zip downloaded from http://www.adobe.com/devnet/createjs/articles/getting-started.html. I did not changed anything. Default settings. SWF file is publishing with no errors. Flash CS6 on Macbook OS X 10.7.4. No preview in Safari.
What may cause this error?
Upd: The same error when I publish it with Toolkit for CreateJS using Flash CS6 on PC Windows7. Here, despite on this error, I can see preview in Google Chrome.
Am I the only one who gets this error in Output panel?
Message was edited by: PushkinAl

So, after 2 months of conversations with Adobe Technical Support, and getting from their folk some contradictory answers (here is some examples: "This is not an Adobe's issue, this is CreateJS's issue, so ask about that on their forum", to "Yes, this is a bug and it was fixed but we won't tell you in what version it was fixed", "No, this bug has never been registered yet in our bug database, we will registere it for you", "Here is the bug number ... , you can track it in Adobe database via this link...", "No, you cannot track it via that link, because this bug is registered in our local bug database, you have not access to it" etc.), I got the "final" answer that basically contained 2 part: 1) You cannot use audio in your project (i.e. createJS Toolkit won't convert it), this is a feature, not a bug 2) so, the" Error" message should actually reads as an "Warning" message, that audio won't be converted.
I am pretty sure that if I talked to another Adobe guy next time, I would probably get yet another answer, but I won't. You may, if you want. Be prepare though for the following: 1) you will have to wait at least 30 min when a next representative is free (do not be fooled with their "peace of mind" offer - they never called back in that period of time that they promise) 2) the 1-st level representatives sounds like have no clue what is what and how it works 3) you cannot call the next level representative even if they leave you there number and extention and tell you to call them directly - the first level representative just won't connect you to that extention 4) they may ask you what is the better day and time to call you back - they never called at that day/time 5) they may call you at 7 am because of different time zone 5) they will give you contradictory answers 6) every time you call them, you will have to explaine everything from very beginning, and after every newpeace of information (new to this particular representative, even if that was descussed several time with another representatives) , they will put you on hold for 10-15 minutes to discusse it with someone else 6) every more advanced level representative will want to share your screen and see the problem "with their own eyes"; does not matter that you provided your file with your case, they won't bother to try it on their end until you insist that to do that. And even they did and admited they had the same issue, the next persdon to whome you will talk next time will want to share you screen "to see it with their own eyes"!!!
So, if you are ready for that - go ahead

How can I target the background canvas with toolkit for createjs?

Hello again everyone,
I have been tooling around a bit with Flash and toolkit for createjs. I am trying to create a navigation menu that plays animated icons when the user mouses over them.
http://www.thephotoncore.com/navigation.html
The navigation consists of 8 <li> tags for the main nav buttons and inside each of those tags is a unique canvas element. For some reason, the icons animate ONLY when the mouse hovers over the graphics INSIDE each button and not the container canvas itself. Is there a way for me to start and stop the animation for when the user mouses in and out of the entire canvas element for each button?
*IDEALY I want the the animation to start and stop for when the user mouses in and out of the <li> tags containing the <canvas> tags. I am not sure if this would work with createjs, but it would be perfect if I could do it that way.*
Thanks again!
-DJ

Let me know if this didn't make any sense. Essentially I want the code to go like:
    this.frame_0 = function() {
        this.stop();
        (*parent <li> of this <canvas> item*).onMouseOver = function() {
            this.gotoAndPlay(1);
        (*parent <li> of this <canvas> item*).onMouseOut = function() {
            this.gotoAndStop(0);
    this.frame_179 = function() {
        this.gotoAndPlay(1);

HTML5 Toolkit For CreateJS

Similar Messages

Maybe you are looking for