TookKit to CreateJS

Similar Questions

• Compression external createjs code Flash Canvas library

  Hi guys, please help!

  I created a set of banners using Flash and HTML5 Canvas. I was given a total of 100 KB load and while the exported HTML, js, and image are below it, the operator announcement said that loaded js libraries are too big!

  It seems that flash canvas needs these external libraries to operate:

  < script src = https://code.createjs.com/Easeljs-0.8.1.min.js > (83.4 kb)

  < /script > < script src = https://code.createjs.com/tweenjs-0.6.1.min.js > < / script > (22.5 KB)

  < script src = https://code.createjs.com/MovieClip-0.8.1.min.js > (4.3 KB)

  < /script > < script src = https://code.createjs.com/preloadjs-0.6.1.min.js > < / script > (54.9 KB)

  They also said that the banner should be autonomous, i.e. all local codes to html.

  does anyone know how

  (a) make the local code

  (b) reduce the load of KB in js files?

  Here is a link to one of html5 ad units: display-pl-980 x 300-v3

  Really appreciate ANY help

  see you soon

  Karl

  The CreateJS library has been a single JS file for a few revisions now. Are you sure you're running the 2015.2 version?

• Play/stop animation movieclip in canvas html (createjs)

  Hi all
  I have a movieclip with an animation in its own timeline.
  I put a "this.stop ()"; in his first image so that it is not his own.
  Now, I want to play this movieclip by clicking an external button on the stage.

  I know how to do that in as3, can someone please show me how do it in createjs.

  Thank you...

  Do you almost exactly the same thing. this.myMovieClip.Play (); in the button's event handler.

  Of course, you might have a problem of scope with the event handler reference, but there are many threads on here already detailing this issue.

• System of particles using CreateJS?

  Im trying to build a system of particles in CC to animate. I did others in AS2 and AS3, but I seem to have a problem trying to get it to work.

  I've seen some tutorials work on you Tube just using Javascript. I was hoping to piece together a combination of javascript/createjs.

  Why to use createjs? This is the only/best/easy way to shoot a picture of the library (as KGLAD showed it to me).

  Im trying to build a simple snow falls, but I can't seem to make it work, this is what I have for the code. Am I on the right track or I turned off my rocker! Any help would be greatly appreciated,

  var W = 300; var H = 250;

  particles of var = [];

  for (var i = 0; i < 50; i ++)

  {

  This will add 50 particles to the array with random positions

  Particles.push (new create_particles());

  }

  function create_particles()

  {

  This.x = Math.random () * W;

  This.y = Math.random () * H;

  This.VX = Math.random () * 20 - 10;

  This.Vy = Math.random () * 20 - 10;

  This.Gravity = 1;

  New lib. Snow;

  }

  function place_particle)

  {

  for (var t = 0; t < particles.length; t ++)

  {

  stage.addChild (particles [t]);

  }

  }

  Console.log (particles [2] .x, particles [6] .x)

  setInterval (place_particle, 33);

  use:

  function create_particles() {}

  snow is new lib. Snow;

  Snow.x = Math.Random () * W;

  Snow.y = Math.Random () * H;

  Snow.VX = Math.Random () * 20 - 10;

  Snow.Vy = Math.Random () * 20 - 10;

  Snow.Gravity = 1;

  return snow

  }

  and then you have a loop (for example, the ticker) that updates of each post of Member of particles.  You can eliminate place_particle unless you want to add them for some time after their creation and simply add each to the scene as it is created in create_particles.

• createJS:Bitmap

  I was watching createJS code for working with images. I'm looking to bring in a bitmap of the image / library. I thought I had found a code to do it, but it does nothing. It compiles, but gives me nothing. Here is the Code, is there a reason why it does not work (the circle was my first try, and I kept it to check that the code was compiled without error).

  Can you bring a picture in this way? If this isn't how to do?

  var circle = new createjs. Shape();

  circle.graphics.beginFill("DeepSkyBlue").drawCircle (0, 0, 50);

  Circle.x = 100;

  Circle.y = 100;

  stage.addChild (circle);

  createjs. Tween.get (circle, {loop: false})

  .to ({x: 200}, 1000, createjs.) Ease.getPowOut (12))

  createjs. Tween.get (this.square_mc, {loop: true})

  .to ({x: 300}, 3000, createjs.) Ease.getPowInOut (12));

  var image = createjs new. Bitmap ("Sandies pic9.png"); In the library

  var MC_Container = new createjs. Container();

  MC_Container.addChild (image);

  MC_Container.x = 100;

  stage.addChild (MC_Container);

  internship. Update();

  It's for loading bitmaps.

  to use an image from the library, give a link id (for example, Sandies_pic9) and use:

  image of var is new lib. Sandies_pic9;

