Canvasドキュメントから書出したMovieClipインスタンスにxy座標を与えたとき、意図した位置に定められないことがあります。CreateJS]によるパブリッシュから認められる現象です。Canvasドキュメントで基準点を左上角に定めたMovieClipシンボルを、[ライブラリ]からタイムラインに置きます。0)とします(図001)。図001■基準点を左上角に定めたムービークリップインスタンスそのうえで、そのMovieClipシンボルのフレームアクションで、つぎのようにインスタンスのx座標を0に定めます。0;[パブリッシュ]されたHTMLドキュメントを確かめると、インスタンスの左半分がステージ外に隠れます(図002)。Canvasドキュメントから書出されたインスタンスの座標は、シンボルの基準点ではなくインスタンスの変形点を原点とします(前掲図001参照)。[ライブラリ]からタイムラインに置かれたインスタンスは、デフォルトでは変形点が中央に定められます。そのため、中央以外を基準点としたインスタンスは、そのままxy座標を与えると中心点がその位置に定まります。変形点を基準点と一致させるには、[自由変形ツール]でインスタンス変形点をダブルクリックします(図003)。[ライブラリ]からタイムラインに置くインスタンスの変形点は、デフォルトでは中央に定められます。そのため、この操作はインスタンスごとに行わなければなりません。図003■[自由変形ツール]で変形点をダブルクリックすると基準点と一致するCreateJSのこの仕様は、DisplayObject.regXとDisplayObject.regYプロパティを備えていることにもとづくと推測されます[*1]。このふたつのプロパティはインスタンスの座標の原点を、基準点から動かします。したがって、インスタンスのこれらのプロパティ値を0にすることによっても、原点を基準点に戻すことができます[*2]。スクリプトで定める座標の原点は、Flashと同じく基準点とすべきでしょう。タイムラインのアニメーションでも、動的に変形点を用いることはありません。これまでの仕様を破ることは問題となるかもしれません。もとのFLAファイルが手元になく、HTML5素材の提供を受けた場合には、このやり方は有効です。