GRAM | Build Inter-Communication through Designing

って事で、先週の日曜にこれまたbluestone主催のハロウィーンパーティーにお邪魔しました。

コスプレがどーにも好きになれないので、今年は着ぐるみに決定。
やっぱりバーでのパーティーですので、お酒がらみがいいなーっと思い、
「とっくり一合」着て行きました。

こんな感じで。

ちなみに、ヤッターマンも自分です。
こちらは要望がありましたので。。。

ウェブカムと同期して、自動で3D処理してくれるらしいス。

ちょっと、勝手に出て来てるでありますよ。。。。

-
source : WIRED VISION
-

Alcool Garment の2008年秋コレが公開されました。
Collectionページの「2008 Fall」ってのです。

今コレクションのテーマは「BBQ」ということで、
秋コレなので、ジャケット・ロングスリーブ・スウェット・パーカーがたくさんですよ。

まだ冬物商戦に乗りきれず、寒い季節と共に戦う相棒を買ってない方は是非！！
でも、このサイトで通販はやってませんので、悪しからず。。。

-
alcool garment
-

電車に乗ってる時に電話が掛かってきてしまったので、
とりあえず出て、電車なので掛け直しますって言おうと思ったら、
「電話なんで、後で掛け直します」って言ってしまった。

でも、普通に通じた。
まるで何事もなく、決め台詞を聞いたかのように相手は、
「はいー」って。。。

一人じゃなかったので、連れの友人に
「俺、今、電話なんでって言っちゃったよね？？」って聞いたら、
「あ、俺も今そう思った。」って。

相手からすると、
周りの電車内と思われる雑音、俺の申し訳なさそうな小さな声、そして、語尾の「掛け直します」っと言う言葉。
この3つの条件と今まで培ってきた経験からはじき出された予測は「電車なんで」だったのだろう。

経験や習慣というヤツは、時に明らかな間違いをも覆い隠すほどの影響力があるものなのか。
恐ろしや〜

まー、ただ間違えただけですけど。

Emil Ruder 著「Typographie」の Function and Form セクションの一例を
このサイトの名前で置き換えてみると、どうなるか実験。

横書きは左からじゃないと全然読めないことを再確認。
真ん中の一番下のが右からなのだけど「マーグ」って読んでしまう。。。
これはもうその言語の文化的な問題なので、右から読める訳ないのだけれども。

でも、ちょっとビックリしたのは、右側の上から２番目。
以外に読める。
日本人だからかもしれないけど、思っていたほど違和感を感じない。
真ん中の上から２番目は、普通に Rotate しただけなので、
割とよく見る感じかなと思う。

こういう勉強をしてみると日本語っていう言語の凄さを実感します。
縦組、横組が両方とも出来てしまう言語はそう多くないと思う。

横組の場合も、左からも右からも読める。
今は基本的には左だけれども、運送会社とかのトラックなどは右から読むものだし。
昭和の始めくらいに欧文がたった26字のアルファベットで言語を成しているのに
影響を受けて、左読みになったとか。
何かの本で読んだだけなので、ホントのトコはどうかわかりませんが。。。

アルファベットも昔と比べたら、すごい頻繁に使われていると思う。
男手として、漢字が使われ始め、女手としてひらがなが生まれ、
漢字を読み解くためにカタカナが生まれた。
活字印刷術と共にアルファベットが普及し、外来語と言う名の日本語になった。

こんないっぱいあるのか。。。
言語を視覚化し、広く伝達する職に携わる者として、
和文と欧文、どちらの組み方も学ばないとなぁと思い知りました。

クラス間でのイベントのやり取りをするとき、
AS2.0だと BroadcasterMX を使ってましたけど、
ざらっと見た感じ、AS3.0だとそれ、無さそう。。。

そもそも名前が ****MX だもんね、
そりゃーないよね。。。

っで、AS3.0だと dispatchEvent が一番わかりやすそうで、
しっくり来そうな感じデス。

あと、Document Class を Singleton で作るってのも暇があれば試してみたい。

-
ドキュメントクラスをSingletonとして扱う : blog.nium.jp
ステージの参照とシングルトン : SCRATCHBRAIN.BLOG
-