• Why I can't change the index of movieclips on stage? (createjs)

  What I want to achieve is relative, simply and works in Flash but not animate a reason any.

  
  

  On the stage, I have a movieclip called 'Subscript', with a field of dynamic text inside this type 'text '. I want to create a dyamically of box shape and place it inside the movieclip 'index' behind the 'text '. Here is my script:

  
  

  	var hint = this.hint;
  	var padding = 10;
  	var text = hint.text;
  	var limit = hint.getBounds ();

  	Create forms
  	var box = createjs new. MovieClip ('independent', 0, false, null);
  	var rect = new createjs. Shape();
  	var stroke = new createjs. Shape();

  	Colors
  	accident var stroke = "#000000";
  	var bgcolor = "#FFFFCD";
  	shadow of var = 'rgba (0, 0.3, 0.0);

  	Draw shapes
  	outline.graphics.beginStroke (AVC) .drawRect (bounds.x - padding, bounds.y - padding, bounds.width + (padding * 2), bounds.height + (padding * 2));
  	rect.graphics.beginFill (bgcolor) .drawRect (bounds.x - padding, bounds.y - padding, bounds.width + (padding * 2), bounds.height + (padding * 2));
  	Box.Shadow is new createjs. Shadow (shadow, 3, 3, 0);

  	Add forms to hint
  	box.addChild (rect);
  	hint.addChild (outline);
  	hint.addChild (box);

  	Text to switch on the front
  	hint.setChildIndex (text, hint.getNumChildren () - 1);

  Unfortunately, no matter what I do, the last line does nothing. The shape is always on the top text! Yet, this same exact file works perfectly well in Flash.

  After doing some additional testing, it seems to me the the ' plan ' and 'rect' is drawn on the text at each tick. So, although the index of 'text' is changed, the forms are are then immediately pull out the top of it.
  
  I don't know why this has changed from Flash, it looks like a bug to me.

  UM...

  // text must already have been on stage for at least one frame
  

• HTML5 Canvas Createjs mouse button and the mouse on

  Beginner to the CC Flash using HTML5 Canvas via CreateJs.

  Features I am building mouse over and click interaction .

  
  

  Click on the button seems to work but the mouse and off does not work.

  I used the MovieClip then try code below.

  
  

   
   
   
   
  var stage = new createjs.Stage("canvas");
  stage.canvas.style.cursor = "pointer";
   
   
   
   
  var frequency = 3;  
  stage.enableMouseOver(frequency);  
   
   
  createjs.Ticker.addEventListener("tick", stage);
  createjs.Touch.enable(stage);
    
   
   
   
  this.cta1.addEventListener("click", handlerMethod.bind(this));
  this.cta1.mouseChildren = false;
   
   
  function handlerMethod(event) {
    console.log("Clicked");
  }
   
   
  this.cta1.addEventListener("mouseover", MouseOverhandler.bind(this));
  function MouseOverhandler() {
    this.cta1.gotoAndSop("mOver");
   
   
   
   
  }
   
   
   
   
  this.cta1.addEventListener("mouseout", MouseOuthandler.bind(this));
  function MouseOuthandler() {
    this.cta1.gotoAndSop("mOut");
   
   
  }
   
   
   
   
   
   
   
   
   
  

  Question I'm facing

  MovieClip cursor doesn't display not pointer

  Mouse does not work Cta1 MovieClip doesn't go to the label "mOver".

  Download FLA via WeTransfer

  Thank you.

  Mouse interaction

  canvas.addEventListener ('mouseover', over.bind (this));

  function over()

  {

  this.cta.gotoAndPlay ("over");

  }

  canvas.addEventListener ("mouseout/mouseouthandler()", out.bind (this));

  function out()

  {

  this.cta.gotoAndPlay ("out");

  }

  With just a button symbol gives you a slider. No necessary framescript.

• CreateJS / Preloadjs - download image spritesheet error

  I use the CC lead to generate a file with a few images. These images are in a single spritesheet.

  In the HTML file is obtained, I changed the location of the js files and images.

  My HTML file is at the following address

  http: //localhost/web/index.html

  My js file and the images are at the following address

  http://localhost/evolua/Midias/Atividades/2/2.js

  http://localhost/evolua/Midias/Atividades/2/images/B02A10_Canvas_atlas_.JSON

  http://localhost/evolua/Midias/Atividades/2/images/B02A10_Canvas_atlas_.PNG

  In the init method of the index.html file, I put the LoadQueue class basePath as http://localhost/evolua/midias/atividades/2/parameter.

  In this way, both the B02A10_Canvas_atlas_.json file, for example, file

  B02A10_Canvas_atlas_.png be downloaded from the correct location. The basePath is defined in the Preloadjs documentation.

  The problem is that the image file does not load. Here, a filter network Chrome print.

  Image 1

  

  Image 2

  

  As you can see, first of all, the image is downloaded from the correct location. Then we're looking for at http: //localhost/web/images/B02A10.png

  And the file does not work. The image is not found.

  To reproduce this problem, simply change the js files and assets generated by Animate to another folder where the HTML file server will run.

  Then pass the parameter of the LoadQueue class in the method init, the address of the place where the js files and assets.

  Thank you.

  Hello @kdmemory,

  I posted the same question in a discussion about referential PreloadJS and got a response. It seems that corrects this problem. I did have the chance to test since implemented an alternative method in my application.

  It is the address of the discussion on GitHub:

  Problem with LoadQueue basePath · Number #193 · CreateJS/PreloadJS · GitHub

