トップ >> 2006/06

アディダス The One Show SLVER Webサイト部門受賞

■■Bookmark■flash■■ヤンプー

adidas Y-3

世界3大広告賞のひとつ、The One Showの今年の、
SILVER Webサイト部門を受賞したサイトです。
ちょっと処理重いです。
ほかにはない斬新で記憶に残るサイトだと思います。

ちなみに博報堂のこのサイトはThe One ShowでBRONZE Webサイト部門受賞だったようです。

IKEA、新鮮なアプローチ方法でClio受賞

■■Bookmark■flash■■ヤンプー

IKEA DREAM KITCHENS FOR EVERYONE

世界3大広告賞のひとつ、Clio Awardsの今年の
・GOLDインターネットArtistic Technique部門
・GILVERインターネットConsumer-Targeted Site部門
・GILVERインターネットFresh Approach部門
に受賞したサイトです。

BtoC向けサイトで、アーティスティックなテクニックがあって、新鮮なアプローチ方法だったっていう評価のようですね。
前回紹介したサイトのシリーズモノですね。
読み込みはこっちのほうが軽いようです。


ブランディング構築の評価でClio受賞

■■Bookmark■flash■■ヤンプー

Big Ideas come out of Big Pencils

世界3大広告賞のひとつ、Clio Awardsの今年の
・GOLDインターネットBrandBuilding部門
・BRONZEインターネットFresh Approach部門
に受賞したサイトです。

カナダのCM制作会社かなにかですね。
ういてるものをクリックすると詳細表示になってズーム、
関係ないところをクリックするとズームアウトします。


最終的にいろいろなCMがみれます。

難しいことはしてませんが、
オリジナリティーがあって、
操作もしやすくバランスがいいサイトですね。

3次元インターフェイス

■■Bookmark■flash■■ヤンプー

YOMIKO

アルパークでチラシ・CM担当だったYOMIKO(読売広告社)さん。
素材提供で関わりがあり、サイトを見てみました。

シンプルですが、なかなか作れないコンテンツですね。
沢山のオブジェクトを3次元処理しています。
僕が作る場合オブジェクトの回転できる軸は1つなのですが、
これはオブジェクトの上面が狭くなったり広くなったりしているので、「面」単位でポリゴンっぽい処理をしているのかもしれません…。床に反射しているし。
負荷をかけずに動いているので、処理軽減も上手に作ってあるのだと思います。
制作はバスキュールです。

印影のある植物インタラクティブ

■■Bookmark■flash■■ヤンプー

Semillero

木が育っていくコンテンツです。
表現についてですが、このサイト、
プログラムでフラクタル処理をするのではなく、
べたタッチのパスモーフィングでもなく、
印影のあるアニメーションを再生したり戻したりしてインタラクティブ化しています。
かといって、
輪郭のぐらつきが見えるので、
3Dアニメーション素材とフラッシュコーディングを切り分けているのではなく
輪郭はフラッシュ内でパスモーフィングして作っているようです。
輪郭に印影があるのでどうやってるのかなーと思ったのですが、
輪郭マスクの裏で輪郭と同じ形のラインを置いてぼかしているのかなーと推測できました。
たぶん...。
Flash8はまだほぼいじってないので、早く始めないとなーと思います。

ブログ情報集計 + 視覚化

■■Bookmark■javascript■■ヤンプー

We Fell Fine

*遅いPCだと結構負荷がかかるサイトかもしれません。
海外のサイトです。
たぶんJavaでできてます。たぶん…。
集計されたブログの記事のデータをカラフルな点にして漂わせています。

点一つ一つのおもな処理…

・ひとつの方向に進む
・点同士もはじく
・端に来ると跳ね返り方向が変わる
・マウスとある程度近い距離になるとフィット

何もないところをマウスクリックするとマウスに近づけないエリアができる


感情・性別・年齢・天気・時期などの絞込みもできます。




集計の表示方法によっては、グラフの形・人の形・マップ座標など、点は集まり方を変えます。

点自体をクリックすると記事の内容の文章が表示されます。
見せ方というよりは、物理的な動きの計算がしかりできているところが参考になるサイトだなーと思います。

コメント不具合

■■ヤンプー

コメントのFlashにActiveX対策を施したときに、記述を間違っていました。すみません。
コメントしたらエラーが出る状態でしたが直ったので今後エラーは出ません。

天気予報傘

■■Bookmark■■ヤンプー

WIFI UMBRELLA

天候によって柄の色が変わるデジタル傘。
WIFIの通信を使って現在の天気をの情報を受け取って発色を変える機能付きのかさらしいです。
WIFIあんまり良くわかりませんが。すごそうです。
WIFIってなんなんでしょう?

世界中で統一された規格である無線LAN = WIFI
のようです。
てことは、
無線LAN = WIFI
てことですかね。

ビンタでデスクトップ切り替え

■application■■ヤンプー

You Tube - SmackBook

最近、ニンテンドウDSなんかでも、吹いたり傾けたりいろんなインターフェイスのセンサーが市販のハードに内蔵されるようにったきょうこのごろ。
MacBookの内臓センサーに振動かなんかのセンサーが内蔵されてるようで、それを使ったソフトに…
叩くとデスクトップが吹っ飛んで隣のデスクトップが出てくる「デスクトップ切り替えインターフェイス機能」が使えるようになるようです。
Macユーザーって擬人化する人とかいますけど、その視点だとMacをビンタするってかんじですね。
面白いけど、壊れないか心配ですね。

大規模郊外型ショッピングモール

■■Bookmark■■ヤンプー

オリナス

沢山の店舗が集合している郊外型モールのサイトです。
アクセスとかわかりやすく作ってあります。


