KIYOTY DESIGN BLOG http://www.kiyoty.com/blog WEB,DESIGN,ActionScript Memo and MORE... Sun, 08 Jan 2012 13:56:46 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 HTML5 canvasでバネ運動 http://www.kiyoty.com/blog/?p=517 http://www.kiyoty.com/blog/?p=517#comments Sat, 26 Feb 2011 15:36:34 +0000 Kiyoty http://www.kiyoty.com/blog/?p=517 続きを読む →]]> FLASHでよく使うイージングとバネ運動をHTML5のcanvasで描画してみた。
マウスの位置はjQueryのmousemove取得。

｜デモ｜ダウンロード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>canvas バネ運動</title>
<style type="text/css">
* { margin: 0px;padding: 0px;}
</style>
</head>
<body>
 
<canvas id="a_canvas" width="500" height="300"></canvas>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var targetX = 0;
	var targetY = 0;
	var easing = 0.15;	//イージング
	var friction = 0.8; //摩擦
	var gravity = 5;	//重力
	var vx = 0;			//X速度
	var vy = 0;			//Y速度
 
	var canvas = document.getElementById("a_canvas");
	var context = canvas.getContext("2d");
 
	var ball = {x:100,y:100};
 
	window.onload = function() {	
 
		//マウスの位置を取得
		$("#a_canvas").mousemove(function(e){
			targetX = e.clientX;
			targetY = e.clientY;	
		});
 
		setInterval(drawBall,50);
	}
 
	function drawBall() {
 
		//キャンバスに色を描画
		context.fillStyle = "#000";
		context.fillRect(0,0,500,300);
 
		context.beginPath();
 
		//ボールを描画
		context.arc(ball.x,ball.y,10,0,2*Math.PI);
 
		//ラインを描画
		context.moveTo(targetX,targetY);
		context.lineTo(ball.x,ball.y);
		context.strokeStyle="#FFF";
		context.stroke();
 
		//ボールを塗りつぶし
		context.fillStyle = "#FF0000";
		context.fill();
 
		vx += (targetX - ball.x) * easing;
		vy += (targetY - ball.y) * easing;
 
		vy += gravity;
 
		ball.x += (vx *= friction);
		ball.y += (vy *= friction);
 
	}
});
</script>
</body>
</html>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=517 1 グラデーション http://www.kiyoty.com/blog/?p=510 http://www.kiyoty.com/blog/?p=510#comments Sat, 20 Mar 2010 14:23:14 +0000 Kiyoty http://www.kiyoty.com/blog/?p=510 続きを読む →]]> AS3のコピペ用のグラデーションサンプル

//createGradientBox(width: Number , height: Number , [rotation: Number ], [tx: Number ], [ty: Number ])
//GradientType.LINEAR 線状グラデーションの塗り
//GradientType.RADIAL 放射状グラデーションの塗り
//SpreadMethod.PAD
//SpreadMethod.REFLECT
//SpreadMethod.REPEAT
 
package {
 
	import flash.display.Sprite;
	import flash.display.Graphics;
	import flash.display.SpreadMethod;
	import flash.geom.Matrix;
	import flash.display.GradientType;
	import flash.display.InterpolationMethod;
 
	public class GradationTest extends Sprite {
 
		public function GradationTest() {
 
			var gr:Graphics = this.graphics;
			var matrix:Matrix = new Matrix;
			var colors:Array = [0xFFCC00,0xFF0000];
			var alphas:Array = [1,1];
			var ratios:Array = [0,255];
 
			//横方向
			matrix.createGradientBox(100,100,0,0,0);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix,SpreadMethod.PAD);
			gr.drawRect(0,0,100,100);
 
			//縦方向
			matrix.createGradientBox(100,100,Math.PI/2,110,0);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix,SpreadMethod.PAD);
			gr.drawRect(110,0,100,100);
 
			//放射
			matrix.createGradientBox(100,100,0,220,0);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.RADIAL,colors,alphas,ratios,matrix,SpreadMethod.PAD);
			gr.drawRect(220,0,100,100);
 
			//リフレクト
			matrix.createGradientBox(20,100,0,0,110);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix,SpreadMethod.REFLECT);
			gr.drawRect(0,110,100,100);
 
			//繰り返し
			matrix.createGradientBox(20,100,0,110,110);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix,SpreadMethod.REPEAT);
			gr.drawRect(110,110,100,100);
 
			//リフレクト InterpolationMethod.LINEAR_RGB
			matrix.createGradientBox(20,100,0,0,220);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix,SpreadMethod.REFLECT,InterpolationMethod.LINEAR_RGB);
			gr.drawRect(0,220,100,100);
 
			//リフレクト InterpolationMethod.RGB
			matrix.createGradientBox(20,100,0,110,220);
			gr.beginFill(0xFF0000);
			gr.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix,SpreadMethod.REFLECT,InterpolationMethod.RGB);
			gr.drawRect(110,220,100,100);
 
		}
 
	}
 
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=510 0 jQuery plugin: Tablesorter 2.0 http://www.kiyoty.com/blog/?p=507 http://www.kiyoty.com/blog/?p=507#comments Mon, 15 Feb 2010 12:29:49 +0000 Kiyoty http://www.kiyoty.com/blog/?p=507 続きを読む →]]> サンプル

jQuery plugin: Tablesorter 2.0
http://tablesorter.com/docs/

<script type="text/javascript">
jQuery(function(){
	$("#myTable").tablesorter({
 
	//widgets: ['zebra']
	//1行間隔で行の背景色を変える
	//<tr>にeven,oddクラス追加
	widgets: ['zebra'],
 
	//sortList: [[列, 並び順]]
	//列は左を0とした数値を指定
	//昇順:0、降順:1 
	sortList: [[0, 0]],
 
	//headers
	//列は左を0とした数値を指定
	//sorter:false 並び無効
	headers: {
		1: {sorter:false},
		8: {sorter:false}
	}
 
	});
});
</script>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=507 0 SIMPLEMODAL http://www.kiyoty.com/blog/?p=502 http://www.kiyoty.com/blog/?p=502#comments Mon, 15 Feb 2010 12:10:26 +0000 Kiyoty http://www.kiyoty.com/blog/?p=502 続きを読む →]]> サンプル

SIMPLEMODAL
http://www.ericmmartin.com/projects/simplemodal/

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.simplemodal.js"></script>
<link type='text/css' href='css/simplemodal.css' rel='stylesheet' media='screen' />
<script type="text/javascript">
jQuery(function () {
	$('#demo-modal a.demo').click(function (e) {
		e.preventDefault();
		$('.demo-modal-content').modal();
	});
 
 
	$('#test-modal a.test').click(function (e) {
		e.preventDefault();
		$('.test-modal-content').modal();
	});
 
	//外部サイトを表示
	$('#yahoo-modal a.yahoo').click(function (e) {
		var src = "http://www.yahoo.co.jp";
		$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
			closeHTML:"",
			containerCss:{
				backgroundColor:"#fff",
				borderColor:"#0063dc",
				height:450,
				padding:0,
				width:830
			},
			overlayClose:true
		});
	});
 
});
</script>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=502 0 Simple Accordion http://www.kiyoty.com/blog/?p=496 http://www.kiyoty.com/blog/?p=496#comments Mon, 15 Feb 2010 12:02:20 +0000 Kiyoty http://www.kiyoty.com/blog/?p=496 続きを読む →]]> デモ

<style>
<!--
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
div#wrapper {
	width: 300px;
	margin: 0px auto;
	padding: 0px;
}
 
h1 {
	margin: 0px 0px 15px 0px;
	padding: 10px;
	font-size: 14px;
	background: #EEEEEE;
}
 
h2 {
	width: 280px;
	margin: 0px;
	padding: 5px 10px;
 
	font-size: 12px;
 
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	background: #333333;
 
	cursor: pointer;
}
p {
	width: 280px;
	margin: 0px;
	padding: 5px 10px;
 
	font-size: 12px;
	line-height: 150%;
 
	background: #EEEEEE;
}
-->
</style>
<script type="text/javascript">
jQuery(function(){
	var p = $('p','#accordion');
	p.hide();
 
	$('h2','#accordion').click(function(){
	var next = $(this).next();
	//↓コメントをはずせば、クリックしたもの以外は閉じる
	//p.not(next).slideUp();
	if(next.is(':visible')){
		next.slideUp();
	}else{
		next.slideDown();
	}
	});
});
</script>
<div id="accordion">
	<h2>タイトル</h2>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
	<h2>タイトル</h2>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
	<h2>タイトル</h2>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
</div>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=496 0 jQuery lightBox plugin http://www.kiyoty.com/blog/?p=492 http://www.kiyoty.com/blog/?p=492#comments Sun, 14 Feb 2010 01:11:39 +0000 Kiyoty http://www.kiyoty.com/blog/?p=492 続きを読む →]]> サンプル

jQuery lightBox plugin
http://leandrovieira.com/projects/jquery/lightbox/

Javascript読み込み

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

Javascript記述
$(‘.gallery a’).lightBox(); で指定したclass（or id）をHTMLで指定する。

<script type="text/javascript">  
$(function() {  
	$('.gallery a').lightBox();  
});  
</script>

HTML

<ul class="gallery">
  <li><a href="images/sample_1.jpg"><img src="images/thumb_1.jpg" width="200" height="150" /></a></li>
  <li><a href="images/sample_2.jpg"><img src="images/thumb_2.jpg" width="150" height="200" /></a></li>
</ul>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=492 0 フローティングメニュー-JQUERY SCROLL FOLLOW http://www.kiyoty.com/blog/?p=488 http://www.kiyoty.com/blog/?p=488#comments Sun, 14 Feb 2010 00:51:21 +0000 Kiyoty http://www.kiyoty.com/blog/?p=488 続きを読む →]]> サンプル（コンテナ範囲外でスクロール）
サンプル（コンテナ範囲内でスクロール）
ダウンロード

JQUERY SCROLL FOLLOW
http://kitchen.net-perspective.com/open-source/scroll-follow/

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.scrollfollow.js"></script>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=488 0 JavaScriptでCSSを切り替える-jStyler http://www.kiyoty.com/blog/?p=478 http://www.kiyoty.com/blog/?p=478#comments Thu, 11 Feb 2010 09:33:43 +0000 Kiyoty http://www.kiyoty.com/blog/?p=478 続きを読む →]]> サンプル
ダウンロード

jStyler
http://idhana.com/wp-content/uploads/2008/02/index.html

ｊQuery Plugins jStyler
http://plugins.jquery.com/project/jStyler

jquery.cookie.js | jQuery Plugins
http://plugins.jquery.com/project/cookie

title属性が変更するCSSのキーとなる

<link rel="stylesheet" type="text/css" href="css/font-defaut.css" title="defaut" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/font-small.css" title="small" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/font-big.css" title="big" media="screen" />

jquery.cookie.jsが必要

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
 
<script type="text/javascript">
$(function() {
	$('#switcher').switcher();
});
</script>

idにswitcherを指定。hrefにtitle属性で指定したキーを入れる。

  <ul id="switcher">
      <li><a href="#big">大</a></li>
      <li><a href="#defaut">標準</a></li>
      <li><a href="#small">小</a></li>
  </ul>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=478 0 スムーススクロール-df Smooth Scroll http://www.kiyoty.com/blog/?p=473 http://www.kiyoty.com/blog/?p=473#comments Thu, 11 Feb 2010 09:15:46 +0000 Kiyoty http://www.kiyoty.com/blog/?p=473 続きを読む →]]> サンプル
ダウンロード

dfSmooth Scroll
http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/

参考
HTMLもCSSも書換不要！気持ちいいスクロール

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/smooth.pack.js"></script>
<body>
<a name="pagetop" id="pagetop">ページの先頭</a>
 
<div id="wrapper" class="clearfix">
 
  <ul>
    <li><a href="#anchor_no1">その1</a></li>
    <li><a href="#anchor_no2">その2</a></li>
    <li><a href="#anchor_no3">その3</a></li>
  </ul>
 
  <div style="margin: 500px 0px 1000px 0px;"><a name="anchor_no1" id="anchor_no1">その1</a></div>
  <div style="margin: 0px 0px 1000px 0px;"><a name="anchor_no2" id="anchor_no2">その2</a></div>
  <div style="margin: 0px 0px 200px;"><a name="anchor_no3" id="anchor_no3">その3</a></div>
  <div style="margin: 0px 0px 0px;"><a href="#pagetop">pagetop</a></div>
 
</div>
</body>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=473 0 ドロップダウン（プルダウンメニュー）-droppy http://www.kiyoty.com/blog/?p=458 http://www.kiyoty.com/blog/?p=458#comments Thu, 11 Feb 2010 08:53:52 +0000 Kiyoty http://www.kiyoty.com/blog/?p=458 続きを読む →]]> サンプル
ダウンロード

jQuery

http://jquery.com/

droppy – Nested drop down menus
http://onehackoranother.com/projects/jquery/droppy/

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.droppy.js"></script>

ヘッダーで読み込む。
id（#main_menu）をプルダウンさせる場所にあわせる。

<script type="text/javascript">
	$(function() {
		$("#main_menu").droppy();
	});
</script>

html

<ul id="main_menu" class="on_aaa clearfix">
 
  <li><a href="#" id="m_aaa">AAAAA</a>
 
    <ul>
      <li><a href="#">A-1</a></li>
      <li><a href="#">A-2</a>
 
        <ul>
          <li><a href="#">AA-1</a></li>
          <li><a href="#">AA-2</a>
 
            <ul>
              <li><a href="#">AAA-1</a></li>
              <li><a href="#">AAA-2</a></li>
              <li><a href="#">AAA-3</a>
 
                <ul>
                  <li><a href="#">AAAA-1</a></li>
                  <li><a href="#">AAAA-2</a></li>
                  <li><a href="#">AAAA-3</a></li>
                </ul>
 
              </li>
            </ul>
 
          </li>
          <li><a href="#">AA-3</a></li>
        </ul>
 
      </li>
      <li><a href="#">A-3</a></li>
    </ul>
 
  </li>
  <li><a href="#" id="m_bbb">BBBBB</a>
 
    <ul>
      <li><a href="#">B-1</a></li>
      <li><a href="#">B-2</a></li>
      <li><a href="#">B-3</a></li>
    </ul>
 
  </li>
    <li><a href="#" id="m_ccc">CCCCC</a>
 
    <ul>
      <li><a href="#">C-1</a></li>
    </ul>
 
  </li>
</ul>
]]> http://www.kiyoty.com/blog/?feed=rss2&p=458 0 ProgressionカテゴリをProgression3に変更 http://www.kiyoty.com/blog/?p=455 http://www.kiyoty.com/blog/?p=455#comments Sun, 07 Feb 2010 00:17:16 +0000 Kiyoty http://www.kiyoty.com/blog/?p=455 Progression4のメモのため、
ProgressionカテゴリをProgression3に変更しました。

]]> http://www.kiyoty.com/blog/?feed=rss2&p=455 0 円運動 http://www.kiyoty.com/blog/?p=413 http://www.kiyoty.com/blog/?p=413#comments Sun, 31 Jan 2010 11:04:19 +0000 Kiyoty http://www.kiyoty.com/blog/?p=413 続きを読む →]]>

ダウンロード

package 
{
	import flash.display.Shape;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
 
	public class RotateCicle extends Sprite 
	{
		var ball:Ball;
		var baseCircle:Shape;
		var centerX:Number = 150;
		var centerY:Number = 150;
		var radiusX:Number = 120;						//X半径
		var radiusY:Number = 120;						//Y半径
		var speed:Number = 5;							//スピード
		var angle:Number = 0;							//角度
 
		private var onFlg:Boolean = false;
 
		public function RotateCicle() {
			init();
		}
 
		public function init() {
			ball = new Ball(10);
			ball.x = centerX;
			ball.y = centerY;
 
			addChild(ball);			
			stage.addEventListener(MouseEvent.MOUSE_DOWN, onEvent);
		}
 
		private function onEvent(e:MouseEvent):void 
		{
			(onFlg) ? onFlg = false : onFlg = true;
 
			if (onFlg == true) {
				ball.addEventListener(Event.ENTER_FRAME, onEnterFrame);
			} else if (onFlg == false) {
				ball.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
			}
		}
 
		function onEnterFrame(e:Event) {
			var radian:Number = angle * Math.PI / 180;
			ball.x = centerX + radiusX * Math.cos(radian);
			ball.y = centerY + radiusY * Math.sin(radian);
			angle += speed;
		}
 
	}
 
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=413 0 跳ね返りサンプル http://www.kiyoty.com/blog/?p=428 http://www.kiyoty.com/blog/?p=428#comments Thu, 28 Jan 2010 13:16:40 +0000 Kiyoty http://www.kiyoty.com/blog/?p=428 続きを読む →]]> 普通に跳ね返らせる。

ダウンロード

package {
 
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.display.Shape;
	import flash.events.MouseEvent;
	import flash.display.StageScaleMode;
	import flash.display.StageAlign;
 
	public class BoundBall extends Sprite {
 
		public var ball:Ball;
		private var centerX:Number = stage.stageWidth / 2;	//初期X位置
		private var centerY:Number = stage.stageHeight / 2;	//初期Y位置
		public var vx:Number = 5;							//速度
		public var vy:Number = 5;							//速度
		public var bounce:Number = -1;						//跳ね返り
 
		private var onFlg:Boolean = false;
 
		public function BoundBall() {
			init();
        }
 
		public function init():void {
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
 
			ball = new Ball(10,0x339900);
 
			ball.x = centerX;
			ball.y = centerY;
 
			ball.vx = vx;
			ball.vy = vy;
 
			addChild(ball);
 
			stage.addEventListener(MouseEvent.MOUSE_DOWN, onEvent);
		}
 
		private function onEvent(e:MouseEvent):void 
		{
			(onFlg) ? onFlg = false : onFlg = true;
 
			if (onFlg == true) {
				ball.addEventListener(Event.ENTER_FRAME, onEnterFrame);
			} else if (onFlg == false) {
				ball.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
			}
		}
 
		public function onEnterFrame(event:Event):void {
 
			var left:Number = 0;
			var right:Number = stage.stageWidth;
			var top:Number = 0;
			var bottom:Number = stage.stageHeight;
 
			if (ball.x + ball.radius > right) {
				ball.x = right - ball.radius;
				vx *= bounce;
			} else if (ball.x - ball.radius < 0) {
				ball.x = ball.radius;
				vx *= bounce;
			}
 
			ball.x += vx;
 
			if (ball.y + ball.radius > bottom) {
				ball.y = bottom - ball.radius;
				vy *= bounce;
			} else if (ball.y - ball.radius < top) {
				ball.y = top + ball.radius;
				vy *= bounce;
			}
 
			ball.y += vy;
		}
 
	}
 
}

継承して、bitmapにdrawしてブラー効果をかけてみる。

package
{
 
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.events.Event;
	import flash.filters.BlurFilter;
	import flash.geom.Matrix;
	import flash.geom.Point;
 
	public class BoundBallLight extends BoundBall
	{
		private var bmd:BitmapData;
		private var bmp:Bitmap;
		private var matrix:Matrix;
		private var blur:BlurFilter = new BlurFilter(4, 4, 3);
 
		public function BoundBallLight() {
			super(); 
 
			vx = 10;
			vy = 7;
 
			BallLight();
		}
 
		private function BallLight():void {
			bmd = new BitmapData(300, 200, false,0x000000);
			bmp = new Bitmap(bmd);
			addChild(bmp);
 
			matrix = new Matrix();
 
			addEventListener(Event.ENTER_FRAME, onBallDraw);
		}
 
		private function onBallDraw(e:Event):void
		{
			bmd.applyFilter(bmd, bmd.rect, new Point(0, 0), blur);
			matrix.identity();
			matrix.translate(ball.x, ball.y);
			bmd.draw(ball, matrix);
		}
 
	}
 
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=428 0 Bitmap習作2 http://www.kiyoty.com/blog/?p=404 http://www.kiyoty.com/blog/?p=404#comments Sun, 24 Jan 2010 12:16:45 +0000 Kiyoty http://www.kiyoty.com/blog/?p=404 続きを読む →]]>

ボールを100個にして、マウスの位置によってcolorTransformで色が変わるように変更。
blurを使うと重いな・・・。

package 
{
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.filters.BlurFilter;
	import flash.geom.ColorTransform;
	import flash.geom.Matrix;
	import flash.geom.Point;
 
	/**
	 * ...
	 * @author ...
	 */
	public class FlyingBall extends Sprite 
	{
		private var ball:Ball;
		private var ball1:Ball;
 
		private var angleX:Number = 0;
		private var angleY:Number = 0;
		private var centerX:Number = stage.stageWidth / 2;
		private var centerY:Number = stage.stageHeight / 2;
		private var range:Number = 150;
 
		private var xspeed:Number = .07;
		private var yspeed:Number = .03;
 
		/*
		private var angle:Number = 0;
		private var centerScale:Number = 1;
		private var rangeScale:Number = 0.2;
		private var speed:Number = .1;
		*/
 
		private var bmd:BitmapData;
		private var bmp:Bitmap;
		private var matrix:Matrix;
 
		private var blur:BlurFilter = new BlurFilter(5, 5, 3);
 
		private var ballArr:Array = new Array();		//ボール用配列
		private var ballStatus:Array = new Array();		//ボールの位置保持配列
		private var count:Number = 100;					//ボールの数
		private var colortrans:ColorTransform;
 
		function FlyingBall() {
			init();
 
			addChild(new Stats());
		}
 
		private function init() {
 
			for (var i:uint = 0; i < count; i++ ) {
				ball = new Ball(2, 0xFFFFFF);
				range = Math.random() * 250;
				xspeed = Math.random() * 0.2;
				yspeed = Math.random() * 0.2;
 
				ballArr.push(ball);
				ballStatus[i] = [range,xspeed,yspeed,angleX,angleY];
			}
 
			bmd = new BitmapData(465, 465, true, 0xFF000000);
			bmp = new Bitmap(bmd);
			addChild(bmp);
 
			matrix = new Matrix();
			colortrans = new ColorTransform();
 
			addEventListener(Event.ENTER_FRAME,onEnterFrame);
		}
 
		private function onEnterFrame(e:Event):void 
		{	
			for (var i:uint = 0; i < count; i++ ) {
 
				ballArr[i].x = centerX + Math.sin(ballStatus[i][3]) * ballStatus[i][0];
				ballArr[i].y = centerY + Math.sin(ballStatus[i][4]) * ballStatus[i][0];
				ballStatus[i][3] += ballStatus[i][1];
				ballStatus[i][4] += ballStatus[i][2];
 
				matrix.identity();
				matrix.translate(ballArr[i].x, ballArr[i].y);
 
				colortrans.greenMultiplier = mouseX / 465;
				colortrans.blueMultiplier = mouseY / 465;
				colortrans.alphaMultiplier = Math.random();
 
				//matrix.scale(centerScale + Math.sin(angle) * rangeScale,centerScale + Math.sin(angle) * rangeScale);
				//angle += speed;
 
				bmd.draw(ballArr[i], matrix, colortrans);
			}
 
			bmd.applyFilter(bmd, bmd.rect, new Point(0, 0), blur);
 
		}
 
 
	}
 
}

ダウンロード

]]> http://www.kiyoty.com/blog/?feed=rss2&p=404 0 Bitmap習作1 http://www.kiyoty.com/blog/?p=397 http://www.kiyoty.com/blog/?p=397#comments Wed, 20 Jan 2010 12:27:32 +0000 Kiyoty http://www.kiyoty.com/blog/?p=397 続きを読む →]]>

ビットマップの習作

FlyingBall .as

package 
{
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.filters.BlurFilter;
	import flash.geom.Matrix;
	import flash.geom.Point;
 
	/**
	 * ...
	 * @author ...
	 */
	public class FlyingBall extends Sprite 
	{
		private var ball:Ball;
		private var angleX:Number = 0;
		private var angleY:Number = 0;
		private var centerX:Number = stage.stageWidth / 2;
		private var centerY:Number = stage.stageHeight / 2;
		private var range:Number = 150;
		private var xspeed:Number = .07;
		private var yspeed:Number = .03;
 
		private var angle:Number = 0;
		private var centerScale:Number = 1;
		private var rangeScale:Number = 0.2;
		private var speed:Number = .1;
 
		private var bmd:BitmapData;
		private var bmp:Bitmap;
		private var matrix:Matrix;
 
		private var blur:BlurFilter = new BlurFilter(3,3,3)
 
		function FlyingBall() {
			init();
 
			addChild(new Stats());
		}
 
		private function init() {
			ball = new Ball(5,0x00CC00);
			ball.x = 0;
 
			bmd = new BitmapData(465, 465, true, 0xFF000000);
			bmp = new Bitmap(bmd);
			addChild(bmp);
 
			matrix = new Matrix();
 
			addEventListener(Event.ENTER_FRAME,onEnterFrame);
		}
 
		private function onEnterFrame(e:Event):void 
		{	
			ball.x = centerX + Math.sin(angleX) * range;
			ball.y = centerY + Math.sin(angleY) * range;
			angleX += xspeed;
			angleY += yspeed;
 
			matrix.identity();
			matrix.translate(ball.x, ball.y);
			matrix.scale(centerScale + Math.sin(angle) * rangeScale,centerScale + Math.sin(angle) * rangeScale);
			angle += speed;
 
			bmd.applyFilter(bmd, bmd.rect, new Point(0, 0), blur);
			bmd.draw(ball, matrix);
		}
 
 
	}
 
}

Ball.as

package 
{
	import flash.display.Sprite;
 
	/**
	 * @author Kiyoty
	 */
	public class Ball extends Sprite 
	{
		public var radius:Number;
		public var color:uint;
		public var vx:Number = 0;
		public var vy:Number = 0;		
 
		public function Ball(radius:Number = 40,color:uint = 0xff0000 ) {
			this.radius = radius;
			this.color = color;
			init();
		}
 
		public function init():void {
			graphics.beginFill(color);
			graphics.drawCircle(0, 0, radius);
			graphics.endFill();
		}
 
	}
 
}

ダウンロード

]]> http://www.kiyoty.com/blog/?feed=rss2&p=397 0 外部ファイルをBitmapDataにする http://www.kiyoty.com/blog/?p=375 http://www.kiyoty.com/blog/?p=375#comments Tue, 15 Dec 2009 14:08:23 +0000 Kiyoty http://www.kiyoty.com/blog/?p=375 続きを読む →]]> 「Flash-AS3でBitmapData読み込み」を参考に、外部からBitmapしてみる。
読み込んだ画像をbitmapDataにdrawする。

package
 
{
 
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.geom.Matrix;
	import flash.net.URLRequest;
 
	public class BitmapTest extends Sprite{
 
		private var loader:Loader;
		private var bmpData:BitmapData;
		private var bmpObjMtx:Bitmap;
		private var mtx:Matrix;
		private var bmpDataMtx:BitmapData;
 
		public function MatrixTest() {
 
			//外部画像を読み込む
			loader = new Loader();
			loader.load(new URLRequest("image.jpg"));
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loadComp);
 
		}
 
		private function loadComp(e:Event):void	{
 
			//読み込んだ外部画像を表示
			addChild(loader);
 
			//読み込んだ画像をコピー
			bmpData = new BitmapData(loader.width, loader.height);
			bmpData.draw(loader);
			var bmpObj:Bitmap = new Bitmap(bmpData);
			bmpObj.x = 150;
			addChild(bmpObj);
 
			//コピーした画像を更にコピーし、ランダムノイズを発生させ、Matrixで変形移動
			bmpDataMtx = new BitmapData(loader.width, loader.height);
			bmpDataMtx.draw(bmpData);
			bmpObjMtx = new Bitmap(bmpDataMtx);
			var rand = Math.floor(Math.random() * 0xFFFF);	// 適当な乱数
			bmpDataMtx.noise(rand ,0 , 255 , (8|4|2|1) , false);
 
			mtx = new Matrix();
			mtx.identity();
			mtx.scale(1.5, 1.5);
			mtx.translate(300,0);
			bmpObjMtx.transform.matrix = mtx;
			addChild(bmpObjMtx);
 
		}
 
	}
 
}

追記
Flashの描画速度をBitmapDataクラスを使って上げる方法が詳しくて素晴らしい!
BitmapにMouseEventつけられない
BitmapにMouseEventつけようとして嵌った。Spriteの中にいれると出来た。
Adobe® Flex™ 2 リファレンスガイド

メモ : Bitmap クラスは InteractiveObject クラスのサブクラスではないため、マウスイベントを送出できません。しかし、ビットマップオブジェクトを格納した表示オブジェクトコンテナの addEventListener() メソッドを使用できます。

as演算子で変換できるるので、
as演算子でBitmapに変換した方がスマートかも。

package {
 
    import flash.display.Sprite;
    import flash.display.BitmapData;
    import flash.display.Bitmap;
    import flash.display.Loader;
    import flash.net.URLRequest;
    import flash.events.Event;
 
    public class BitmapScroll extends Sprite {
 
        var bmpData:BitmapData;
        var loader:Loader;
 
        public function BitmapScroll() {
            init();
        }
 
        private function init():void {
            loader = new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComp);
            loader.load(new URLRequest("photo.jpg"));
        }
 
        private function onComp(e:Event) {
            //Bitmapに変換
            var _bmp:Bitmap = loader.content as Bitmap;
 
            _bmp.bitmapData.scroll(20,10);
 
            addChild(_bmp);
        }
 
    }    
 
}

フィルターを適用させるにはBitmapData.applyFilterを使う

package
{
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.filters.BlurFilter;
	import flash.geom.Point;
	import flash.net.URLRequest;
 
	public class ApplyFilterTest extends Sprite
	{
		var loader:Loader;
		var blur:BlurFilter = new BlurFilter(5, 5, 3);
 
		public function ApplyFilterTest() {
			init();
		}
 
		private function init():void {
			loader = new Loader();
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComp);
			loader.load(new URLRequest("image.jpg"));
		}
 
		private function onComp(e:Event):void
		{
			var bmpObj = loader.content as Bitmap;
 
			//フィルターを適用
			bmpObj.bitmapData.applyFilter(bmpObj.bitmapData, bmpObj.bitmapData.rect, new Point(0, 0), blur);
 
			addChild(bmpObj);
		}
	}
 
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=375 0 addEventListenerで引数を渡す http://www.kiyoty.com/blog/?p=368 http://www.kiyoty.com/blog/?p=368#comments Sun, 08 Nov 2009 14:20:23 +0000 Kiyoty http://www.kiyoty.com/blog/?p=368 続きを読む →]]> BONKURA BLOGに載っていました。
addEventListenerで一緒に引数を渡したい

package
{
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
 
	public class Fountain extends Sprite
	{
		public function Fountain() {
			init();
		}
 
		private function init():void {
			stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown);
		}
 
		private function onMouseDown(e:MouseEvent):void
		{
			var _Dots:Dots = new Dots(); //水玉
			_Dots.x = mouseX;
			_Dots.y = mouseY;
			stage.addEventListener(Event.ENTER_FRAME, onEnterFrameHandler(_Dots));
			addChild(_Dots);
		}
 
		//イベントハンドラー
		//↓↓こう言う書き方をする　return function....
		function onEnterFrameHandler(dots:Sprite):Function {
 
			//処理
			return function (e:Event):void{
				dots.x += 10;
				dots.y += 10;
			}
		}
	}
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=368 0 ダレル・ロイヤルの手紙 http://www.kiyoty.com/blog/?p=360 http://www.kiyoty.com/blog/?p=360#comments Sun, 18 Oct 2009 13:56:08 +0000 Kiyoty http://www.kiyoty.com/blog/?p=360 続きを読む →]]> ダレル・ロイヤルの手紙を時々思い出すのでメモ。

テキサス大アメフト部の名コーチ、ダレル ロイヤルが夏休み帰省中の選手達に送った手紙より

親愛なるロングホーン諸君

打ち負かされる事自体は、何も恥じるべき事ではない。
打ち負かされたまま、立ち上がろうとせずにいる事が恥じるべき事なのである。
ここに、数多くの人生での敗北を経験しながらも、
その敗北から這い上がる勇気を持ち続けた、
偉大な男の歴史を紹介しよう。

１８３２年 失業
１８３２年 衆議院選、落選
１８３３年 事業倒産
１８３４年 衆議会議員当選
１８３５年 婚約者死去
１８３６年 神経衰弱
１８３８年 衆議会議長落選
１８４５年 下院議員指名投票、敗北
１８４６年 下院議員当選
１８４８年 下院議員再選失敗
１８４９年 国土庁調査官を拒否される
１８５４年 上院議員落選
１８５６年 副大統領指名投票敗北
１８５８年 上院議員、再度落選

…そして１８６０年、アブラハム リンカーンは第十六代 アメリカ合衆国大統領に選出された。

諸君等も三軍でシーズンを迎え、六軍でシーズンを終えるかも知れない。
或いは一軍で始まり、四軍で終わるかもしれない。

諸君等が常に自分に問うべき事は、打ちのめされた後、自分は何をしようとしているのか？という事である。
不平を言って自分を情けなく思うのか、それとも闘志を燃やし再び立ち向かって行くのか、という事である。
今秋、フィールドでプレーする諸君等の誰もが、必ず一度や二度の屈辱を味わされるだろう。

今まで打ちのめされた事が無い選手等、存在した事は無い。
ただし、一流の選手はあらゆる努力を払い速やかに立ち上がろうと努める、
並の選手は少しばかり立ち上がるのが遅い、
そして敗者はいつまでもグラウンドに横たわったままである。

]]> http://www.kiyoty.com/blog/?feed=rss2&p=360 0 CastSprite生成時にidを指定&getInstanceById() http://www.kiyoty.com/blog/?p=355 http://www.kiyoty.com/blog/?p=355#comments Sat, 17 Oct 2009 14:46:41 +0000 Kiyoty http://www.kiyoty.com/blog/?p=355 続きを読む →]]> すぐ忘れるのでメモ。

//testCastSprite = CastSprite
//{id:"hoge"}でidを指定できる
var _testCastSprite:testCastSprite = new testCastSprite({id:"hoge"});
 
//getInstanceByIdで"hoge"への参照を取得
var castSprite:CastSprite = CastSprite(getInstanceById("hoge"));
 
//削除
progression.container.removeChild(castSprite);

getInstanceById()

