Home > website Archive

website Archive

手前と奥

ほぼCMみたいなオープニングの動画のあと、コンテンツが始まります。アンジェラベイビーさんの縦長全身写真レイヤーの上に、コンテンツレイヤーが重なっている二層構造になっていますが、手前と奥のレイヤーでスクロール移動速度を変えることで奥行き感・移動の気持ち良さを表現。

余談だけど、髪のCMで髪が奇麗すぎて艶が波紋のようになる映像、男の僕からするとCGすぎてシュール。そういや誇大広告を避けるためでしょうか、洗顔フォームCMの汚れが毛穴から追い出されるイメージアニメで、毎回ちょっとだけ汚れが残るのが、いつもいつもずっとずっと気になって生きてきました。

このサイト(yossyさんのサンプルだったっけ?)の見せ方も同様に二層のレイヤーの移動量を変える事で奥行き表現。

ということで

  • 奥行きに意味を持たせる使い方(奥に常時表示させたいものを置くとか)
  • 手前と奥の移動量の違いによる演出(浅めor深め)
  • 平行に重なってるんじゃなくって、傾斜して重なってたらどんなだろう。気持ち悪いかなぁ
  • 二層以上重ねて面白い事できるかな

みたいなことを考える機会が持てました。

ヴィダルサスーン|FASHION, MUSIC, VIDAL SASSOON

文字の表示させかた

ド派手な演出でダンスミュージックを鳴らす海外アーティスト PLASTICMAN 氏のサイト。文字の表示のさせかたが参考になりました。

Flash的にいうと、一連の文章であっても行ごとに別テキストフィールドに流し込むアプローチだとしましょう。
いろんな場所で同時多発的に一斉に左から右に流れ出るテキストってのは以下の理由でナイスだなと。

  • 複数行の場合、折り返しの処理で勝手に文字送りされてカッコ悪い場合が起こるけど、このやり方ならそれは起こらない。更新のないテキストであればこういうアプローチはありだな。
  • 全部表示するまでの時間も短くてすむ。

もちろん演出なしでとっとと出すのが正解って場合が多いですが、カッコ良くしたい時もあるので。テキスト選択できた方がいいなとは思いましたけど、この表示させ方、MATRIXみたいで「おっ!」てなりますよね。

plasticman.LIVE

LiFETONES

「LiFETONES」— iPhoneの着信音を探すならこのサイトおすすめです。
日々ありふれた環境音の中で鳴る着信メロディーを体験視聴できるので、イメージが膨らみます。画面右上からバックの環境音を選択でき、その音の中で着信音を鳴らせます。そして気に入ったのがあればiTunes Storeで買えます。実にスムーズ!曲も素敵なので思わず買ってしまいますね。

こんな感じで環境音を変更すると背景写真も切り替わります。

音の再生や、イコライザ風の表示、背景の変更など、Flashサイト的なのにHTMLというのも興味深いですね。

LiFETONES “IDEAL TONES FOR YOUR PHONES”

テキストフィールド+3D+ブラーの使い方

商品を回転させると商品説明文も回るよ。
Flashに3D機能がついてTextFieldをも3D回転させることができますが、こうやって演出に絡めて効果的に使えるように頑張ろうと思いました。

link: European Culture

via CREAMUさん

旅カメラで撮る、日本を味わう旅。

ソニーのCyber-shotのキャンペーンサイトが和のテイストで和みます。
旅行で撮影したの写真+動画を音楽に乗せて見せるという演出を考える時の参考になりますね。地図連動とか一言コメントの入れ方もね。

このサイトは(勝手な推測だけど)TLFではないと思うけれど、今後TLFが流行ればこういう縦書きの演出が増えるかもしれませんね。

link: 旅カメラで撮る、日本を味わう旅。 | デジタルスチルカメラ Cyber-shot “サイバーショット” | ソニー

Crush the Castle 2

衝突&崩壊の物理演算(Box2DFlashAS3ライブラリかな?)を使った Flash ゲーム。投石機から石を発射して相手の城を人ごと崩すというワイルドで壮快なゲームです。
昔紹介させていただいた引越奉行と同じ感じのゲームなんですけど、Ricochet Kills 2 と同様、人を殺しといてパッパラー!的なファンファーレ感が能天気で気持ちいいです。

質の高いイラストや BGM はもちろん、投げるアイテムがパワーアップしていったり、領土を侵略していく仕立ても素晴らしいですね。ステージが進んでいく際のゲームバランスとかもすごいいい感じ。

Crush the Castle 2

Ricochet Kills 2

面白 Flash ゲーム。銃弾を跳弾させたり、物を崩したりして、画面内の敵を倒します。

  • 物が崩れ落ちる物理表現
  • クリアステージと最小弾数記録をSharedObject保存
  • ステージを自作することもできる
  • BGMと銃弾SEが気持ちいい(個別にミュートもできる)

どうプレイすればいいかすぐ理解できて、そういう意味では twitter で紹介したくなるけれど、ゲーム自体にソーシャル要素はなく、ほんとにゲーム自体の面白さ(ハマらせ要素)で勝負されてます。

Ricochet Kills 2

DotWar

DotWar」は、twitterの自分のアイコンの各ドットが兵士になって、任意で選んだ相手のアイコンとドワーッと合戦を繰り広げる対戦ゲーム。もちろん対戦結果をtwitterにつぶやけます。

Flashやってる人から見てもスゴイのですけど、twitterユーザーが普通にプレイして楽しめる仕掛けがいっぱい。もう既に話題沸騰ですねー。
※注意:FlashサイトだからiPhoneじゃ見れません。PCで見るか、iPhoneでFlashが見れるようになるまで待つかです。

Continue reading

今日の、一貫


今日の、一貫

今晩お寿司が食べたくなるキャンペーンサイト。
そしてネタの CM が見れる買える。カニ!!

Continue reading

WRANGLER BLUE BELL SPRING/SUMMER 2010

wrangler
※Chrome ブラウザで見ると結構クラッシュするので注意。でもいいサイトです!

昔、下みたいな動画の時間軸を、画面上のオブジェクトをマウスドラッグして動かせる動画プレイヤーの提案があったじゃないですか。それを Flash で再現してみせてくれたのが上の WRANGLER のサイト

時間をコントロールできる神様的な万能感、しかも人を自由自在に動かせているような万能感。気功で人を転がせる気持ちよさを疑似体験できます。

自分を省みると、ネット・テレビ・本・暮らし等の中で日々新しい表現を目にすることができるようになったのに、そのエッセンスを自分で Flash で実際に作ってみるとこまで全然手が動いていないので悲しい。

あ、別に表現をパクってワーイ!という気持ちではなくって、こういう表現を Flash でやりたい時は、例えばコントロール対象の素材を動画で用意すべきか、静止画の連番で用意すべきかとか、ドラッグの軌跡とフレーム数の結びつけをどう実装したらいいか、とかを知っておきたいという気持ちがあって、それは実際に手を動かしてみるのが一番良いということで、頑張らななぁと。

Home > website Archive

Return to page top