2BLOG

ニピクセル開始からもうすぐ1年ということでサイトをリニューアルしました。
僕ら的にサイトはニピクの顔だよねって以外、サイトの方で出す情報なんてなくて、メインはブログなのでサイトの方はこれまで同様プロモーション用です。隅っこのほうでひっそりやってる感があればいいかなぁと。あとデザインの中で実案件ではあまり使うことの無かったFlashのクラスを使ってみました。papervisionとかflintとかapeとか。＆Yさんの方でイラストを描き込んでます。

この投稿の続きを読む »

2009年1月19日より下記オフィスに移転します。

〒164-0011 東京都中野区中央4-1-3 ボニータ新中野3F　地図

SOHOの利点でもありますので、これまでは自宅兼事務所にしていましたが、人を呼ぶにしても、電話するにしても、不都合が増えてきたので。

この投稿の続きを読む »

ViralプロモーションやLipLogなど多様なコミュニケーションサービスを行う株式会社ボンドアンドパートナーズのサイトを制作しました。

Progression 3を利用しています。今回はFlashだけでなく、サイトの提案・設計部分から担当しています。

Progression公式サイトのショーケースに掲載していただきました。

BOND&PARTNERS
http://www.bond-p.co.jp
Client / BOND&PARTNERS Inc
CreativeDirection&Flash / KOSUKE,Nakamura. nipx [http://nipx.jp]
ArtDirection&Design / Shigeru Uehara. SPEED WAGON [http://www.spw02.com]

Flower Rockですが、coolwebawards.comに載せていただきました。随分前に出したのになぜ今…。でも、ありがとうございました。

CS4の新機能にAdobe Pixcel Benderのサポートがあります。
これを使うと、たとえばビルトインフィルタでは実現できないリッチな視覚効果をFlashで利用できる上に、対応ビデオカードを持つ環境であればハードウェアの力で高速に処理されるというのがウリ。

この投稿の続きを読む »

12/27発売のWeb creators 2009年 02月号に僕のインタビュー記事が掲載されています。

Flashをこれからはじめる方を対象にした特集ということで、初心者向けにおこがましくもアドバイスを喋らせていただきました。よろしければご一読いただいて、少しでもお役に立てたら嬉しいかぎりです。

ところで、実は雑誌記事の執筆が今年の目標でもあったので半分位は目標達成かも…。
来年こそ一度は執筆してみたいです。
関係皆様、機会があったら是非よろしくお願いします！

Web creators (ウェブクリエイターズ) 2009年 02月号

正式な発売日は明後日12/19（金）だと思いますが、アップグレード版を予約していたAdobe Creative Suite 4が到着。CS3ってintel Mac環境で待望のアップデートだったけれど、僕は使い始めたのがちょっと遅かったせいもあって、CS4は「もう出たの？」って印象。

統合パッケージになってからアプリケーションが一遍にアップデートされるもんで、キチンと習得するのは大変です。使う側がついていけてないもの。僕はバラして出てくれる方が嬉しいんだけれどなぁ。気になる新機能が沢山あるので年末年始の密かな楽しみにしてます。

CS4の発売を間近に控えて、遅まきながら30日無償体験版をダウンロードしました。
アプリケーションのインターフェース、表示要素が小さくなってスッキリした印象。
しっかし、毎回画面一杯にパネルだらけになっていくなぁと思っていたけど、遂に一切の隙間を無くす程になったなぁと。 

それはそうとCS4に気になる新機能があったので試してみる。3Dやボーンは気になるけれど、FlexのSWCがそのまま読めるようになったというところがウレシイ。これでちょっと前から気になっていたImageProcessing Libraryってライブラリを試してみた。

この投稿の続きを読む »

Progressionでコマンドが持つメソッド、apply,before,afterの関係を確認します。

その前に僕が最初やってたこと。addCommandなどでコマンド追加する時、メソッド内につらつら書いていけると知らなくていちいちインスタンスを作っていました。

var com:DoTweener = new DoTweener( target, { x:100, time:1 } );
	com.apply( trace, ["apply"] );
	com.before( trace, ["before"] );
	com.after( trace, ["after"] );
 
addCommand( com );
 

その後、addCommand内に書いていけると知ってつらつらのように書くようになった。
一カ所でしか使わないならこの方が解りやすいと思います。

addCommand(
	new DoTweener( square, { x:50, transition:"easeOutSine", time:2 } )
		.apply( trace, ["apply"] )
		.before( trace, ["before"] )
		.after( trace, ["after"] )
	)

本題の関係を確認してみます。以下の場合、どう動くかで確かめました。

addCommand(
	new DoTweener( square, { y:50, transition:"easeOutSine", time:2, delay:1 } ),
	new DoTweener( square, { x:50, transition:"easeOutSine", time:2 } )
	.apply( function():void{
			if(!this.parent){
				new DoTweener( this.target, { _color:0xff0000, transition:"easeOutSine", time:4 } ).execute();
			}
		}
	)
	.before( function():void{ 
			this.parent.insertCommand( new DoTweener( square, { x:200, transition:"easeOutSine", time:2 } ) );
		}
	)
	.after( function():void{ 
			this.parent.insertCommand( new DoTweener( square, { y:200, transition:"easeOutSine", time:2 } ) );
		}
	)
);

結果はこちら

動き的には何より先に二つ目のDoTweenerのapplyが動いています。applyはコマンドが作られたらすぐに動く感じ。applyが動く段階ではthisの参照は期待通り入っているけれど、parentなどはまだ入っていないのに注意。insertCommandは実行中のコマンドの直後に追加をするので、afterで追加したコマンドがbeforeで追加したコマンドより先に動いています。

ちなみにDoTweenerに対してもともとのTweenerのパラメーター、onStartやonUpdateなども使える。

Progressionで細かいところですが一応メモ。縦横100%の全面Flashのコンテンツを作る際、小さいモニターで閲覧されることを想定してデザイン意図よりサイズが小さくになったらスクロールバーを表示するなどします。これ、うっとうしいですが実務となるとよく出てくる話。

この投稿の続きを読む »