javascript targeting movieclip to change colour problem

Question

Hi, newbie beginners question: I'm trying to target a movieclip on the timeline in order to change the colour of an element inside the movieclip.

The movieclip on the timeline is called 'meCircle', and inside meCircle there is another movieclip called 'meCircleRed'

I thought I'd be able to use this to change the colour of the movieclip inside;

this.meCircle.meCircleRed.style.backgroundColor = #000;

But does not work... is it correct that meCircleRed should be a movieclip, or perhaps a button?

Finding it difficult to find any examples online to learn from! any pointers to good online guides much appreciated...

ClayUUID · Accepted Answer

Since you specify JavaScript I assume you're working in a Canvas document.

No, you cannot slap CSS styles on movieclips. Canvas mode Does Not Work That Way. To recolor objects in Canvas documents you use the ColorFilter class.

However, all Canvas filter effects except alpha are VERY SLOW, because they're implemented in JavaScript. The bigger the object, the more likely your timeline will noticeably freeze up while the filter is being applied. This may or may not be acceptable depending on what you're using it for.

There are alternative approaches too, like storing versions of the graphic pre-drawn in the colors you'll need, or tinting the object with an alpha overlay, or redrawing the object from scratch in code.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded