大阪てら子22～Webカメラを使って遊ぼう～で発表してきましたよ！

2009 年 5 月 24 日

大阪てら子22回～Webカメラで遊ぼう～に参加してきましたよ。

今回は発表してきました！初の発表です！
僕が作ったのは15パズルのWebカメラ版です。

Youtubeにスクリーンキャストしたやつアップしたので、そちらもご覧ください。

技術的なことを書くと、パズルの部分は簡単です。
16個のマスを用意して1つは”blank”っていう名前をつけます。

for ( var i:int = 0; i < 4; i++ ){
	for ( var j:int = 0; j < 4; j++ ) {
	_pieceBase = new Sprite();

	if ( j == 3 && i == 3 ) {
		_pieceBase.name = "blank";
		_pieceData = new BitmapData( _length, _length, true, 0xFFFFFFFF );
		_piece = new Bitmap( _pieceData );
		_pieceBase.addChild( _piece );
	}
	else {
		_pieceBase.name = "base" + cnt;
		_pieceBase.addEventListener( MouseEvent.CLICK, peiceClickHandler );
	}

	_pieceBase.x = xPos[ cnt ];
	_pieceBase.y = yPos[ cnt ];

	stage.addChild( _pieceBase );

	cnt++;
	}
}

マスがクリックされたら上下左右を見ていって"blank"っていうインスタンスがあれば位置を入れ替えるだけです。

続いてWebEnterFrameのところでマス分の処理。
BitmapData作って、videoの位置をMatrixでずらしてそれぞれのマスに描写しているだけです＞＜

for ( var s:int = 0; s < 4; s++ ){
	for ( var t:int = 0; t < 4; t++ ) {
		if ( s == 3 && t == 3 ) {
		}
		else{
			_videoData = new BitmapData( _length, _length, true, 0xFF000000 );
			matrix.translate( -( _length * t ), -( _length * s ) );
			_videoData.draw( _video, matrix, color, BlendMode.NORMAL, rect );
			Sprite( stage.getChildByName( "base" + cnt ) ).addChild( new Bitmap( _videoData ) );
			cnt++;
		}
	}
}

というかみんなアイデアもってるなーと思いました。
日ごろから面白いこと考えてるのかなーとか。
また発表したいと思いますのでみなさんよろしくおねがいしますねー。