忍者ブログ

★黒猫宅急便★ver.2

( *´艸`) いらっしゃいまし。



[1865]  [1851]  [1855]  [1852]  [1856]  [1871]  [1881]  [1867]  [1866]  [2035]  [1870

entry_top_w.png
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。



ランキング参加中!
ブログランキング・にほんブログ村へ
entry_bottom_w.png
entry_top_w.png

モーショントゥイーンをスクリプトで制御できるってのを始めて知った
参考ページ:Flash8 入門講座

<Tweenクラスを使用して、アニメーションを作成>
1、importステートメントを使い下記のようなステートメントを記述する。
 
import mx.transitions.Tween;
import mx.transitions.easing.*;


この2行のステートメントはそれぞれ,「『mx.transisions』という場所*1にある『tween』クラスを使いますよ」「『mx.transitions.easing』という場所にあるクラス全部を使いますよ*2」という意味になります。このimportステートメントによって,ActionScriptで記述したスクリプト内でTweenクラスを使えるようになります。


2、Tweenクラスの基本構文

  var 変数名:Tween = new Tween(
    アニメーションさせたいインスタンス名,
    変化させたいプロパティ名,
    アニメーションの種類,
    開始値,
    終了値,
    継続時間,
    継続時間の単位
    );


---------------------------
↓↓参考ページをほぼコピって、実際に作ってみた。


インスタンス:mc
変化させたいプロパティ:x
アニメーションの種類:バウンド
開始:x座標 20
終了:x座標 340
継続:2
時間単位:秒




記載したスクリプト
ーーーここからーーー
  //Tweenクラスを使用できるようにインポート
  import mx.transitions.Tween;
  import mx.transitions.easing.*;
 
  //インスタンス「mc」の動きをTweenクラスを使って制御
  var myTween:Tween = new Tween(
    mc,
    "_x",
    Bounce.easeOut, 
    20,
    340,
    2,
    true
  );

//ボタンアクション 
this.btn_replay.onPress = function (){

  //インスタンス「mc」の動きをTweenクラスを使って制御
  var myTween:Tween = new Tween(
    mc,
    "_x",
    Bounce.easeOut, 
    20,
    340,
    2,
    true
  );
}
ーーーここまでーーー

なるほどねぇ。
次作るときには、これを使って出来るといいなぁ~。



ランキング参加中!
ブログランキング・にほんブログ村へ
entry_bottom_w.png

この記事にコメントする

お名前
コメントタイトル
色変更
URL
コメント本文
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字



この記事へのトラックバック

この記事にトラックバックする:
plugin_top_w.png
かうんたー


現在の閲覧者数:
plugin_bottom_w.png
plugin_top_w.png
きじ検索
plugin_bottom_w.png
plugin_top_w.png
記事らんきんぐ

plugin_bottom_w.png
plugin_top_w.png
広告


plugin_bottom_w.png
plugin_top_w.png
その他


参加中
ブログランキング・にほんブログ村へ
plugin_bottom_w.png
plugin_top_w.png
あくせすらんきんぐ
plugin_bottom_w.png
plugin_top_w.png
ぷろふぃーる
HN:黒猫★
年齢:2さい
性別:♂オス
生誕:5月25日(日)
職業:魔女の子分
趣味:倶楽部活動

plugin_bottom_w.png
plugin_top_w.png
最新こめんと
[10/03 30bB]
[02/13 ★黒猫★]
[01/29 のら猫]
[11/04 ★黒猫★]
[11/03 ゆーき]
plugin_bottom_w.png
plugin_top_w.png
広告3
plugin_bottom_w.png
plugin_top_w.png
ブログ ver.4
plugin_bottom_w.png

PR


Copyright ★黒猫宅急便★ver.2 by ★黒猫★ All Rights Reserved.
忍者ブログ [PR]