http://asdoc.progression.jp/jp/progression/casts/package.html#getInstanceById%28%29

]]> http://www.kiyoty.com/blog/?feed=rss2&p=355 0 スプーン印50周年CM：三井製糖 http://www.kiyoty.com/blog/?p=343 http://www.kiyoty.com/blog/?p=343#comments Sun, 11 Oct 2009 13:26:12 +0000 Kiyoty http://www.kiyoty.com/blog/?p=343 20091011221843スプーン印50周年CM：三井製糖

スプーン印50周年CM：三井製糖

駅張りポスターが可愛くて気になった＆いい感じだったので。

spoom50th08

spoom50th01

wp_a_1280x1024

wp_b_1280x1024

]]> http://www.kiyoty.com/blog/?feed=rss2&p=343 0 LOUIS VUITTON – A journey beyond http://www.kiyoty.com/blog/?p=337 http://www.kiyoty.com/blog/?p=337#comments Sun, 11 Oct 2009 06:23:52 +0000 Kiyoty http://www.kiyoty.com/blog/?p=337 続きを読む →]]> 1_CV-SC2
LOUIS VUITTON – A journey beyond
http://www.louisvuittonjourneys.com/#/r_FR/
Some journeys change mankind forever
「人類を、新たな地へ導く旅」ということで、宇宙飛行士のジム・ラヴェル、バズ・オルドリン、サリー・ライドの3人を起用。
ルイ・ヴィトンと言えば旅がテーマだけど、宇宙飛行士にはグッときた。
ネルソン・マンデラも考えていると読んだけど、旅の切り口がいい。

]]> http://www.kiyoty.com/blog/?feed=rss2&p=337 0 Michal Levy-Giant Steps http://www.kiyoty.com/blog/?p=329 http://www.kiyoty.com/blog/?p=329#comments Sun, 27 Sep 2009 05:34:40 +0000 Kiyoty http://www.kiyoty.com/blog/?p=329 gs-watch

Giant Steps

http://michalevy.com/giant-steps

いつかこういうのを作りたい。

Oneも素晴らしい。

]]> http://www.kiyoty.com/blog/?feed=rss2&p=329 0 Papervision3Dの参考サイト http://www.kiyoty.com/blog/?p=317 http://www.kiyoty.com/blog/?p=317#comments Sun, 27 Sep 2009 03:51:50 +0000 Kiyoty http://www.kiyoty.com/blog/?p=317 続きを読む →]]> Papervision3Dは、ClockMakerさんのサイトがわかりやすいです。

Primitive Generator

カメラの移動とかは「崖っぷちWEBデザイナーブログ」がわかりやすいです。
崖っぷちWEBデザイナーブログ | PaperVision3Dでオブジェクト回転とかカメラ移動とか

公式はココ
papervision3d
ドキュメント

http://papervision3d.googlecode.com/svn/trunk/as3/trunk/docs/index.html


補足
Flashでやってしまいがちな14個の間違った使い方

]]> http://www.kiyoty.com/blog/?feed=rss2&p=317 0 Try…catch …finallyで例外処理を行う http://www.kiyoty.com/blog/?p=304 http://www.kiyoty.com/blog/?p=304#comments Mon, 21 Sep 2009 01:53:20 +0000 Kiyoty http://www.kiyoty.com/blog/?p=304 続きを読む →]]> アプリケーションの同期エラーの処理

test.xmlがなくて、error.xmlを読み込む場合。

public function TryTest():void {
 
	var _loader:URLLoader = new URLLoader();
 
	try {	
		//エラーが発生する可能性のある処理
		_loader.load(new URLRequest("test.xml"));
		throw new Error("ファイルがありません");
	} catch (error:Error) {
		//エラーが発生した場合の処理
		trace("<Error> " + error.message);
		_loader.load(new URLRequest("error.xml"));
	} finally {
		//必ず実行する処理
		trace("処理終了");
	}
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=304 0 Tweener Memo http://www.kiyoty.com/blog/?p=269 http://www.kiyoty.com/blog/?p=269#comments Sun, 20 Sep 2009 08:27:23 +0000 Kiyoty http://www.kiyoty.com/blog/?p=269 続きを読む →]]> Tweenerは開発終了しまったけど・・・。

参考サイト
Tweener Documentation and Language Reference
超訳：Tweenerドキュメント＆言語リファレンス
Tweener 特殊プロパティ一覧 | SOOHEI.NET_BLOG
fladdict » Tweener拡張で、MovieClipをMatrixで超変形をできるようにした

下記をインポート

import caurina.transitions.Tweener;

通常の移動。onCompleteでTween完了後MyFunc実行。

//移動
Tweener.addTween(_BoxMc , { x:460 , time:1 , transition:"easeOut" } );
//delay
Tweener.addTween(_BoxMc , { y:180 , time:1 , delay:2 } );
//alpha→完了したらMyFunc実行
Tweener.addTween(_BoxMc , { alpha:0.1 , time:1 , delay:4, onComplete:MyFunc } );
 
private function MyFunc():void {
	Tweener.addTween(_BoxMc , { x:0, alpha:1 , time:1 , transition:"easeOut" } );
}

onStart：Tween開始したタイミングで実行
onComplete：Tween完了したタイミングで実行

FilterShortcuts

import caurina.transitions.properties.FilterShortcuts;
FilterShortcuts.init();
 
Tweener.addTween(_BoxMc , { _Blur_blurX:200 ,_Blur_blurY:200 , time:1 , transition:"easeOut" } );

ColorShortcuts

import caurina.transitions.properties.ColorShortcuts;
ColorShortcuts.init();
 
Tweener.addTween(_BoxMc , { _color:0xffdd33 , time:1 , transition:"easeOut" } );

DisplayShortcuts

import caurina.transitions.properties.DisplayShortcuts;
DisplayShortcuts.init();
 
Tweener.addTween( _BoxMc, {_scale:10 , time: 2 , delay: 2} );

fladdictさんのMatrix変形

import sketchbook.external.tweener.MatrixShortcuts;
MatrixShortcuts.init();
 
Tweener.addTween( _BoxMc, {
	time:1,
	_matrix_a : 5,
	_matrix_b : 1,
	_matrix_c : 1,
	_matrix_d : 2,
	_matrix_tx: 200,
	_matrix_ty: 100,
	delay: 2
});
]]> http://www.kiyoty.com/blog/?feed=rss2&p=269 0 CastButtonでhtmlページにリンク http://www.kiyoty.com/blog/?p=244 http://www.kiyoty.com/blog/?p=244#comments Tue, 15 Sep 2009 13:06:26 +0000 Kiyoty http://kiyoty.com/blog/?p=244 続きを読む →]]> CastButtonのコンストラクタにhrefプロパティを設定。
windowTargetプロパティで移動先を開くウィンドウを設定。