フロアガイドでは、アルパークで店舗の入れ替えが激しいということで断念した、
Flashでお店の位置を表示する機能が使われてますね。


遊びコンテンツでファッションカラーコーディネート診断ってのもあるみたいです。

錦糸町にあるモールだから「織り成す」でオリナスなのかなー?…とかふと思いました。

Flash + Pod Cast + Blog + 音声自動生成 + 擬似3D

■■Bookmark■flash■■ヤンプー

TFM HondaSweetMission

今日の朝たまたまFMを聴いていました。
MON-FRI AM 8:10 ON AIR

むかし大志君が見つけて社内でも話題になったFlashサイト、SweetMissionが流れていました。
はじめて聴きました。
ラジオと連動するサイトです。
ラジオでは、海外に住むOLレポーターからの現地の穴場・マイナーレポート(電話でしゃべる)を、小錦(今日は小錦でした)がパーソナリティーとして紹介してました。

実際、番組を聴いてみると、毎回リポートされた音声素材を用意して…
サイトにはエントリーとしてアップしていき
番組ではパーソナリティーがーコメントしていく流れのようです。

ただ単にサイトで番組を聴きなおしたりできるだけじゃなくて、
レポートの場所がビジュアル的にわかったり
レポートの中の自由なタイミングでコメントやトラックバックができたり
面白くて技術的にもすごいことしてるサイトです。
制作はtha(中村ユーゴさん関係)
東京TDC賞2006受賞したようです。

一番すごいとおもたのは


ユーザがコメント、トラックバックした文字から自動音声を作って再生しているところです。
あと個人的になるほどなと思ったのは、
・360°回るアニメーションムービーでできてる回る地球の処理と
・平面的なキャラクターのオブジェクトを球体になじませるために
 球の中心を参照して、随時、キャラクターが球の外を向く処理をしているところとかです。

PodCastに登録してもらってリスナーになってもらうのが目的なのかなー…?って思いました。


ブログも充実しています。

レンタル用リアルパンダきぐるみ

■■Bookmark■■ヤンプー


細部の動きも小型モーターで表現できるすぐれものみたいです。
IT Mesia
wmv video

海と大地

■■ヤンプー


久保本さんとよくいっていた大芝にある大好きなラーメン屋さん「海と大地」が
店をたたんでました(゚ロ゚)
びっくりしました。


もっといっときゃよかったなーとおもいました…。
魚介類とか鶏がらとかオリジナルのさっぱりスープがすきでした。
もうさっぱりスープ飲めない…とおもうと悲しいかんじです。

10年間で30万人(゚m゚)
ということは…
1年間3万人
1日82.1917人

一日店を開いている時間がAM11:30-14:00。
たった2時間30分だったので
1時間32人もきてるんですね。
2分に1人…
回転率のいい店ですよね?

30代前半くらいの店長でした。
全国旅して回ってつくった味だったようなので
またラーメンの味を探求しに旅に出たのかなーとおもいます。
また店を開いてほしいものです。

TSSの放送開始アニメーション(昔)

■■Bookmark■■ヤンプー

YouTube - moshimohiroshima

昔のTSSのオープニングとエンディングもアニメーションだったんですね。
もしもひろしまに…
ピーターパン来たり、ガリバー来たり、星の王子様来たり…
はじめて観ました。
5分もあります…。

貧困で文字も読めない子供たちを救うモバイル

■■Bookmark■■ヤンプー

One Laptop per Child

100ドルという安価で作れるモバイルPC。
(ちょい古いねたです)
ぐるぐる発電ハンドル付きです。
インターネットできます。
これを配って、教材として使ってもらうプロジェクトです。

10ways

■■Bookmark■flash■■ヤンプー


Flash8の新規のをふんだんに使っている作品やShockwaveを使っている作品などを10種集めたアートコンテンツです。
大志君の好きなTOMATOも参加しています。
そのなかでも面白いなとおもったのが…


これ
です。

エリアを選んでクリックするとどんどんズームしていきます。

ひとつの写真だと思っていたものが、それぞれちがう写真のあつまりだったという…

永遠に続きます。

flickrかなにかの写真データベースを参照して1ドットごとの色データに近い色の写真を探し出す処理です。グラフィックでもたまに使われる手法ですね。いままでこういうのはありましたが、写真や動き方のクオリティーがここまで高いのははじめてです。

ほかには

これとか
もすごいなって思いました。
3次元のモデリングされた空間の中でカメラの中心に来た画像をズームして見れるものです。


そのほかにも

これなど
もおもしろいです。
写真のなかでマウスを押し続けるとスポイトにその場所の色が吸い取られます。
マウスを離すとその色をたらします。

たらした位置にぴょんぴょんはねる■のキャラクターがいたら■の色が変化します。
音つきでやるともっと面白いです。
Flash8の新機能を使った処理です。

後もうひとつ

これとかも
よくあるペンの処理ですが面白いです。
使えるインク量が決まっていて写真の上から絵がかけます。
最後絵がなくなって自分が書いた線だけになります。

模写した気分になれます。


ほかの人が書いた絵を見るモードもあります。


10ways

あ。なまえが…

■■ヤンプー


キララ多伎の近くにある地名にこんな地名が…

CSS+GoogleMap+calender+blogCMS

■■Bookmark■css■■ヤンプー

eat in tokyo-イートイン・トーキョー

このサイトデザインすきです。
それだけじゃなく。機能もすごいと思いました。

GoogleMapのAPIと、ブログを組み合わせたサイトですが、カスタムの仕方が上手ですね。

カレンダーモードもわかりやすいです。

巷でもCSSの評価が高いサイトのようです。
確かに月別のリンクボタンの作り方とか、自動生成の制限の中できれいにまとめてますね。