Honda 社の環境企業広告「Honda Green Machine」がめちゃめちゃオモロいです。
全然クリアできない感じがしなくて、適度な難しさがとてもいい感じです。
前にタイピングゲーム作りましたが、この微妙な線引きがとても大変でした。
簡単すぎるとすぐ飽きられるし、逆に難しいとすぐもーやめーってなってしまう。。。
でもこれは、色んな形の罠みたいなのがあったり、キャラクター変えられたりして他のキャラクターじゃないと見れないヤツとかあって、良くできるなーっと思いましたです。
実は、「このコンテンツは頻繁に更新されます」って書いてあって、それが結構ウケた。こーゆーの地味にいい。
あと、少しずつ写真とコピーが出るのはステキですね。
ちょっとずつ洗脳していく感じ。
タイピングゲームの時も、コピーだけを問題にしていて、結構洗脳されたとうれしいお話を頂いた事もあり、この手のやり方は割と効果あるのじゃないでしょーか。
CATEGORY
POSTED
jam
第81回オスカーのノミネートリストが公開されとりますね。
ノミネートリストの Animated Short Film を全部 YouTube (2つはトレイラー)で見る事ができて、その中の Lavatory – Lovestory が素朴なのですが、とても素敵なフィルムでした。
他のノミネート作品が CG だったりするなかで、たった一つだけ線画のアニメーションで候補に挙がっています。
ありがちな退屈な日常の中に、ぽっと出た幸せが心温まる感じに仕上がっていて、良いですねーでした。
これフル CG だったら引いてたかも www
NTT docomo が Adobe AIR アプリへの対応を強化するっと本日から開催中の Adobe MAX 2009 で発表されたそうです。
これ、どーなるんですかね？
やっぱり総合的に見ると、iPhone ユーザーよりも docomo ユーザーの方が全然多い訳なので、AIRアプリ開発の競争率とかが上がってくるのでしょーかねー？？
docomo 側の狙いとしては、携帯-PC間をシームレスにするって話ですが、相対的に携帯サイトの需要も伸びてくる可能性もあるし、今までのは全然 Flash Lite のサポート悪かったけど、最新機種からは 3.0 もサポート対象になるからオモロい事できるようになるのかな〜
ど〜かな〜
そ〜かな〜
でも、携帯サイトめんどいな〜
最近、フォントデータ読み込んでごにょごにょする事が多いなって感じてきたので、フォントデータを含む外部ファイルをロードしてそっからフォントのデータを頂戴するってのこしらえました。
使ってみて下さいまし。
使い方は
import した後に
public var fontData:Font;
public function FontLoaderSample() {
init();
}
private function init():void {
var fl:FontLoader = new FontLoader();
fl.addEventListener( Event.COMPLETE, loadedFontData );
fl.loadFont( "font.swf", "linkageName" );
};
private function loadedFontData( e:Event ):void {
e.target.removeEventListener( Event.COMPLETE, loadedFontData );
fontData = e.target.data;
};
loadFont() の引数には、「外部ファイルのパス」と「リンケージ指定したクラスの名前」を指定して下さい。
Event.COMPLETE が呼ばれた後に、target.data でフォントデータが取得できます。
時間のあるときに、複数のフォントデータを一括で読み込めるのも作ってみようかと思います。
idea*idea のこのエントリー経由で見てたら、このMABONA ORIGAMIっという会社(？？)のスイス人のSipho Mabonaさんが作ってる折り紙の映像がすごいデス。
-
ASICS 社の広告映像
by MABONA ORIGAMI
-
Origami In the Pursuit of Perfection from MABONA ORIGAMI on Vimeo.
雑談です。
HTML で外部リンクを設置する時って、自分(このサイト)ではリンク先のサイトの名前を書いているのですが、
あとよく見るのは、「○○はこちら」みたいな画像のボタンを用意している場合。
それと、アドレスをそのまま表示している場合もありますね。
「http://www.brooklyn.jp/blog/*******.html」みたいなのですね。
自分は、普段から結構閲覧するものは決まってて(後はブクマとかDeliciousとかから)、URL 直打ちとかするので、3番目でも全然違和感無いのですが普通の人ってどうなんでしょー？？
パソコン起動して、ブラウザ立ち上げて、ポータルサイトの検索窓からキーワード入力して、色んなサイトのリストからお目当てのサイトを選んでる視点から見て、URL っていうアルファベットと記号と数字の羅列ってどんくらい見慣れたモノなの？？って疑問。
まぁ、最終的にリンク先に行ってくれれば全然問題ないんですけどねー
この手のベンチマークテストの結果とかって、何かで見た気がする。
本の名前が全然思い出せないけど。
昨日、初めて bouldering (ボルダリング。フリークライミングっていう方が有名ですね) をやってみたのですが、全身がどーしよーもない事になってます。
上半身全体から手首くらいまで全然言う事聞きません。。。
スニッカーズみたいな感じのお菓子の袋開けるのが大変なくらい使い物にならない状態です。ホント、笑えます。自転車のブレーキかけるのもしんどいくらいス。これは、正直焦ったけど。
いや、まぁでも、体使うっていいですね。ハマりそうな予感。
やるまでは、ブレイクダンスで鍛えてたからそこそこ行けるだろーって思ってたけど、ジャンルの全く違うスポーツには意味ないス。
そもそも、支えたりするのと、ぶら下がる＆よじ上るは筋肉の質が違うのかもしれない。ちょっと調べてみよう。
果たしてどのくらい鍛錬したら、Mission Impossible くらい自然と戯れられるようになるのだろうか。
とりあえず、レンタルのシューズはつま先が非常に痛いので、自分に合うのを来週までに調達しようと思います。
コマ送りの昔のアニメみたいな PV。
ちょっとかわいらしくて、和やかな雰囲気がすごく好きです。
-
by Yuval and Merav Nathan
-
家にテレビ無いので、ラジオが外の世界と選択権のあまり無い状態での唯一の接点です。
っで、大抵TOKYO FMを流しっぱなしなのですが、
9:00〜9:30の「ふんわりの時間」に今週は落語家の立川談春さんが出演されていました。
有名な落語家である立川談志さんのお弟子さんです。
やはり、お話が上手いですね。
「努力するだけじゃ、偉くはなれない」っとか、最初は「んっ！？」と思うけど、その裏に含まれる意味を知るとなるほどねー、そーかもねーって思える話が結構聞けました。
立川談春さんが、師匠である立川談志さんの言葉の中で、一番印象に残ってるのが「人を説得するのは親切しかない」だそうです。
これは、ただ単純に人にやさしくとかだけではなく、人に伝えたいことがあるときに、どう伝えたら相手をいい気持ちにして伝えることが出来るのだろうっと考える事でもあるそうです。
まさに、広告業の自分たちが日々頭フル回転させて悩んでる事と似とるなーって思いましたであります。
あと、ラジオの CM ってすごい面白いですね。
商品への先導の仕方がとても上手い。誰にでも想像出来そうな日々の生活の描写があり、そのメーカーのこの商品があるから、あなたのその生活が輝いているのですよってくらい言ってます。
素直にいいかもって思いました。
フランスの Peugeout 3008 の CM がすごい。
けっこうかわいい雰囲気で、全体的な出来がものすごいカッコいいです。
-
Peugeot 3008 | Motionographer
-
これは欲しくなる！
そー言えば、昔、Citroen も車がトランスフォーマーみたいに変形して、踊る CM があったけど、ヨーロッパってこうゆうのが多いのでしょうか。
日本じゃ見たことないかなーっと。
-
Krispy Kreme
-
クリスピークリームのイギリス版のサイト
真ん中にドーナツ置いてあって「Roll Over Me」ゆってる。
っで、オーバーしてみたら、人智の範囲内で想定していた動きの完全に右斜め上を行かれましたであります。
ドーナツひん曲がっちゃってます。
Krispy Kreme のドーナツは甘過ぎで固いイメージがあったのですが、イギリスのドーナツはやわらかいみたいです。
とてーも非現実的で刺激になりました。
どーも。
したい。
プログラム実装以外で。
LEGO とかいいっすね。10cmくらいまで顔近づけて作業とか久々にしたい！！
恵比寿の「Mr. Craft」でもいきますかなー。
昔の絶版とかが出来れば欲しい。
あの、カリブの海賊とか南海の勇者みたいなヤツ、何だったけかな？？
思い出せない。。。
恵比寿にない場合は秋葉原だろうか。
うーむー。
今、色々調べてたら LEGO の最近の広告がおかしい。
LEGO for Adults by DDB
いや、土日だけじゃ、これは作れんだろーってことで諦める。
こっちは制作サイド知らないのだけれど、どーなんだろか。
TV 見てないで LEGO で遊べっ！って言ってるけど、これは考え過ぎじゃなかろーか。
Kids shouldn’t watch too much TV – 01
Kids shouldn’t watch too much TV – 02
Kids shouldn’t watch too much TV – 03
っていうか、軽く買う気失せました。
これは、うまい！
最初は往年のコントとか、モジモジ君を思い出したけど、1:30を超えたあたりから意味がわかりました。
ユーモアがあって、分かりやすいっていうかなりレベルの高いPVでした。
-
by Clemens Habicht
-
Friendly Fires ‘Skeleton Boy’ by Clemens Habicht from Nexus Productions on Vimeo.
会社で使っていたMACがあふぉーになって、OSの再インストールしました。
おかげで、アプリ全部インストールし直し&コンピューターの設定し直しです。
メールも現在100件くらい、社会人じゃないみたい。
っと、subversionの設定方法を忘れてたのでメモ。
まず、groundwalker.com のこのエントリーから下記の2つをダウンロード&インストール
-
Martin Ott – Subversion Package
La Chose – svnX
-
Martin Ott の subversion は「/usr/local/bin」にインストールされるので、ターミナルでパスの書き換えとか面倒な作業はありませぬ。
その後、svnX を起動して、「Repositories」の「+」でどんどん追加していけばウハウハライフです。
Google Code とか Papervision3D とか更新の激しいヤツは登録しておけば、窓際で明後日の方向を見ることも少なくなると思います。
ちなみに隣の席の敏腕、ニッシーが Papervision3D は svnX を推奨してるみたいスよって言ってた。
TextField() を子オブジェクトとして持っている Sprite() に MouseEvent を設定すると色々おかしな現象が現れたので、メモ。
TextField() に埋め込みのフォントをして、それをボタン代わりに使う予定だったのですが、意図したように動きませんでした。
まず、マウスが指カーソルになってくれない。
これは、子オブジェクトである TextField() の mouseEnabled = false; にすると変化する。
なんでか不明。。。
しかも、TextField() の selectable を true だとカーソルが選択モードになっちゃいます。
あと、この状態で Sprite() に MouseEvent を登録すると、event.target で TextField() 取得します。
これはイベントの伝播のお話になるので、ActionScript 本読む方が僕のつたない説明より良いと思うので割愛します。。。
なので、イベント自体を切るか、event.currentTarget で取得します。
// Font データを読み込んだ後の処理
private function afterLoadedFont():void {
var sp:Sprite = new Sprite();
addChild( sp );
var format:TextFormat = new TextFormat( font.fontName, 16, 0x000000 );
var field:TextField = new TextField();
field.defaultTextFormat = format;
field.embedFonts = true;
field.autoSize = "left";
field.selectable = false; // ← 選択モードにしない。
field.mouseEnabled = false; // ← これが重要ス。
sp.addChild( field );
sp.buttonMode = true;
sp.addEventListener( MouseEvent.CLICK, onClickHandler );
};
private function onClickHandler( e:MouseEvent ):void {
trace("target : " + e.target + " | current : " + e.currentTarget);
};
きっと、まだまだ自分の浅知恵では全く知らなんだー、な裏技みたいなのがわんさかあるのでしょう。
精進、精進。
スペインのマドリッド在住のストリートアーティストさん。
Banksy とかみたいな感じで風刺がかったり、街をキャンバスとして使っていて、かなりおもろいです。
夏のバーベキューの買い出し以来。
鍋パーティー用の魚介を仕入れに、久々の築地です。
携帯で撮った写真じゃ分かりづらいですが、やっぱり結構人が居ました。
いつでもお祭りの出店がいっぱいある感じの通りづらさが、下町育ちの自分には心地良かったりします。
午後2時くらいからお店が閉まり始めるので、1時半くらいから各お店で叩き売りが始まります。
なので、それに合わせていくと、スーパーより安い食材がさらに安く仕入れたり出来きるので、オススメです。
お肉もかなり安く売ってるので、毎日、日替わりで色んな鍋すれば良いと思います。
ちょうど自分の前にお会計していた若者3人組が、2,000円のお買い上げで1万円札を出した時、
チャキチャキのお兄ちゃんが「おっ、あと8千円分何か買うかい？？」って言ってました。
コンビニやスーパーじゃあこういうコミュニケーションは見られません。
さすが下町、サイコー！
Nokia の新しいスマートフォン E71 用のアートフィルム。
不思議な世界観で、とてもキレイ
by W+K, Hi-Res! and Maxim Zhestkov
Nokia E71 launch / 6 Billion People, 6 Billion Colours from Universal Everything on Vimeo.
オバマ氏の就任式まで、あと一週間きりました。
第16代米大統領エイブラハム・リンカーンと同じイリノイ州選出でリンカーン生誕200周年っということで、リンカーンを意識した就任式にするそうで。
リンカーンが使った聖書と同じ物つかうとか、フィラデルフィアから列車に乗ってワシントン行くとか。
そして、就任時の演説が楽しみです。
リンカーンの「人民の人民による人民のための政治」レベルの名言は生まれるのでしょうか。
今の大統領のスマイリーさんはね、アレだったから、うん。
世界の名言の仲間入りになるかな、どうかな。
DisplacementMapFilter() を使用した時のゆらゆらしたときの余白の処理をどーするかっというもの。
定数で設定されているモードは４つ
01. CLAMP – 元のエッジを固定するので、縁の部分からゆらゆらしてる部分までを引き延ばして表示する
02. COLOR – DisplacementMapFilter に設定してある color の値で塗る (alpha を 0 にしておくとゆらゆらしてる部分だけ表示される。下記参照)
03. IGNORE – ゆらゆらの下に元の画像が表示されたまま
04. WRAP – 余白を繰り返し処理でうめる。 Photoshop の Pattern Overlay みたいな感じかと
COLOR MODE を使うとき
(↓ は何処に何を指定するかの一例なので、そのままじゃ何も表示されませぬ。)
var bmd:BitmapData = new BitmapData( SAMPLE.width, SAMPLE.height) var mappoint:Point = new Point( 0, 0 ); var cx:Number = 0; var cy:Number = 0; var sx:Number = 0; var sy:Number = 0; var filterMode:String = DisplacementMapFilterMode.COLOR; var _col:Number = 0x000000; var _alp:Number = 0.0; bmd.perlinNoise(); // perlinNoise() を適用させる var dpmFilter:DisplacementMapFilter = new DisplacementMapFilter( bmd, mappoint, cx, cy, sx, sy, filterMode, _col, _alp ); TARGET.filters = [dpmFilter];
ちゃんと落ち着いたら、サンプル作ろうと思いますので、今は殴り書きでスイマセン。
HTML&CSSの小話。
よく IE6 であれが出来ない、これが出来ない。
っとかが多いときに、「****.htc」ファイル使うと解決する時があるのですが、
これの格納場所が微妙に分からなかったので、メモ。
(csshover.htc とか iepngfix.htc とか、他にもいっぱいあるらしい)
普通CSSは、CSSの格納場所からの相対パスになるのだけれども、
htc ファイルを使用するときの behavior:url(); は表示されるHTMLファイルからの相対パスになるようです。
だから、
絶対パスで書けばいいんじゃないかって話っ！！
こーゆー感じ ↓
* html { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
注 : 「* html」は IE6 だけに適用させる CSS HACK なので、書かなくても大丈夫です。
–
追記 : 09.01.10 – 13:51
今、これじゃ意味ないことに気付いた。
ほんとはこーしないとダメです ↓
* html body { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
/* or you can apply to specific CLASS and ID */
* html .classs_sample { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
* html #id_sample { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
あくまで予報ですが、明日は東京で積雪とのことです。
自転車どーしよーかなー。。。
朝乗って来て降ったら歩いて帰らねばだし。
ま、いいや。明日の事は明日考えよう、うん。
睡眠取らずで、そろそろ43時間くらい経過してる。
体がいろいろおかしいゾー
眠いゾー
もはや、眠いのが default みたいになってて、よく分かんなくなってきたゾー
AS3 での Flashvars の簡単な使い方。
<HTML>
<script type="text/javascript">
//<![CDATA[
var so = new SWFObject("sample.swf", "sample", "550", "400", "9.0.45.0", "#FFFFFF");
so.addParam("quality", "high");
so.addParam("loop", "false");
so.addParam("menu", "false");
so.addParam("scale", "noscale");
so.addVariable("variable", "7:09"); // 受け渡したいデータ
so.write("FlashContent");
//]]>
</script>
<ActionScript>
public class FlashVarsSample extends Sprite {
private var minute:Number;
private var hour:Number;
private var vars:String;
public function FlashVarsSample():void {
var flashvars:Object = root.loaderInfo.parameters;
vars = flashvars['variable']; // so.addVariable("variable", "7:09"); の第一引数と同じ名前
var values:Array = vars.split(":");
hour = Number(values[0]);
minute = Number(values[1]);
var tf:TextField = new TextField();
addChild( tf );
tf.text = "CURRENT TIME | " + hour + " : " + minute;
};
};
var flashvars:Object = DOCUMENT_CLASS.root.loaderInfo.parameters;
で取得できるということらしいですよっ！
いっぱいある場合も
so.addVariable(”variable1″, “7:05″);
so.addVariable(”variable2″, “うがー”);
so.addVariable(”variable3″, “ごにょごにょ”);
vars1 = flashvars:Object['variable1'];
vars2 = flashvars:Object['variable2'];
vars3 = flashvars:Object['variable3'];
とかで増やしていけば大丈夫
自分の環境は Flash CS3 で全部やっているので、
Flex などで使われる mxml に記述するとか、[Embed()] するとか出来ない(っぽい)のであります。
なので、Kayac さんで紹介されてるこちらがバッチリでした！
一応、今回試したソース ↓
// Document Class of main.fla
package {
import flash.display.Loader;
import flash.display.DisplayObject;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLRequest;
import flash.system.LoaderContext;
import flash.system.ApplicationDomain;
import flash.text.Font;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
import flash.utils.getDefinitionByName;
public class EmbedTest extends Sprite {
/*======================================================================*//**
* Properties
*/
public static var _tf:TextField; // ほかのクラスで使う場合があるので static にしてます
private var path:String = "xml/data.xml";
/*======================================================================*//**
* Constructor
*/
public function EmbedTest():void {
init();
};
/*======================================================================*//**
* Functions
*/
public function init():void {
var req:URLRequest = new URLRequest( "font.swf" );
var loader:Loader = new Loader();
var context:LoaderContext = new LoaderContext();
context.applicationDomain = ApplicationDomain.currentDomain;
loader.contentLoaderInfo.addEventListener( Event.COMPLETE, onLoadComplete );
loader.load( req, context );
};
public function onLoadComplete( e:Event ):void {
// 埋め込みフォントの設定
var EMBFont:Class = ApplicationDomain.currentDomain.getDefinition( "EMBFont" ) as Class;
Font.registerFont( EMBFont ); // この時点でライブラリに置いてあるの同じ状態になる
var ft:Font = new EMBFont();
// TextField の設定
_tf = addChild( new TextField () as DisplayObject ) as TextField;
_tf.defaultTextFormat = new TextFormat( ft.fontName, 32 );
_tf.embedFonts = true;
_tf.multiline = false;
_tf.textColor = 0x121212;
_tf.wordWrap = false;
_tf.autoSize = "left";
// 表示用の処理
_tf.text = "Embed Font Test " + "だぴょん";
};
};
};
Kayac さんのところでも紹介されていますが、
var EMBFont:Class = ApplicationDomain.currentDomain.getDefinition( "EMBFont" ) as Class;
この( “EMBFont” )は
var req:URLRequest = new URLRequest( "font.swf" );
の font.swf 内の新規 Font で登録してある名前と同じにしないとダメ。
じゃなくて、リンケージした Class の名前と一緒ね。間違えマスター。
_tf.text = "Embed Font Test " + "だぴょん";
これは、英語しか含まれていない Font を埋め込むと、後ろの悪ふざけは表示されません。
今、広角レンズしか持っていないので、それ以外の欲しくて悩み中。
室内とかで、ズームすると若干天井の方が歪んでたりして困る時があるのです。。。
候補 01 :
Ai AF Nikkor 50mm F1.4D
価格.com にて最安値 ¥26,000-
使ってるのが NIKON のカメラなので、やっぱり純正の NIKKOR が良いんだろうか。
候補 02 :
SIGMA 30mm F1.4 EX DC HSM
価格.com にて最安値 ¥37,600-
色々ネットを見て回ったら、結構良いらしい。
候補 03 :
Carl Zaiss Planar T* 1.4/50ZF D200
価格.com にて最安値 ¥47,400-
言わずと知れたドイツのカールツァイス。これはもー単純に欲しいだけ。
どれも驚くほどの劇的な価格の差が無いのが余計に困ったものです。
あとは、実物見に行くしかないですね。
メモを書く時の字をキレイにするに次ぐ、第二弾で PhotoGallery こしらえました。
あんまり細かい部分考えてなくて、サササッとつくったので、そんな良い動きしてないッスね、うん。
とりあえず、あーそんなことしてたわ！ってのが分かればよかったので、NO INTERFACE で画像垂れ流しデス。
そのうち、色々付け加えていけたら(いいなっ)と思っちょります。
メートルの乗を実世界にするとどーなるかってビデオ。
-
Powers of Ten
-
そーいえば、Nikon の Universcale ってサイトもこの題材だったですねー
あと、個人的に JSTバーチャル科学館のコンテンツとか大好きです。
子供の頃のモヤモヤしたあの感じが戻ってくるので。
JUN NAKAJIMA
Tokyo, Japan.
member of Onawatobi.
contact@brooklyn.jp
COMMENT
0 Comment