とりあえず dispatchEvent の簡単な使い方を。
（以下は今回のTOP変更で使ったものの抜粋です）

Index.as

package {
	import DisplacementEffect;

	public class Index {

		private var main:MovieClip;
		private var effect:DisplacementEffect;

		public function Index(main:MovieClip):void {
			this.main = main;
			effect = new DisplacementEffect();

			init();
		};

		private function init():void {
			effect.start();
			effect.addEventListener(DisplacementEffect.EFFECT, onReturnHandler);
		};

		private function onReturnHandler(e:Event):void {
			trace("Effect しゅーりょー");
		};

	};
};

DisplacementEffect.as

package {
	public class DisplacementEffect extends Sprite {

		public static const EFFECT:String = "****"; // ****は何でもOK

		public function DisplacementEffect():void {
			init();
		};

		private function init():void {
			// ここで Effect の初期化
		};

		public function start():void {
			// ここで Effect の動き
		};

		// 動きが終わったら呼ばれる function
		private function stop():void {
			dispatchEvent( new Event( EFFECT ) );
		};

	};
};

とすると、DisplacementEffect.as の stop() が呼ばれたすぐあとに、
trace(”Effect しゅーりょー”); が呼ばれます。

注意事項は、クラス間で EFFECT と名前付けたイベント名は全部共通にすること。
それと、このイベント名は任意だけど、頭文字は大文字じゃないとダメ。

ちゃんとコードまとめたら公開しよう。。。。

してみました。

って言っても、見た目はなーんも変わってないです。

どーせ、コンテンツもこの BLOG しかないんで、
勝手に飛んでしまえば良いではないか、って
ユーザビリティのかけらも無い思想でやりました。

ただ、最近DisplacementMapFilterをずっといじってたので、
やりたくなっただけです。

お試しあれ。

-
GRAM | グラム
-

ゲーム好きな人の健康とよりよいゲームライフ（←？？？）のためのサプリメント。
らしいですよ。

TV画面を長く見る人のためのブルーベーリーとか、
完全に当てつけな気がしないでもないのは俺だけ？？

そもそも、サプリみたいな錠剤飲むのと野菜ジュースを飲むのを比べた時、
毎日続けた方がいいのは、後者な気がする。

ゆっても、サプリって濃縮還元の還元抜きみたいなモンだと勝手に思ってるから、
どーもその成分が本当に入ってるのかどーか怪しいのでありマス。
いや、裏に成分表も記載されてるし、それ言い出したら野菜ジュースも同じだけどね。

ちなみに、秋葉原だと、ニンテンドーDS のとこの
「脳を鍛えるゲーム」シリーズのコーナーの横に置いてあるそうです。
空気読み過ぎ。。。

-
ゲームサプリ
-

お、映像関係のポータルサイト「MOTIONOGRAPHER」がリニューアルしてる。

しかも、色々コンテンツ増えてる(気がする。)
今まで気付かなかっただけかも知れんけど。。。

早く自分トコのTOP作らねば。
こーゆーの見ると毎度焦らさせる。

が居た。

これを手だけで書くとは。。。

想像しただけで、もーお腹いっぱいです。

-
Richard Sarson
-

今年から名前変わったんですね。
TOKYOが付いただけだけど。。。

ってことは、どっか他の都市でもやるのかな？？
あ、今年から神宮じゃなくて、東京ミッドタウンに変わってる。

とりあえず、毎年おもろいモノ見れるので、
今年も楽しみです。

-
from OPENERS
-

あと、来月はHIGH 5に。
こちらもかなり好きな方々のお話が聞けるので、
ドキドキです。

-
HIGH 5 2
-

昨日、anythingmusicの福山邸で開かれたお好み焼きパーティーにお邪魔させて頂きました。

魚介に肉入りっと、とても豪華なお好み焼きでした。

お好み焼きだけじゃなくて、たこ焼き機とかもあって、焼きそば作ったりとかで
やりたい放題、食い放題でした。

一通り食べて、落ち着いたらみんなでyoutubeでアフォーな動画を鑑賞。
世の中にはまだ出てきていない天才がいっぱい居ることを再確認。

