FlashとHTML5。株式会社シーティーイーは、コンテンツ作りで東京と秋田を結ぶ会社です。お気軽にご相談ください。FlashとHTML5。TweetPocketFlashとHTML5。みなさまお疲れ様です。Canvas」という表示が出てビックリ!」と書きました。Canvas」でそれぞれ作成し、比較してみようと思います。従来の作成方法で新規作成画面から「ActionScript3.0」を選び、幅:550px、高さ400px、フレームレートは24fpsとします。※フレームレートとは、24フレームで1秒のアニメーションということです。下図のような星の図形をつくり、クリックすると左上から右下に移動するアニメーションを作ります。タイムラインは以下のようにし、1フレーム目に静止した星を配置、クリックすると2フレームに移動するという仕組みにしました。2フレームからは右下に移動するアニメーションにしてあります。※2フレーム~25フレームなので、その間の24フレームを1秒とするようにしました(24fps)1フレーム目のActionscriptは以下です。starClick(e:MouseEvent):void{gotoAndPlay(2);}25フレーム目は、stop();でアニメーション終了です。Canvas」で新規作成します。???開いた画面を見ると、いつものFlashと同じで、不思議なことにActionscriptを書く「アクション」パネルもそのままです。疑問に思いつつ、さきほどと同じ作り方をしてみました。フレームスクリプトにコメントが追加されました」と表示されActionscriptはコメントアウトされてしまいました。コメントから外しパブリッシュ設定で「JavaScript/HTML」を選択、プレビューしてみました。すると、以下のような表示が......。メソッドの呼び出しに影響します。モーショントゥイーンはフレームアニメーションとしてパブリッシュされます。可能な場合はクラシックトゥイーンを使用してください。メソッドの呼び出しに影響します。」の表示は消えません。仕方がない!こうなったら「コードスニペット」の出番だ!「コードスニペット」とはActionscript、Javascriptの入力補佐をしてくれる便利なコマンドセットです。対象のオブジェクトを選択し、コードスニペットをダブルクリックで確定します。今回は、1フレームに「クリックして特定のフレームに移動し、再生」25フレームに「このフレームで停止」を入力しました。▲1フレーム▲25フレーム便利なことに丁寧なコメントも記載してくれます。プレビューしてみたところ、相変わらず警告は表示されますが、ブラウザによっては動いてくれました。◯パブリッシュ設定により、flaファイルも含め書き出されるファイルは以下です。特定のシンボルインスタンス上でクリックすると、再生ヘッドがタイムラインの指定フレームに移動し、そのフレームから再生が継続されます。メインタイムラインまたはムービークリップタイムライン上で使用できます。シンボルインスタンスのクリック時に再生ヘッドが移動するフレームの番号に置き換えます。