createJS:Bitmap

Similar Questions

• Dynamic content

  I was able to make a dynamic text field using an instance name in the text field and adding the code.

  This.mydynamictextfield.Text = "";

  How can I create dynamic image control?

  I am guessing by the "this." you're talking about fashion of the canvas. If you want to just put a bitmap on the stage, it's easy:

  this.myBitmap = new createjs.Bitmap("myimage.jpg");
  this.addChild(this.myBitmap);
  

  But if you want to do things different things in the bitmap, you must also use an Image object:

  // setup
  this.myBitmap = new createjs.Bitmap();
  this.myImage = new Image();
  this.addChild(this.myBitmap);
  // update
  this.myImage.src = "myimage56.jpg";
  this.myBitmap.image = this.myImage;
  

• Blurry text in animate CC

  For some reason any, no matter what I do (type text in Animate, copy - paste from Illustrator as bitmap as vector, lowres 72 dpi of png, png highres dpi, Verdana or some police...) my text is blurry in my html5 banner 120 x 600. Any idea? Is that because the text is too small?

  Actual size

  

  If it's more blurred as the source image and viewing at 100%, it probably means that you align your bitmaps to the exact pixel borders when you put them on the stage. You can manually align them to the very limits (x. 0, y. 0), or add this code somewhere:

  stage.snapToPixelEnabled = true;
  createjs.DisplayObject.prototype.snapToPixel = false;
  createjs.Container.prototype.snapToPixel = true;
  createjs.Bitmap.prototype.snapToPixel = true;
  

  This can have good visual undesirable side effects. Use at your own risk.

• load multiple image for just the code in Html5 canvas.

  Hello, help me to solve this problem.

  I have a lot of image in the folder. and I also have a lot of video clip.

  mc_h1, mc_h2, mc_h3,..., mc_h10.

  

  It's my code.

  img = new createjs.LoadQueue();
  img.addEventListener('complete', completeHandler);
  img.loadManifest([{
    id: "h1",
    src: "images/rambut/h01.png"
  }, {
    id: "h2",
    src: "images/rambut/h02.png"
  }, {
    id: "h3",
    src: "images/rambut/h03.png"
  }, {
    id: "h4",
    src: "images/rambut/h04.png"
  }, {
    id: "h5",
    src: "images/rambut/h05.png"
  }, {
    id: "h6",
    src: "images/rambut/h06.png"
  }, {
    id: "h7",
    src: "images/rambut/h07.png"
  }, {
    id: "h8",
    src: "images/rambut/h08.png"
  }, {
    id: "h9",
    src: "images/rambut/h09.png"
  }, {
    id: "h10",
    src: "images/rambut/h10.png"
  }]);
  var h1 = this.mc_h1;
  var h2 = this.mc_h2;
  var h3 = this.mc_h3;
  var h4 = this.mc_h4;
  var h5 = this.mc_h5;
  var h6 = this.mc_h6;
  var h7 = this.mc_h7;
  var h8 = this.mc_h8;
  var h9 = this.mc_h9;
  var h10 = this.mc_h10;
  function completeHandler() {
  
  
    //add bitmaps
    var bp1 = new createjs.Bitmap(img.getResult('h1'));
    bp1.x = 0;
    bp1.y = 64/3;
    bp1.scaleX = bp1.scaleY =0.23;
    h1.addChild(bp1);
  
    var bp2 = new createjs.Bitmap(img.getResult('h2'));
    bp2.x = 0;
    bp2.y = 64/3;
    bp2.scaleX = bp2.scaleY =0.23;
    h2.addChild(bp2);
  
    var bp3 = new createjs.Bitmap(img.getResult('h3'));
    bp3.x = 0;
    bp3.y = 64/3;
    bp3.scaleX = bp3.scaleY =0.23;
    h3.addChild(bp3);
  
    var bp4 = new createjs.Bitmap(img.getResult('h4'));
    bp4.x = 0;
    bp4.y = 64/3;
    bp4.scaleX = bp4.scaleY =0.23;
    h4.addChild(bp4);
  
    var bp5 = new createjs.Bitmap(img.getResult('h5'));
    bp5.x = 0;
    bp5.y = 64/3;
    bp5.scaleX = bp5.scaleY =0.23;
    h5.addChild(bp5);
  
    var bp6 = new createjs.Bitmap(img.getResult('h6'));
    bp6.x = 0;
    bp6.y = 64/3;
    bp6.scaleX = bp6.scaleY =0.23;
    h6.addChild(bp6);
  
    var bp7 = new createjs.Bitmap(img.getResult('h7'));
    bp7.x = 0;
    bp7.y = 64/3;
    bp7.scaleX = bp7.scaleY =0.23;
    h7.addChild(bp7);
  
    var bp8 = new createjs.Bitmap(img.getResult('h8'));
    bp8.x = 0;
    bp8.y = 64/3;
    bp8.scaleX = bp8.scaleY =0.23;
    h8.addChild(bp8);
  
    var bp9 = new createjs.Bitmap(img.getResult('h9'));
    bp9.x = 0;
    bp9.y = 64/3;
    bp9.scaleX = bp9.scaleY =0.23;
    h9.addChild(bp9);
  
    var bp10 = new createjs.Bitmap(img.getResult('h10'));
    bp10.x = 0;
    bp10.y = 64/3;
    bp10.scaleX = bp10.scaleY =0.23;
    h10.addChild(bp10);
  }
  

  There are so many things by using this code.

  How to simplify this code? If I use my code, slow to load all images.

  Help...

  Well, I was hoping that if I provided 99% of the solution that would be sufficient for you to bring home, but oh well. Try this:

  _root = this;
  this.numbuts = 10;
  this.h = [];
  var i;
  var butman = [];
  for (i = 1; i <= this.numbuts; i++) {
      butman.push({ id: "h" + i, src: "images/rambut/h" + (i < 10 ? "0" : "") + i + ".png" });
      this.h[i] = this["mc_h" + i];
  }
  imgQ = new createjs.LoadQueue();
  imgQ.addEventListener("complete", completeHandler);
  imgQ.loadManifest(butman);
  
  function completeHandler() {
      var i, bp;
      for (i = 1; i <= _root.numbuts; i++) {
            bp = new createjs.Bitmap(imgQ.getResult("h" + i));
            bp.x = 0;
            bp.y = 64/3;
            bp.scaleX = bp.scaleY = 0.23;
            _root.h[i].addChild(bp);
      }
  }
  

  Note that this does NOT create a bunch of h1, h2, h3, etc., but rather a simple table h variables. You don't even really have this table since everything it stores is references to moveclips named sequentially.

• How to resize image in Html5 Canvas?

  Hey, I try to width and height to resize the image using the code:

  h01 = document.createElement('img');
  h01.src = 'images/rambut/h01.png';
  h01.width = 69;
  h01.height = 69;
  var images_h01 = new createjs.Bitmap(h01);
  this.mc_h01.addChild(images_h01);
  

  but the size of the image is not changing anything.

  Help...

  CreateJS is not a way to explicitly set the height and width of the image. If you already know the dimensions of the external image, just use some simple calculations to convert the dimensions in a scale factor. If you don't know the dimensions of the external image, you can access it from image.width and image.height. However, it will need to wait until the image is loaded.

  Or, you could give up on the relationship between the image in CreateJS of DOM and just do float directly on the canvas yourself.

• Animate CC/Createjs properties of the clips/instances/bitmaps are null

  Hey!

  I was wondering how I can set/get properties (including the name property) of my items, on my scene. Whenever I get a null value on my properties. I have a passage of the mouse and you want to get the name of via stage.getObjectsUnderPoint(stage.mouseX,stage.mouseY).  And here, I get a null / undefined / whatever...

  I already tried exportRoot.myMovieClip.name, event.target.name or stage.getChildByName... Now I'm out of ideas, why I still can't set/get properties.

  To clarify:

  I have a Movieclip(called: mc_myMovieClip) and the instance is named ins_myInstance, already placed on the stage. Inside the MovieClip, I have a Bitmap with the instance of ins_myInstance. Although I put all the names in animate CC, after having exported them its not directly accessible. The images are exported in their own folder. No Spritesheet. When I try with stage.getObjectsUnderPoint(stage.mouseX,stage.mouseY) my console says:

  

  My final goal is to have 2 objects, where I check whether or not the names match. If it is not possible in this way, I have to do with hitareas... Something like that: Connections Drag - JSFiddle

  There is another topic of 2013 Toolkit for CreateJS after that export instance names are not available in .name property of objects , but it was not a solution for me, or I do not see this right now

  I hope it's a bit understandable. Thanks for asking! I hope that there is a way, or maybe it's a limitation of createjs?

  Thank you for the advice

  What? It is true that intellectual .name for movieclips by default to null, but has no bearing on the possibility of the objects named address. If you have a clip on the stage that you named "bob" and then something like (this.bob.x); console.log works very well.

  If for any reason, you need to extract an object is called when executing, then first name all your objects: this.bob.name = "bob"; works perfectly well. Change the JavaScript code that is published is a terrible solution, because then you must manually update each time something changes.

  Now, if you don't know advance which objects should be named, it is possible to do it automatically, thanks to the way in which CreateJS implements its data structures:

  First, each element (including the level of the root timeline) has a raw list of members/properties you can browse with a for... loop. This gets you the key names, but it gets you everything in the video. Dozens of irrelevant properties. Even if filter you by type - movieclips are represented internally in the form of a container of CreateJS object instances - not every container object is guaranteed to be a real child of the clip.

  Second, there is a range of children for each movieclip that stores a list of the children of all the clips, but it stores all by reference. No names.

  So, for complete names for children of all of the clip, we scanned raw properties from the clamp, then for each one found is a container object, analyze the table of children to see if it is also in this list. If this is the case, assign the value of the key as the name of the element. As follows:

  var i, key;
  var clip = this; // movieclip content to be processed
  var clipch = clip.children; // movieclip's children
  // iterate over every property name in the clip
  for (key in clip) {
      // is this a CreateJS container object?
      if (clip[key] instanceof createjs.Container) {
          // scan the clip's list of children
          for (i = 0; i < clipch.length; i++) {
              // are they both pointing to the same object?
              if (clip[key] === clipch[i]) {
                  // assign key value to "name" property
                  clip[key].name = key;
                  break;
              }
          }
      }
  }
  

  Voila.