っで、最後は恒例となったwii対決。
マリオカートおもろいです。
毎回このパーティー行くと、欲しくなる。
テレビ持ってないけど。

なにはともあれ、久々にとても楽しい夜を過ごせました。
泰史くん、ありがとうございました！！

これ、いい。
こーゆーの待ってた。

どこで売ってんのかしら？？
日本にshippingとか大丈夫かな？？

googleやらyahooやらexciteやらlivedoorやら、
名だたるポータルサイトが翻訳エンジンを開発してるけど、
こんなに使い物にならないのに使いたくなる翻訳サイト初めて見ました。

R2D2語翻訳

ちなみに、翻訳されたヤツ。
mp3ファイルでダウンロード可能です。
ちょっとした挨拶とかを暗記して、友達と共有したら良いと思います。

この世で最高に使われているTypefaceのひとつで、
デザイナーに最も使われてるFontランキングで常に上位の
「Helvetica」のドキュメンタリーDVDがよーやく日本でも手に入るようです。

-
amazon.jp
映画のclips&trailer
-

そういえば、コレ、New Yorkの道の名前の標識のベースにもなってるそうで。

マックス・ミーディンガーとアドリアン・フルティガーとヘルマン・ツァップは
ホントに天才だと思う。

時に使うヤツ。
これもよく忘れるからメモ。

まず下ごしらえ。

var sWidth:Number = stage.stageWidth;
var sHeight:Numer = stage.stageHeight;
var w:Number = MovieClip.width;	// ターゲットの幅
var h:Number = MovieClip.height;	// ターゲットの高さ
var index:Number;

var xlimit:Number = Math.ceil(sWidth / w);
var ylimit:Number = Math.ceil(sHeight / h);
var limit:Number = xlimit * ylimit;

左上から横に並べる場合：

for(var i:int=0; i<limit; i++) {
	var xPos:Number = w * (i % xlimit);
	var yPos:Number = h * int(i / xlimit);

	var mc:MovieClip = new MovieClip();
	mc.x = xPos;
	mc.y = yPos;
	addChild(mc);
}

左上から縦に並べる場合：

for(var i:int=0; i<limit; i++) {
	var xPos:Number = w * int(i / ylimit);
	var yPos:Number = h * (i % ylimit);

	var mc:MovieClip = new MovieClip();
	mc.x = xPos;
	mc.y = yPos;
	addChild(mc);
}

右上から縦に並べる場合：

for(var i:int=0; i<limit; i++) {
	var xPos:Number = (sWidth - w) - (w * int(i / ylimit));
	var yPos:Number = h * (i % ylimit);

	var mc:MovieClip = new MovieClip();
	mc.x = xPos;
	mc.y = yPos;
	addChild(mc);
}

右上から横に並べる場合は、上のコード入れ替えれば出来るはず。

サムネイル配置する時とかに一個一個にちょこっとmarginが欲しい場合は、
var w:Numberとvar h:Numberにそのちょこっとを足せばOK。(←未確認)

ちなみに、これ↑はステージ幅いっぱい使う場合です。
指定範囲がある場合は、
var sWidth:Numberとvar sHeight:Numberを変更すれば大丈夫。

発表されとりますね。

-
Apple Inc.
-

かなりスペック上がってる感じ。
全体的に一回りくらい。
もう、仕事用でも普通のMac Bookでいいんじゃないか？ってくらい。

タッチパッドが主流になって、ボタンの部分が消えてるのがちょっとしんどい。
ラップトップのタッチパッドの下のボタンが実は好きなんですよ。。。

apple社がプレゼン上手いなーって思うのが一部で報道されてたsteve jobsの健康問題で、
今回のプレゼンの最初の方に、自分の血圧を発表したとこ。

こーゆーのは上手いアメリカ人のプレゼンだな〜って思う。

いませんか？？

今、ふと思いついたんですが、
寒くなる前に僕と一緒に日本の頂点目指しませんか？

お願いします。

いや、本気ですよ。

さすがeBay。

何でも売れる。

でも、国を所持した場合って、
固定資産税とかになるのかな？？

どーかな？

そーかな？

とりあえず、子供の頃に「国王になりたい！」って夢を未だに忘れられず、
大人の階段登れない方はこちら↓

ソース : 金融危機のアイスランド、ネット競売に「出品」

AS3でタイムライン上でプリローダー作ると、
一番最初は動くのに、リロードとかすると止まる件。

どーやら、IE6(もしくはIE7も)だけおかしいらしい。
SafariとFirefoxは何度やってもちゃーんと動作をしてらっしゃいます。。。

FLASHサイトでブラウザ別の挙動が違うのは滅多に無く、3時間くらい悶々したのでメモ。

っで最終的に行き着いたのが外部ASファイルでどーにかするってコレ↓

package {

	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.events.ProgressEvent;
	import flash.text.TextField;

	public class PreLoader extends MovieClip {

		public function PreLoader() {

				// ローディングバーの長さを０にしておく
				loadBar.scaleX = 0;
				addEventListener(Event.ENTER_FRAME, LoadProgress);

		};

		private function LoadProgress(e:Event):void {

				var loaded:Number = stage.loaderInfo.bytesLoaded;
				var total:Number = stage.loaderInfo.bytesTotal;
				var percent:Number = Math.floor(loaded / total * 100);

				this.updateLoadingText(percent);

				if(loaded >= total) {
					removeEventListener(Event.ENTER_FRAME, onProgress);
					// コンテンツが開始されるフレームを指定
					MovieClip(stage.getChildAt(0)).gotoAndStop(2);
				}

		};

		private function updateLoadingText(percent:Number):void {

				// ローディングバーの進み具合
				loadBar.scaleX = percent / 100;
				// ローディングのテキストボックスにStringにキャストしたパーセントを表示
				loadTxt.text = String(percent);

		};

	};

};

ローディングバーとテキストボックスを内包するMovieClipのリンケージの
クラスに指定して、1フレームに置いておけば使えますよ。

ソースはこちら
PreLoader.as

こりゃ、アイドルになっちゃうわ。
宇都宮の飲み屋にいるらしいです。

ソース : WIRED VISION

最初は仕事で知り合ったのですが、
今は、個人的にお付き合いをさせて頂いてるラッパーの大神:OHGAさんが
“Soul City presents – No Pain No Gain -”っという表参道のFABで行われるイベントで
ライブするそうです。

Jazzバンドのライブから1DJ&1MCのショーケース。
おまけにシンガー、ダンサーなどなども来ちゃうイベントだそうですよ！
11月の最初の連休始めの土曜日なのでお暇な方は是非！
自分はもちろん行く予定なので、一緒に行ってくれる人募集です。

っで、出演者のリストみてたら、
ダンサーの「4real」って知り合いだってに気付いた(笑)

世の中の狭さを思い知りました。。。

-
Event Name: Soul City presents – No Pain No Gain -
Date: 2008/11/01 (Sat.)
Place: 表参道FAB (http://www.fab-web.net/)
Open: 16:00〜
Price: 当日: 3,500yen 前売: 3,000yen
-

名前を英語で入力するとカタカナで表示してくれる
すっごいサイト。

しかも表示のフォントスタイルを７種類選べる贅沢機能付きで、
おまけに発音の仕方まで教えてくれるっていう優れもの。

ものすっごいよく出来てるのに
アフォーっぽくていい。

楽しい。
久々にツボにはまった。

-
http://www.japanesetranslator.co.uk/your-name-in-japanese/
-

先月公開した「bluestone」のときに、指定範囲の数字の中から重複しないようにランダムで、しかも自動でindex値を取得し続けんのはどーすんの？？

ってので考えたスクリプト。
超文系脳みそで作られた粗品。
晒しますので、だれか改良して下さい。
ちなみにこれはAS2.0ですが、スクリプト見た感じAS3.0でも使える。

はず。

/**
 * 指定範囲内(0〜length)から重複しないランダムのindex値を取得する
 *
 * @param	index		Number		現在のindex
 * @param	range		Number		指定範囲のlength
 * @return	val		Number		ランダムで取得したindex
 */
public static function getRandomIndex(index:Number, range:Number):Number {

	var arr:Array = [];
	for(var i:Number=0; i<range; i++) {
		var n:Number = i;
		arr.push(n);
	}
	arr.splice(index, 1);

	var num:Number = Math.floor(Math.random() * arr.length);
	var val:Number = arr[num];

	return val;

};

使い方はこんな感じ

import jp.brooklyn.util.MathUtils;

var index:Number;
var photoList:Array = [];	// 写真のURLを格納する
var prevMovieClip:MovieClip;
var nextMovieClip:MovieClip;

function init():Void {

	index = 0;
	this.loadPhotoImage();

}

function loadPhotoImage():Void {

	var limit:Number = photoList.length
	index = MathUtils.getRandomIndex(index, limit);
	var path:String = photoList[index];

	// 中略 : それからロードの処理を書く

}

で「bluestone」の背景処理してます。

ソースはこちら
MathUtils.as
使うときは、適当にクラスパスとかの名前変えちゃって下さい。

まじめにAS3に取り組み始めました。
っで、案の定つまずきまくりです。

参照とかが、AS2の時のとちょっと違うみたい。

var container:Sprite = new Sprite();
var imgLoader:Loader = new Loader();

imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onCompleteLoad);
imgLoader.load(new URLRequest("imgs/img01.jpg"));

function onCompleteLoad(event:Event):void {
	var loadedImage:Bitmap = Bitmap(imgLoader.content);
	var bmp:BitmapData = new BitmapData(loadedImage.width, loadedImage.height, false, 0xFFFFFFFF);
	bmp.draw(loadedImage, new Matrix());

	var image:Bitmap = new Bitmap(bmp);

	container.addChild(image);

	this.checkChildStatement(image);
}

ここまでは見た感じ普通。
っで、その後に

function checkChildStatement(image:Bitmap):void {
	trace("image = " + image);	// trace : image = [object Bitmap]
	trace("image = " + image.name);	// trace : image = instance5
}

なに、instance5って！？
AS2だと、一個目のtraceは「_level0.container.****」っとかになるはず。
どゆこと？？

どーやら、var image:Bitmapの時に名前を付ける事が必要らしい。

var image:Bitmap = new Bitmap(bmp);
image.name = "image_bmp";

そーすると

function checkChildStatement(image:Bitmap):void {
	trace("image = " + image);	// trace : image = [object Bitmap]
	trace("image = " + image.name);	// trace : image = image_bmp
	var temp:DisplayObject = container.getChildByName("image_bmp");
	// もしくは var temp:DisplayObject = container.getChildAt(0)でも大丈夫
	trace("image = " + temp.name);	// trace : image = image_bmp
}

あとは、tempに対して何らかの処理をすれば良いとな。

これは、絶対忘れそうなので慣れるまでメモ。

ちなみに、tempの型指定が今回は”DisplayObject”なんだけど、
ObjectやSprite、もしくはBitmapだとCompiler Errorsでダメ出しされた。
なんで？？
誰かおせーて、エロイ人。

ちょうど一ヶ月ほど前に、前職のころからお世話になっている
南青山のバー「bluestone」のウェブサイトを仕事外の空いてる時間使って制作しました。
最近このブログ作ったもんだから、やっと言えた。

久々に一人でデザイン・プログラム・写真撮影・サーバ関係などなどをこなしたヤツです。

お店のホームページなのにもかかわらず、
店長宮嶋氏の個人ブログ化してる「お知らせ」ページは必見です。
お酒の小ネタが満載なので、ここで知識増やして、口説く時に使えば良いと思います。

お客様増やそうキャンペーン中ですので、是非とも足を運んであげて下さい。
このブログ見て来ました！って言うと、何かしてくれるらしいです。

多分。

-
http://www.bar-bluestone.com
-

とりあえず、よく忘れるtrace()の使い方をメモ。
(注：AS2.0です)

MovieClipの中に何が含まれてるか調べる：

for(var prop in MOVIECLIP){
	trace(prop + " : " + MOVIECLIP[prop]);
}

Objectの中に何が含まれてるか調べる：

import mx.data.binding.ObjectDumper;

trace(ObjectDumper.toString(OBJECT, true, true));

しました。
brooklyn.jpアドレス。

かれこれ１年半くらい放置プレーでcyber worldから姿を消してましたが、
やっと復活です。

これからは、ここでやっていきます。

よろしくどーぞ。