theme:

adobe animate cc によるHTML5 Canvasアニメーションの作成(animate ccのflashデータを変換)

date:

2017-08-06

変換手順

・コマンド＞他のドキュメント形式に変換＞HTML5 Canvas

・シンボルは作り直す

・スクリプト：importは不要

・スクリプト：オブジェクトにthisをつける

・スクリプト：イベント関数内のplay()にはthisを付けても再生されず、thisの参照を利用する

Javascript(コーディングはフレーム制御部分のみ):

//------------------------------------------------------------------
// frame:1
//------------------------------------------------------------------
var this001 = this;
this.btn001.addEventListener('click', start001);

//------------------------------------------------------------------
this.stop();

//------------------------------------------------------------------
function start001()
{
	this001.play();
}

//------------------------------------------------------------------
// frame:60(end)
//------------------------------------------------------------------
this.stop();

HTML:

adobe animate ccのパブリッシュによる自動生成

output: