個人的にネタはありませんでしたが・・

僕個人としては、特段おすすめできる画期的な方法が思い浮かばなかったので、自分の生活スタイルをさらけだすことでうやむやにしてきました。あとおすすめの本と。

紹介させてもらったのは・・・

• Adobe Flash CS4 詳細!ActionScript3.0入門ノート[完全改訂版]
• ActionScript 3.0辞典 [FlashPlayer10/9対応]
• ブラウザで無料ではじめるActionScript 3.0 ―It’s a wonderfl world―
• Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]

このへんでごじゃいます。基礎のとこから、必携の辞書もの、モーションもの、あとWonderflって感じです。

似てるようでちょっと違うみんなの勉強法

もちろんそれぞれのレベルやぶち当たってる課題なんかも違いますし、デザイン系のひとが始めるのとエンジニア系の人が始めるのでは視点も求めるものも違いますのでそこは揃わないとは思ってましたが色々あって面白かったです。

Webでサンプル探す、本かう、本買うけど流し読み（必要なとこだけ）、ライブラリのソースコード読む、 通勤時間にコーディング！、サンプルからとにかく解析解析・・

同じ本読むでも、とにかくサンプルやってく人（自分）やら、英語本がいい！とか、Javaのも参考なるよ！とか色々参考になりました。

個人的には設計部分の壁にぶちあたってるので、おすすめしてもらったリファクタリング系の知識をつけて、ゆくゆくはデザパタもすんなりものにできたらなーってな魂胆でございます。

オススメしてもらったのは、

• オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
• なぜ、あなたはJavaでオブジェクト指向開発ができないのか―Javaの壁を克服する実践トレーニング

このへんと、たぶんこれ

• Java言語で学ぶリファクタリング入門

結局人に刺激を受ける僕です。

そんなかんじで勉強会自体も、ひょっと出た疑問に対して、その場でテストコード書いて実証してみたり、これどうしてんの〜ってのにあーでもないこーでもないというてみたり、非常に勉強になりましたが（むしろそういうところから本に載らないような小ネタが飛び出したりするもんですよね）、なんだかんだでこういう小規模勉強会に魅力を感じるのは人とのつながりです。

懇親会では普段こんなんやってますー、こんなん好きなんですー、っていうたわいも無い話から、開発環境や最近見つけたバグなどFlasherな話題まで、とにかく何かと刺激を受けますね。共感や驚きの連続で。最後はイベント主催の方とご一緒させていただいて色々熱い思いなんかも肌で感じる事ができました。

あとは、自分はサボってる暇ないぞって危機感とｗ
僕みたいなスキルが中途半端な人間が気後れせずに参加できるイベントというのはほんとにありがたいです。
今後もひよこの会はじめ、Web系イベント盛り上げられるように修行、修行でございますな。

セッション雑感

奥田さんのセッションではギミック（仕掛け）についてのこだわりや、気付きや興味心・技術探究心からビジュアルへ落として行く過程のお話を。城戸さんのセッションはプレゼン資料から常人を逸してましたが、それぞれのモーションはすべて基礎的なところからの応用ですよ～という、親切丁寧な、そして愛のあるセッションでした。これはダミーですが・・とか、お蔵入りになったものですが・・・で、出てくる成果物の精度の高さを見るたびにめまいが・・。

その後のてら子セッションは和む空気を醸し出しつつ、偶然？サウンド系のセッションになってました。岩井俊雄好きの僕には 2010: New Year Sonata とかたまらんです。そのほかにもフィジカルコンピューティングなお題もあったりで、学生時代にやれDirectorだのMax/MSP/Jitterだの言うてやってたメディアアートがFlashでできちゃうという。素敵な流れ。ハイパーメディアクラスの皆さん。お元気ですか。

見せられるもんがあるっていい！

てら子をこっそりUSTで追いかけたりしてても思いますが、仕事以外で（仕事でもいいんですけど）見せられるものがあるっていいですね。僕の中でプログラミングの神様的存在の方からもなにか作るのが、スキルアップにもつながるからいいよってアドバイス受けたことありますが、どうも作ろう作ろうと考えると順番がちがってて。普段の気付きを形にできるような素敵Flasherになりたいですよ。

で、Progression4だとどうすんのかなーってところで、
ちょこちょこサンプルはあったけど、最小構成のサンプルということで。

