[html5/js] How to change movieclip size

.

I found that getBounds() and getTransformedBounds() start to work (return values, not null) if "Multiframe bounds" is checked in Publish Settings.

eric_c2ti  wrote Additionally, to add insult to injury, the setBounds() command does NOTHING to change the width or height of the object.

Of course it doesn't. As the documentation clearly states, setBounds() is for telling CreateJS the dimensions of an object. It doesn't do scaling. As explained here, there are technical reasons why CreateJS can't figure out the exact dimensions of certain object types:

Width & Height in EaselJS - CreateJS Blog

Update: Width & Height in EaselJS - CreateJS Blog

Now, nominalBounds is something that doesn't exist in the vanilla CreateJS library. This is a property added by the Flash/Animate exporter, representing an object's dimensions at 100% scale with no rotation. The exporter can add this information because Animate does know the exact size of its objects, being far less limited than the HTML5 canvas API.

So since width and height are so unreliably available to CreateJS, it doesn't support resizing by assigning to them. It only supports resizing by scaling, which doesn't require knowing an object's base size. 200% is 200%, no matter how big something is to start with.

Hi.

I do understand your frustration. I also don't really understand how CreateJS handles sizes. It seems the bounds related functions don't always return what they should. Or maybe I'm just being a noob. Luckily someone else here will shed some light.

My workaround for this is to rely on the nominalBounds property generated by Animate CC (which stores the object's original dimensions) and then set the new width and height based on the scale. Like this:

function setSize(obj, width = null, height = null)
{
    if (width)
        obj.scaleX = width / obj.nominalBounds.width;
   
    if (height)
        obj.scaleY = height / obj.nominalBounds.height;
}
setSize(this.mc, 400, 200);

I hope that makes sense and that helps you.

Regards,

JC