public function BlogButton( initObject:Object = null ) 
{
	super( initObject );
	href="http://kiyoty.com/blog/";
	windowTarget="_blank";
}

http://asdoc.progression.jp/jp/progression/casts/CastButton.html#href

http://asdoc.progression.jp/jp/progression/casts/CastButton.html#windowTarget

]]> http://www.kiyoty.com/blog/?feed=rss2&p=244 0 Google Maps API for Flashを使ってみる 1 http://www.kiyoty.com/blog/?p=236 http://www.kiyoty.com/blog/?p=236#comments Sun, 13 Sep 2009 11:15:13 +0000 Kiyoty http://kiyoty.com/blog/?p=236 続きを読む →]]> Google Maps API for Flash
http://code.google.com/intl/ja/apis/maps/documentation/flash/

ドキュメントクラスGmapsTest に記述。

package 
{
	import flash.display.MovieClip;
	import flash.geom.Point;
	import flash.display.Stage;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;
	import flash.events.Event;
 
	import com.google.maps.LatLng;
	import com.google.maps.Map;
	import com.google.maps.MapEvent;
	import com.google.maps.MapType;
	import com.google.maps.controls.*;
 
	public class GmapsTest extends MovieClip 
	{
 
		public var googleMap:Map;
 
		//Google Maps API KEY
		const APP_ID:String = "ABQIAAAACCDJp3BiH54Ry1gXIvKHaRQZE-WZzWfzLKT59YK6xkkyjLNwfRSLVernh1wD9pdfW0NRLDGvYYrSZQ";
 
		function GmapsTest() {
 
			stage.align = StageAlign.TOP_LEFT;
			stage.scaleMode = StageScaleMode.NO_SCALE;
 
			googleMap = new Map();
			googleMap.key = APP_ID;
 
			googleMap.setSize(new Point(stage.stageWidth,stage.stageHeight));
			googleMap.addEventListener(MapEvent.MAP_READY, onMapReady);
			stage.addEventListener(Event.RESIZE , onGmapResize);
 
			this.addChild(googleMap);
 
		}
 
		//ウィンドウをリサイズした場合
		function onGmapResize(event:Event):void {
			googleMap.setSize(new Point(stage.stageWidth, stage.stageHeight));
		}		
 
		function onMapReady(event:Event):void {
			googleMap.setCenter(new LatLng(40.736072,-73.992062), 14, MapType.SATELLITE_MAP_TYPE);
 
			//マウスズーム
			googleMap.enableScrollWheelZoom();
 
			//コントロール
			googleMap.addControl(new ZoomControl());
			googleMap.addControl(new PositionControl());
			googleMap.addControl(new MapTypeControl());			
		}
 
	}
 
}

サンプル
FLAデータ

FireFox3.0.14で確認するとマウスズームができない。宿題としておこう。

progressionでGoogle Mapsを使う場合は、import com.google.maps.*に、あわせて、src\libs\com\Googleに、SWC（map_1_16.swc）をおいたら動いた。

]]> http://www.kiyoty.com/blog/?feed=rss2&p=236 0 Progression LoadURLでエラー処理する http://www.kiyoty.com/blog/?p=231 http://www.kiyoty.com/blog/?p=231#comments Sun, 30 Aug 2009 15:15:16 +0000 Kiyoty http://kiyoty.com/blog/?p=231 続きを読む →]]> 
new LoadURL( new URLRequest( "data.txt" ) )
.error( function( e:Error ):void {
trace( e );
} )

http://forum.progression.jp/index.php?topic=31.0

]]> http://www.kiyoty.com/blog/?feed=rss2&p=231 0 Progression ボタンを無効化 http://www.kiyoty.com/blog/?p=228 http://www.kiyoty.com/blog/?p=228#comments Sun, 30 Aug 2009 13:08:13 +0000 Kiyoty http://kiyoty.com/blog/?p=228 
myBtn.buttonEnabled = false;

http://asdoc.progression.jp/jp/progression/casts/CastButton.html

]]> http://www.kiyoty.com/blog/?feed=rss2&p=228 0 MovieClipを並べる http://www.kiyoty.com/blog/?p=226 http://www.kiyoty.com/blog/?p=226#comments Mon, 24 Aug 2009 13:29:58 +0000 Kiyoty http://kiyoty.com/blog/?p=226 続きを読む →]]> 
protected override function _onInit():void {
 
	// 実行したいコマンドを登録します。
	addCommand(
 
		function ():void {
 
			//_boxを60個並べる
			for ( var i:int = 0; i < 60; i++) {
 
				//_box width:50px height:50px
				var _box:Box = new Box();
 
				// 5個ずつ並べる場合
				// xのデフォルト値 70  横のオブジェクト送り値 60
				// yのデフォルト値 10  縦のオブジェクト送り値 60
				_box.x = ( 60 * (i % 5) ) + 70;
				_box.y = (60 * Math.floor(i/5)) + 10;
				progression.container.addChild(_box);
			}
 
		}
 
	);
 
}
]]> http://www.kiyoty.com/blog/?feed=rss2&p=226 0