RIAブログ

RIAやUIを中心に取り上げます。今日の一選ウェブサイトを毎日更新中です

カテゴリ ‘今日の一選ウェブサイト’ 一覧

車を操作してメニューを表示 TOYOTA iQ

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 車を操作してメニューを表示 TOYOTA iQ この記事をクリップ!Livedoorクリップ - 車を操作してメニューを表示 TOYOTA iQ Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

ロシアのIQのスペシャルサイトの紹介です。
日本のトヨタではないコンテンツです。

[0066 TOYOTA iQ]
http://iq.toyota.ru/
iq

3Dの空間を矢印キーを操作してiQを運転する事ができます。
空間の中には、メニューのコンテンツがあり、それに車が当たるとそのコンテンツを見る事が出来ます。当てないと見れないので、なれるまでちょっと難しいです。
iQのコンパクトな動きが出来るからこそ、とういうのも含まれてのコンテンツなのでしょうか?
あと、紫の使い方がなんか素敵でした。

フラッシュで使える3Dエンジンはいくつかありますが、Alternativa3Dというエンジンがこのサイトでは使われているそうです。各エンジンそれぞれの特徴はいつか調べてみたいと思ってます。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 29th, 2010 at 12:58 am

新しい東北新幹線の名前募集してます

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 新しい東北新幹線の名前募集してます この記事をクリップ!Livedoorクリップ - 新しい東北新幹線の名前募集してます Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

[0065 新しい東北新幹線]
http://www.jreast.co.jp/E5/main.html
jr

2011年春にE5系新幹線が登場するそうです。
鼻がながくてカッコいいです。
サイトでは黒バックに車体の色が冴えていい感じです。

サイト全体がFlashのフレームワークのProgression4で作られています。
Progressionで作られているサイトを最近よく見かけますが、全体を作るときはやはり有効的なようです。
Flashではやりにくいページ遷移などがしっかりできるのが特徴ですよね。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 17th, 2010 at 10:40 am

あなたの卵掛けご飯の作り方は NEO TAMOGO KAKE GOHAN

without comments

このエントリーを含むはてなブックマークはてなブックマーク - あなたの卵掛けご飯の作り方は NEO TAMOGO KAKE GOHAN この記事をクリップ!Livedoorクリップ - あなたの卵掛けご飯の作り方は NEO TAMOGO KAKE GOHAN Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

[0066 NEO TAMOGO KAKE GOHAN]
http://www.ajinomoto.co.jp/aji/egg/generator/
ajinomoto

動画ジェネレーターです。
白身の量、醤油、味の素、混ぜ方を選びオリジナルの卵かけご飯の動画を作ることができます。
はたして使い道があれですが、研究所的なインターフェースと卵掛けご飯という組み合わせが面白いです。色々試したくなります。

味の素が提供するAJIテクシリーズのようです。
他にはTwitterでフォローすると、まったりとした会話やレシピを教えてくれたりする味パンダBOTなどがあります。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 17th, 2010 at 10:30 am

気になる商品を教えてくれる鴨さん コレカモネット

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 気になる商品を教えてくれる鴨さん コレカモネット この記事をクリップ!Livedoorクリップ - 気になる商品を教えてくれる鴨さん コレカモネット Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

またまたTwitterとの連動サービスです。
Twitterを利用したコンテンツのデザインってなんか統一感ありますよね。
ツイッターブルーという色名があるかもしれません。

[0064 コレカモネット]
http://korekamo.net/
korekomo

コレカモさん宛に欲しいものを呟くと、関連商品を探して来てくれます。
現在では東急ハンズ、無印から探してくれます。
自動返信のようですが、なかかな面白い返事をしてくれます。
3月31日までの限定コンテンツのようですが、
その後も商品を追加する等しながら拡大していくようです。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 9th, 2010 at 12:28 am

ジャンケンの連勝の確率統計 USJ宇宙ジャンケン

without comments

このエントリーを含むはてなブックマークはてなブックマーク - ジャンケンの連勝の確率統計 USJ宇宙ジャンケン この記事をクリップ!Livedoorクリップ - ジャンケンの連勝の確率統計 USJ宇宙ジャンケン Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

USJにスペース・ファンタジー・ザ・ライドという新しいアトラクションがもうじきオープンするそうです。
ユニバですね。
ジョーズは暗くなってからがいいらしいです。

