Flex : Sprite を継承した Flash プログラミング


  誰でもできる Tween テスト



↓実行ページ
http://lightbox.on.coocan.jp/html/flex_img.htm

load.js はこちら

  
// *********************************************************
// mxmlc lbox.as でビルド
//
// ◎ 背景は白
// ◎ 指定画像をオリジナルサイズで表示
// *********************************************************
package {

import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.net.*;
import flash.system.*;
import flash.external.*;
import caurina.transitions.Tweener;

// 背景色
[SWF(backgroundColor="#DDDDDD")]

// 表示用クラス 【Sprite】を継承
public class lbox extends Sprite {

	// *********************************************************
	// コンストラクタ
	// *********************************************************
	public function lbox():void {

		var loader:Loader = new Loader();

		// 読み込み完了イベントを登録
		loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);

		// 読み込み
		loader.load(new URLRequest("http://winofsql.jp/image/winofsql.png"));

	}

	// *********************************************************
	// 読み込み完了イベント
	// *********************************************************
	private function loadComplete(e:Event):void {
		addChild(e.target.loader);

		// 配置( 左詰め、上 )
		stage.align = StageAlign.TOP_LEFT;
		// 伸縮モード( そのまま )
		stage.scaleMode = StageScaleMode.NO_SCALE;

		// JavaScript に公開するメソッドの登録
		ExternalInterface.addCallback("flexAction",flexAction_01);
	}

	// *********************************************************
	// 処理1
	// *********************************************************
	public function flexAction_01(data:Number):void {

		if ( data == 1 ) {
			Tweener.addTween(this, {
				x: 600,
				y: 200,
				delay: 0.2,
				rotation: 360,
				transition:"easeOutElastic",
				time:3
			});
		}
		if ( data == 2 ) {
			Tweener.addTween(this, {
				x: 0,
				y: 0,
				delay: 0.2,
				rotation: 720,
				transition:"easeOutInBounce",
				time:10
			});
		}

	}

}}
  

  
<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<TITLE>HTML テンプレート</TITLE>
<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/prototype.js">
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">

// *********************************************************
// 関数
// *********************************************************
function doAction(no) {

	if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
		document.getElementById("MyApp").flexAction(no);
	}
	else {
		if (window.navigator.userAgent.toLowerCase().indexOf("opera") > -1) {
			document.getElementsByName("MyApp")[1].flexAction(no);
		}
		else {
			document.getElementsByName("MyApp")[0].flexAction(no);
		}
	}


}

</SCRIPT>
</HEAD>

<!-- *******************************************************
 BODY
******************************************************** -->
<BODY>

<INPUT
	id=b1
	type="button"
	value="アクション1"
	onClick='doAction(1);$("b1").disabled=true;$("b2").disabled=false;'
>

<INPUT
	id=b2
	type="button"
	value="アクション2"
	onClick='doAction(2);$("b1").disabled=false;$("b2").disabled=true;'
	disabled
>

<HR>

<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="load.js">
</SCRIPT>

</BODY>
</HTML>
  










  infoboard   管理者用   
このエントリーをはてなブックマークに追加




SQLの窓  天気  IT用語辞典
Yahoo!ニュース  マルチ辞書
PHP マニュアル  Google URL短縮 


フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