読み込む swf （サンプルでは”elements.swf”）は、ライブラリにてクラス名”Mc_a”としてリンケージ書き出しだけしてます。
AS3自体の基本的なやり方としては大重さんの下記記事が超絶わかりやすい。
大重美幸の「これ見落としてませんか？　ActionScript 3.0」
第2回 外部 swf ファイルのシンボルを利用する

んで、てきとうな Scene クラスの、 atSceneInit や atSceneLoad で

			addCommand(
				new LoadSWF(new URLRequest("elements.swf"), null,
					{
						onComplete:function():void
						{
							var ld:Loader = this.loader;
							var domain:ApplicationDomain = ld.contentLoaderInfo.applicationDomain;
							var Mc:Class = domain.getDefinition("Mc_a") as Class;
							mc = new Mc();
							manager.root.container.addChild(mc);
						}
					}
				)
			);

ハマったのは、 Loader とるとことか AppricationDomain とかのところ。
まだいまいち、 それぞれの this とか、処理の順番つかみきれてない感じ。

Flash IDE（CS3から？）で制作してる時で、さらに StageScaleMode.NO_SCALE と設定してるとき、
ムービープレビューすると、stage.stageHeight がうまく取れないときがあった。
これはプレビュー表示の Flash Player の状態から影響を受けていた模様。

通常は、こんな感じ。
（ステージを300*200、テキストフィールドをstageHeightを使って中央配置）

ちゃんと 200 取れてるし、中央にきてる。

プロファイラを表示させてると、こうなる。

取得した値は 100 となってしまって、中央配置もずれてる。

また、ステージが極端に小さいと、ウィンドウのメニューバーが折り返した際も同様に取得する値が狂います。
実際、本番環境に設置してしまったり、パブリッシュしてブラウザでプレビューすれば関係ないけど、
日々のムービープレビューに悩まされていたので、すっきり！

以上、小ネタでした。

[r3422] オーバーライトっぽい挙動をするように変更
Tweener のように古いトゥイーンを停止はしませんが、新しいトゥイーンの値が優先されるようになりました

とのこと。

前回のエントリで書いた通り、これまでは Tween が動いているかチェックして、動いている場合は止めてから次の Tween を設定する必要がありました。

	if (_tw_A != null)
	{
		_tw_A.stop();
	}

こんな感じで。それがなくて済むので、ロールオーバーボタンなんかはやっぱずいぶん楽になると思います。
ただ、上に書いた通り、「新しいトゥイーンが優先される」だけなので、この点だけ気をつけないといけないですね！

円の図形にロールオーバーとアウトを繰り返すと、別々にイベントを取れているのが確認できるかと思います。

まずはゲットするとこから

なぜかこのページになかなかたどり着けませんでした（笑）

BetweenAS3 Alpha r3022 出来たよ | BeInteractive!

↑から落として、Tips＆ドキュメントは以下に。

BetweenAS3使い方、Tweenerからの乗り換えのために。 « Fountain
導入Tips。よくまとまってます。

BetweenAS3/en – Spark project
最初、英語に嫌悪感を抱いて読み飛ばしてましたが、実は一通り機能紹介。
Google先生に翻訳してもらったら逆に破壊的な文章に・・・

BetweenAS3 Transition cheat sheet | 水玉製作所
イージング表です。名前もろくに覚えられないので助かります。

BetweenAS3を使ってカスタムイージングの始まりと終わりに別のイージング関数を指定する方法 | ClockMaker Blog
こちらは機能拡張ですが、イージングのカスタマイズが簡単にできちゃうすぐれもの！
IObjectTween は使えない？っぽいです。（知識不足だったらすみません）

BeInteractive! [Wonderfl で BetweenAS3 (Alpha) が試せます]
で、ワンダフルにこんなにチュートリアルがあるのを今発見・・・orz・・

居なくなって気づいた Overwrite の大切さ（ていうか甘えてた自分）

2010/2/18追記
overwriteが実装された模様！

で、Tweener をこれまで使ってたのもあって、Overwrite 機能の有無というところでしっかりつまづきました。
特に、マウスイベントなんか使うと、割とブチ当たるかと思うんですが、同じオブジェクトに Tween の命令が重複しちゃうときに期待した動きになってくれません。

private var _tw:ITween;

function onMouseOverHandler(e:MouseEvent):void
{
		_tw= BetweenAS3.tween(mc, { x:100 }, null,1,Sine.easeOut);
		_tw.play();
}

function onMouseOutHandler(e:MouseEvent):void
{
		_tw= BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
		_tw.play();
}

作者さんがそのあたり説明してくださってたので、なるほど納得だったのですが、単純なボタンのロールオーバーを使い回したいときってありますよね？？その解決策がみつからず・・ボタンの数だけ変数を増やすという残念な対応に落ち着きました。数が少なかったのでインスタンス名で振り分けて、ひとつの関数にまとめましたがあんまり意味がない感じになってます。こういうときサラサラっとまとめられるようになりたいなぁ・・・

function onMouseOverHandler(e:MouseEvent):void
{
	switch(e.target.name)
	{
		case "instans_nameA":
			if (_tw_A != null)
			{
				_tw_A.stop();
			}
			_tw_A = BetweenAS3.tween(mc, { x:100 }, null,1,Sine.easeOut);
			_tw_A.play();
			break;
		case "instans_nameB":
			if(_tw_B != null)
			{
				_tw_B.stop();
			}
			_tw_B = BetweenAS3.tween(mc, { x:200 }, null,1,Sine.easeOut);
			_tw_B.play();
			break;
	}
}

function onMouseOutHandler(e:MouseEvent):void
{
	switch(e.target.name)
	{
		case "instans_nameA":
			if (_tw_A != null)
			{
				_tw_A.stop();
			}
			_tw_A = BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
			_tw_A.play();
			break;
		case "instans_nameB":
			if(_tw_B != null)
			{
				_tw_B.stop();
			}
			_tw_B = BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
			_tw_B.play();
			break;
	}
}

それでも、噂通りいい感じですよ！先生！

ハマったとこから書いておいてなんですが、個人のBetweenAS3 の感想としては、すっきり！わかりやすい！いじりやすい！というところで、慣れれば細かい Tween の調整、とくに組み替えたりするときは、BetweenAS3 は柔軟で、用意されてるメソッドも覚えやすいです。私のようなガッツリ文系脳でも楽しく Tween 作れますね！引き続きいろいろ試してみようと思います。

うまい具合にスタイルの当たった表示を実現できるWPプラグイン、

SyntaxhigHlighter Evolved ってのがあります。（似たようなのもいっぱいあるみたい。）

これを導入するにあたって下調べすると、結構でてくるのが AS3 への対応方法。

デフォルトじゃ対応されてないですか・・そうですか・・ってことで調べまくってたんですが、

いざプラグインをインストールしてみると、現状は AS3 もしっかり対応されてるみたいです。

SyntaxHighlighter:Brushes

こんな感じに。

package {
    import flash.display.Sprite;
    public class DrawCircle extends Sprite {
        public function DrawCircle() {
            // 日本語も大丈夫
            for(var i:int = 0; i < 100; i++){
            graphics.lineStyle(0.5,0x0000FF*(i*0x0000FF),1);
            graphics.drawCircle(200+i,50*(i/20),10+(i*3));
            }
        }
    }
}

shin 1×1 さんに背中を押していただいて、発表もさせていただきました！

発表デビューです！

いやー、緊張しましたけど、準備期間も含めて、いい経験になりました。

ネタは、「インタラクティブな広告が気になる！サイネージとかARとか」ということで、

現実拡張な広告＆作品数点の紹介⇒FlashでARのデモ　てな内容でさせてもらいました。

発表資料

デモは自前の部分がすくないですけど・・・

FLARToolKit のFLARToolKit スタータキット へ、

wonderfl に投稿されてた、clockmakerさんの[PV3D] Xmas Tree を移したものを使わせてもらいました。

（って、キラキラがいまいち再現できてないのが気になりますけど。誰か教えてください・・）

>>ソース一式はこちら

スライドは、Progression の拡張ライブラリ、Slides をつかってみましたー。

時間なくてそっけない感じですが、Flashでつくれますし、凝ったものもできそう。

>>スライド

感想

エンジニアさん率が高いかなーと思ってたイベントですが、（実際は半分から６割くらい？）

セッション自体もバリエーションに富んでて楽しめました。

（まあ、技術的な話に紛れ込んだときは宇宙語と戦ってる感じでしたが・・）

んで、最後の交流会や懇親会ではいろんな方にお話聞けてよかったです。

今まで、懇親会みたいな集まりまで参加することなかったですが、出てみるもんだなーと。

関連リンク

関西アンカンファレンスセッション一覧 – backyard of 伊勢的新常識

関西アンカンファレンスを開催しました＆運営してわかったこと – Shin x blog

関西アンカンファレンスをやってみての感想まとめ – 頭ん中