• create Rollover and link with the Toolbox for CreateJS

  I use flash CS6 and plan on the use of Toolkit for CreateJS.  It's worked great for a motion tween animation I did even if someone know a resource I can refer to which will show you how I can create a turnover and a link that works when I export the file to html5 using CreateJS Kit?  I have googled myself to death and surprised by the lack of resources available for this.

  Mouse interactions

  canvas.addEventListener ('mouseover', over.bind (this));

  function over()

  {

  this.cta.gotoAndPlay ("over");

  }

  canvas.addEventListener ("mouseout/mouseouthandler()", out.bind (this));

  function out()

  {

  this.cta.gotoAndPlay ("out");

  }

• Code of createjs equivalent to the keyboard flash snippet

  for flash cc

  stage.addEventListener (KeyboardEvent.KEY_DOWN, fl_KeyboardDownHandler);

  function fl_KeyboardDownHandler(event:KeyboardEvent):void

  {

  trace ("you press one of the button of your keyboard");

  }

  for createjs, it should altert in the browser once I press any button

  / * js

  stage.addEventListener (KeyboardEvent.KEY_DOWN, fl_KeyboardDownHandler);

  function fl_KeyboardDownHandler(event:KeyboardEvent):void

  {

  Alert ("you press the button on your keyboard '");

  }

  */

  Here's a thread that deals with key events in canvas: Canvas - control the object with the keypress js function

• Flash createjs cc hittest works without success

  the rect should be alpha = 0.1 when the circle touches the rect. But if statement works do not. it becomes 0.1 opacity without hitting

  / * js

  var circle = new lib.mycircle ();

  stage.addChild (circle);

  var rect = new lib.myrect ();

  stage.addChild (rect);

  Rect.x = 200;

  Rect.y = 300;

  circle.addEventListener ("mousedown", downF);

  function downF (e) {}

  stage.addEventListener ('stagemousemove', moveF);

  stage.addEventListener ('stagemouseup', upF);

  };

  function upF (e) {}

  stage.removeAllEventListeners ();

  }

  function moveF (e) {}

  Circle.x = stage.mouseX;

  Circle.y = stage.mouseY;

  }

  If (Circle.HitTest (Rect))

  {

  Rect.Alpha = 0.1;

  }

  internship. Update();

  */

  Don't use a hitTest. Use getObjectsUnderPoint , pass the circle x / y coordinate and verify if the rectangle is in the returned list.

  now its working fine

  var p = rect.localToLocal(0, 0, circle);
if (rect.hitTest(p.x, p.y)) {
  rect.alpha = 0.1;
} else {
  rect.alpha = 1;


  }

  to download the source:

  collision localtolocal createjs No .fla hittest | Graphicscoder

• Publication parameters to create a single folder, including the CreateJS library.

  I need all the published files in a folder (no subfolders) and also to include the CreateJS library rather than pulling them from a host online. What parameters of publication I need please?

  all the paths of the oblique point-bar value. /

• HTML5 - library CreateJS export without a subfolder

  I am creating a banner of HTML5, however, because of the requirements of my ad server I need to include the CreateJS library in my packaged files rather than pulling them from a host online. The ad server requires all the files packaged to be contained in a single folder with no subfolders, which is where I am running on the problem. When I say lead to export libraries javascript, I put "/" as the location of the folder so that it can place the .js file in my root folder, but then when it creates the page .html, that it adds a "/" at the beginning of the file name in the script src tag bringing don't not to load. Is there a way to get around this? I realize, I could just go in the .html file and change the script tag, but I'm more than a thousand of these files as each month and that would turn into a well of time really quickly. I also tried to manually add an another script tag for the model .html with the correct for the JS library file name, which does not work, but because the other script reference always try there load a file that does not technically exist the browser cannot load lance resource could cause errors as I am concerned blocking when the banners to go live.

  Any help would be greatly appreciated.

  Thank you.

  type point-bar oblique ./

• Whence createjs. Ticker.addEventListener ("tick", stage);  come from

  Maybe a stupid question, but I can't seem to find an answer. Animate using the createjs library?

  Thank you.

  If you HTML5 Canvas FLAs, so yes, it uses the CreateJS libraries.

• Createjs - slide / move

  Animate CC uses the createJS library, right?

  Can someone explain then why this drag & drop code does´t work (html5 canvas)?

  dragDrop_mc.on ("pressmove", function (evt) {}

  evt. Target.x = evt.stageX;

  evt. Target.y = evt.stageY;

  });

  dragDrop_mc.on ("pressup", function (evt) {console.log ("up") ;})

  (Obtained from the website createJS: tutorial EaselJS: Interaction of the mouse )

  I m pretty confused on what kind of Javascript to use...

  Thank you!

  Because it does not:

  this.dragDrop_btn.addEventListener ("pressmove", fl_MouseClickHandler_2.bind (this));

  function fl_MouseClickHandler_2 (evt)

  {

  evt.currentTarget.x = evt.stageX;

  evt.currentTarget.y = evt.stageY;

  }