• Help decide whether to use vector/bitmap when you use createjs to export to html5

  I am using the createjs exporter to create one, click on html5 and explore the application. I am trying to get information on whether to use bitmap or vector for my components I see General information that bitmap create vector and additional memory is CPU intensive (especially on mobile), but I would like to have a deeper understanding so I can make better decisions.  I also see support in the shade and maybe some layer of mixture - and I'm curious to know how performance and impacts.  This project will essentially be a background image with different sprites animating several frames on the screen. Are there cases where I should use for my background image vector - or is this a death sentence for mobile devices? Are there any circumstances where his prefeable to use the vector in my animations?  What is worse on mobile performance - a vector full screen background or a sprite small vector storyboarding?

  I am ready to start this project (which is intended to display in PC and mobile as html5), but I'm trying to decide if its wise to make all of this vector, or just convert everything to bitmap.

  Did someone either give me advice or have existing discussions or documentation you can refer me to?

  Thank you.

  the only way to know if the addition of a function (as shadow) will ruin your app is to try it.

  There is probably no instance where a background image of vector occur so a bitmap image.  but, the bitmap memory requirements must not exceed available memory, and to call something an image background means, the background image is always in the background and its representation in the form of bitmap does not change frequently.

  because it's so much easier to use with flash vectors, you would usually create an app for the most part vectorized (using the cacheAsBitmap and cacheAsBitmapMatrix everywhere, it is useful, but being aware of the limited memory, you can use) and test performance frequently during development.  If the performance is sufficient, you're good.

  If performance is unacceptable, you will need to check you're exceeds the available memory and the loss of cacheAsBitmap, and if you put much strain of the processor using manipulation of vector.

• equivalent createjs code as3 hitTestObject

  I have two objects circle_mc and square_mc

  
  

  if (circle_mc.hitTestObject(square_mc))
{
  trace("Collision detected!");

  }

  What is the equivalent createjs code

  Collision detection of EaselJS pixels for bitmaps with Alpha threshold | indiegamr

• Flash Pro + createjs toolkit (dynamic button problem)

  Hello

  I have been using the Toolbox for awhile, it seems to work, but I noticed a problem.

  When you create a button and place it on the stage and export it, it works very well.

  But if you try to do this:

  var container is new createjs. Container();

  the var button;

  for (var i = 0; i < arr.length; i ++) {}

  button = New lib. MyButton();

  container.addChild (bitmap);

  }

  stage.addChild (container);

  Crazy loop in the States of the button (upward, more, low, vile), and if you put button.stop (); He loses his mouse and mouse down. (need to manually control)

  I want to dynamically create buttons to add to the scene.

  Any ideas?

  Looking through the generated js code, I noticed this line

  new c.ButtonHelper (button, 0, 1, 2, false, new lib.) MyButton(), 3);

  That did the trick.