[0063 USJ宇宙ジャンケン]
http://www.usj.co.jp/janken/
usj

ジャンケンをしながら進んでいき太陽まで行けたら(8回勝ったら)、プレゼントに応募できます。AKB48はよく分かりませんが、勝てばかつほど色々な人に会えます。

内容というより、ジャンケンの勝率がみれて楽しいです。
サイトキャプチャー時でだいたい57万ぐらい挑戦していて、最後まで到達したのが3千人ぐらいなので、今のとこ0.53%ぐらいでしょうか?
あいこもありだから次に進める確率は相手が本当にランダムなら単純に2分の1なので、8回連勝する確率が2分の1の8乗の0.39%になります。
確率の許容範囲なのか、まだまだ挑戦者が少ないのか、フラッシュのランダムの精度なのか今後もこの数値をチェックしたいです。
twitterのコメントを見ると繫がらない人も多いみたいなので、天王星の到達率が低いのはそのせいな気もしますが、、、

ちなみに1回挑戦してみたら1回で最後まで行けました。
ケネディ宇宙センター行ってみたいです。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 8th, 2010 at 12:08 am

ひとと同じはやだって人のイヤホン KOTORI

without comments

このエントリーを含むはてなブックマークはてなブックマーク - ひとと同じはやだって人のイヤホン KOTORI この記事をクリップ!Livedoorクリップ - ひとと同じはやだって人のイヤホン KOTORI Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

何度かありました人と同じは嫌だシリーズです。
でかでかとキャプチャーを張ってみました。

[0062 KOTORI]
http://kotori.fostex.jp/
KOTORI

17個のパーツに配色して、オリジナルのイヤホンを作って買う事が出来るECサイトです。
イヤホンしか商品はありませんが、一つの商品を売る為に特化したサイトです。

操作もマウスだけでパーツを選んで色を決めるだけの簡単な操作です。
ポップやクール、アニマル等最初から配色してあるものにカスタマイズすることも可能です。ビューワー等も操作も分かりやいです。

あとこの様なイヤホンて音いいの?って思うけど。石野卓球さんがリコメンドしているのでそんなに悪くはなさそうな気がします。

配色によって値段が変わるそうですが、だいたい3000円ぐらいでした。
左右色違いとかいいんじゃないでしょうか?

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 6th, 2010 at 12:27 am

Posted in 今日の一選ウェブサイト

Tagged with

あの人とバーチャルウエディング GRACEL

without comments

このエントリーを含むはてなブックマークはてなブックマーク - あの人とバーチャルウエディング GRACEL この記事をクリップ!Livedoorクリップ - あの人とバーチャルウエディング GRACEL Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

瀬戸で結婚式はいかがでしょうか?
瀬戸の結婚式場GRACELのサイトがリニューアルしました。
その中のバーチャルウエディングを紹介します。

[0061 GRACEL]
http://gracel.com
gracel

フォームにあだ名や希望の会場等の項目を入力しながらビデオを進めていくコンテンツです。詳しくはこちら→こちら→に書かれていますので、ここではフラッシュ部分の説明をしたいと思います。

複数のビデオクリップと複数の音楽クリップをいかに読み込む事ができるかなどのが大切です。ローディングをあまり出さない様に読み込むかを気をつけながらストーリーは進んでいきます。

技術的なところですが、ビデオはビデオ、音楽は音楽を管理するクラスを制作し、シーンごとにそれらを操作する事により同じ構造でパーツを入れ替えるだけで全体が出来上がる様に設計してあります。AS3.0からはFLVPlaybackにインデックス番号により複数の動画を読み込ませる事ができるので便利です。

またテキスト表示にも一工夫してあります。Macではフォントにアンチエイリアスが勝手にかかるので気になりませんが、Windowsではデバイスフォントがそのままカクカクした状態で表示されてしまいます。そのままでは雰囲気が出ません。フォントを埋め込めばこの問題は解消されますが、日本語を埋め込むだけで10MB以上起動時に読み込みが必要となってしまいます。
そこでテキストフィールドを一度ビットマップに変換してフィルターを重ねることによる、簡易なアンチエリアス処理をしてテキストを表示しています。やりかたについてはネット上に色々あるので、一番しっくりくるのをカスタマイズするといいと思います。

フラッシュについてはまたいつかまとめて色々紹介できたらと思います。

そしてなんとこのコンテンツを最後まで見て、来場予約をするとスペシャルムービーが見れます。普段結婚式場って外観や紙媒体でしか見る事がないと思いますが、やっぱり動画でみると雰囲気も分かるし、色々分かる事があると思います。

是非バーチャルウエディングを試してみて下さい。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 5th, 2010 at 3:10 am

いつでもどこでもつぶやき 琵琶湖マラソン

without comments

このエントリーを含むはてなブックマークはてなブックマーク - いつでもどこでもつぶやき 琵琶湖マラソン この記事をクリップ!Livedoorクリップ - いつでもどこでもつぶやき 琵琶湖マラソン Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

琵琶湖マラソンがTwitterと連携したコンテンツを公開しましたが、なんか落ちてるみたいで繫がりませんのでまた今度書きます。見れました。家のマックがおかしいのかな?

[0060 琵琶湖マラソン]
http://www.lakebiwa-marathon.jp/
biwako

Twitterと連動したサイトです。最近のトレンドですね。
初め見たときはつぶやきながらマラソンするの?と思いましたが、応援メッセージを表示するのですね。

投稿にハッシュタグ#biwako_marathonを追加すると(サイトで投稿すると自動で追加されます)、最新の20投稿がバルーンに乗って表示されます。普段タイムラインを追ってるだけの投稿をビジュアライズして見せるのは面白いですよね。
先日話題になっていました、UstreamのライブチャットもTwitterと連動してすごい盛り上がりを見せていました。

それにしても「おおつ光ルくん」って。
なんでもキャラクターって必要なんですね。特技はローラースケートのようです。

開始のローディングが減っていくのがなんか新鮮でした。
そのまま残りの日にちになっていいですね。なにかに使えるかな?

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 5th, 2010 at 2:29 am

フルスクリーンでのフラッシュのレイアウト EARTH THE RESIDENCE 

without comments

このエントリーを含むはてなブックマークはてなブックマーク - フルスクリーンでのフラッシュのレイアウト EARTH THE RESIDENCE  この記事をクリップ!Livedoorクリップ - フルスクリーンでのフラッシュのレイアウト EARTH THE RESIDENCE  Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

たまにフルフラッシュなコンテンツを作りますが、
その時に大変なのがステージサイズをが変わった時に
画面に合わせてコンテンツを配置する事です。
今日紹介するサイトではうまく画面領域を使っています。

[0059 earth the residence]
http://shimaifudosan.co.jp/earththeresidence/
fukuoka

写真が表示されるメニューを押すと、大小様々な写真がうまくレイアウトされ表示されます。
この時にウインドウサイズを変えると、写真の段組みが変わっていきます。なんか言葉ではうまく言えないのでやってみて下さい。

他にも写真をロールオーバーしたときのエフェクトや、マウスの座標取得による画面のスクロール、グーグルマップをカスタマイズしたコンテンツ等、フラッシュらしさをふんだんに盛り込んだサイトだと思います。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

3 月 5th, 2010 at 2:24 am

卒業生と在校生の今が分かる 芸工クロストーク

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 卒業生と在校生の今が分かる 芸工クロストーク この記事をクリップ!Livedoorクリップ - 卒業生と在校生の今が分かる 芸工クロストーク Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

名古屋市立大学の芸術工学部の卒業生や在校生をつなぎ、
芸術工学をもっと知ってもらうために
「芸工クロストーク」
が始まりました。
これから定期的に更新されていきます。

[0058 geikou.jp]
http://geikou.jp/
http://twitter.com/geikoujp
geikou

現役の学生が、卒業生にインタビューを行った記事が掲載されています。
就職超氷河期と言われる今日ですが、先輩たちが芸工で何を学び、どのように就職活動し、
どのように仕事をしているか等がすごく近くで感じれるのではないでしょうか?
また、今の学生に向けてのアドバイスなども今後多く聞く事ができると思います。

ある小説に
「人間にとっての最大の贅沢はとは、人間関係における贅沢の事である」
とありました。

まさにその通りだと思います。
だから自分にとっても芸工は贅沢なものになっていくと思っています。
そしてこの芸工クロストークがその始まりの媒体の一つとなっていくのだと思います。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

2 月 20th, 2010 at 4:55 am

Get Adobe Flash playerPlugin by wpburn.com wordpress themes