クリックしてテキストフィールドを表示

/* クリックしテキストフィールドを表示

特定のシンボルインスタンス上でクリックすると、指定の x 座標、y 座標にテキストフィールドが作成され、表示されます。

手順 :

1. 値 200 を、テキストフィールドの配置先の x 座標に置き換えます。

2. 値 100 を、テキストフィールドの配置先の y 座標に置き換えます。

3. ストリング値 "テキストを置き換えてください" を、そのテキストフィールドに表示する文字列に置き換えます。引用符は付けたままにします。

*/

this.instance_name_here.addEventListener("click", fl_ClickToPosition.bind(this));

var fl_TF = new createjs.Text();

var fl_TextToDisplay = "テキストを置き換えてください。";

function fl_ClickToPosition()

{

    fl_TF.x = 200;

    fl_TF.y = 100;

    fl_TF.color = "#ff7700";

    fl_TF.font = "20px Arial";

    fl_TF.text = fl_TextToDisplay;

    this.addChild(fl_TF);

}

クリックしてオブジェクトを移動

Animate CC コードスニペットで用意されているスクリプトです。

/* クリックしてオブジェクトを移動
指定したシンボルインスタンスを、指定の x 座標、 y 座標に移動します。

手順 :
1. 値 200 を、オブジェクトの移動先の
    x 座標に置き換えます。
2. 値 100 を、オブジェクトの移動先の y 座標に置き換えます。
*/

this.instance_name_here.addEventListener("click", fl_ClickToPosition.bind(this));

function fl_ClickToPosition()
{
this.instance_name_here.x = 200;
this.instance_name_here.y = 100;
}