• ZTE C open brick after upgrade. Fastboot showing errors: "E:misssing bitmap installing_text-1 of the code.

  tried to flash a version of v2.2 for ZTE c open;
  bricks on the phone;
  tried to boot in fastboot for recovery;
  fastboot is blocked, it is impossible to move the selection with volume +/-buttons;

  error message (see photo):
  E:misssing bitmap installing_text
  (code-1)
  E:misssing bitmap erasing_text
  (code-1)
  E:misssing bitmap no_command_text
  (code-1)
  E:misssing bitmap texte_erreur
  (code-1)
  E: failed to open/tmp/last_install (no such file or directory)
  E: failed to open/tmp/error_code (no such file or directory)
  E: failed to open/tmp/source_code (no such file or directory)

  It fixed;
  had to use a WINDOWS tool provided by comebuy:
  Open_C_upgrade_Tool
  has worked like a charm.

  Section Linux has done does not for me; (https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Phone_guide/ZTE_OPEN_C#I_bricked_my_phone)

  BUT: does NOT work the software update provided on-line, which is immediately available! Instantly broke again;
  has had to repeat the upgrade of windows

• I get an "OLE" instead of a Bitmap image when you drag an image from Firefox to CorelDraw X 4, how do I prevent this?

  I get an "OLE" instead of a Bitmap image when you drag an image from Firefox to CorelDraw X 4, how do I prevent this?

  First, drag the image on the desktop, and drag it to Corel Draw. If your dragging directly from firefox to Corel Draw, only copied link.

• Can save image only as a bitmap file

  For some reason when I now right click on an image and then go to send to "My pictures" I get only the options to save as a file art or bitmap file.

  can someone help so I can save it as a Gif file as I have always in the past

  Have you tried to copy and paste in "Paint" or "Photoshop" and then saving them?

  [ToshibaLife blogging site | http://www.toshibalife.com]

• Satellite A30: Error number (11122) cannot load the bitmap with recovery CD

  I have a Toshiba A30 I want to reformat with the recovery disk. I get that day then I get an error that reads:

  The error number (11122) cannot load the bitmap file. Height max = 100

  The hard drive has now been deleted and I can't sent this message to reformat.

  Can someone help me on this please.

  Hello

  Satellite A30 is quite old and I wonder what report you something like this after so long. I put t know exactly what is happening, but it will be interesting to know a few things:

  Have you noticed a similar problem before?
  Are you using the original disk or some copy?
  Is there a problem with the HARD drive?

  Please do a little bit more about these things.

• Dotted lines are possible without background bitmap?

  Hello

  I'm trying to get the grid on my graph dotted lines.  After searching around, I think I can only achieve this by setting the background as a bitmap that has the dotted lines on.  Is this correct?

  I think that this was addressed in the .NET version, which now has this feature, but not in the version of VC ++ (inherited).  I just wanted to confirm that this was the case.

  Hi Richard,

  After installing the legacy support version of one of our machines, I can confirm that the function you're looking for seems to be unavailable for VC ++. Unfortunately, as it comes to legacy support, it is unlikely that the feature will be added in the future.

  I hope that answers your question

  Kind regards

• Get bitmaps of files uses excessive memory

  When I load a jpg as a bitmap image, I lose a lot of memory that I can't recover.

  I use the GetBitmapfromfile, the GetBitmapInfo, then GetBitmapData, then DiscardBitmap.

  After that, I have about 120 M from lack of memory (for a 5 M pixels image) that I can't get back.  The size of this lost memory is proportional the number of pixels in the image.

  Stuart,

  There is no way to not use the original memory. However, a possible solution would be for you to create a panel new, temporary, using NewPanel function and then throw him immediately after, in aid of DiscardPanel. Do not display the Panel. You can do this right after you throw the bitmap. I realize this is a hack, but this may cause of forcing CVI to return unused memory on the system and it should not affect the behavior of your program somehow.

  Luis