RIAブログ

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

メンバー投稿記事一覧

こんな電子書籍漫画があったら読みたい NAWLZ

with one comment

このエントリーを含むはてなブックマークはてなブックマーク - こんな電子書籍漫画があったら読みたい NAWLZ この記事をクリップ!Livedoorクリップ - こんな電子書籍漫画があったら読みたい NAWLZ Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

電子書籍にはまだ見たことないのですが、
こんな漫画もありかと思うようなサイトです

[0069 NAWLZ]
http://www.nawlz.com/
nawlz

フラッシュで動きがたくさんで、音付です。
場面の切り替えや、トランジションがいい感じですが、ちょっとどこをどうすれば良いかが分らないですね。
電子書籍の漫画がこのレベルでサクサク動いたら読みたいですね。個人的には。

  • Share/Bookmark

立石 直敬

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

Written by 立石 直敬

4 月 19th, 2010 at 8:23 pm

靴で演奏。Youtubeとフラッシュの同期 Nike Music Shoe

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 靴で演奏。Youtubeとフラッシュの同期 Nike Music Shoe この記事をクリップ!Livedoorクリップ - 靴で演奏。Youtubeとフラッシュの同期 Nike Music Shoe Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

CS5の発表やipad,HP Slate,HTML5など話題盛りだくさんな最近です。
package for iphoneはやっぱり残念ですね。
今日紹介しますサイトはナイキのコンテンツです。

[0068 Nike Music Shoe]
http://nike.jp/musicshoe/
nike

まずはHIFANAですよね。
ナイキのシューズが楽器になってます。靴にジャックがついてるのがいいですよね。
サイト自体は真ん中にYoutubeのプレーヤーが設置してあるだけのシンプル構成に見えますが、動画を再生してみるとしかけがありました。動画の音に合わせて背景が同期して動きます。どうやってYoutubeの音で同期させているのかが気になります。

見てて楽しいです。
何回か連続で見てしまいました。

最後には本物のシューズは音は出ませんってでます。
やっぱりそうですよね。
でも、ちょっと欲しくなりました。

  • Share/Bookmark

立石 直敬

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

Written by 立石 直敬

4 月 16th, 2010 at 12:40 am

簡単に流行のロゴをつくろう Twitlogo

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 簡単に流行のロゴをつくろう Twitlogo この記事をクリップ!Livedoorクリップ - 簡単に流行のロゴをつくろう Twitlogo Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

ますます盛り上がっているTwitterですが、今日紹介するサイトは任意のテキストをTwitterのロゴ風画像に変換してくれるサイトです。
Twitterを使ったサイトのロゴなどに簡単に作れていいのではないでしょうか?

[0067 twitlogo]
http://www.twitlogo.com
twitlogo

使い方は簡単で、変換したいテキストを入力して、サイズと色を変換するだけです。そうすると画像が出来上がります。そのままURLで貼付けれるのかは分かりませんので、ダウンロードするのが無難かと思います。

作ってみたのが↓の画像です。

logo

ちなみにTwitterで使われているPicoというフォントですが、ダウンロードも出来るのでそっちの方が楽かも。。
サイトはこちら

  • Share/Bookmark

立石 直敬

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

Written by 立石 直敬

4 月 2nd, 2010 at 12:43 am

車を操作してメニューを表示 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

[ASlib]全部まとめて読み込み

without comments

このエントリーを含むはてなブックマークはてなブックマーク - [ASlib]全部まとめて読み込み この記事をクリップ!Livedoorクリップ - [ASlib]全部まとめて読み込み Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

前回に引き続きましてas3.0で使えるライブラリを紹介したいと思います。

[002 bulk-loader]
bulk loader

画像ファイル、音楽ファイル、動画ファイルやXML等複数のファイルをまとめて読み込む事ができるライブラリです。
通常一つずつ読み込むのですが、その場合にプリローダーを作ろうと思うと大変です。そこでこのbulk loaderを使うとまとめて読み込む事が出来るのです。

詳しい使い方はここでは省略しますので、詳細はリンク先から。
ここではポイントだけ書いておきます。

全部をまとめて読み込む事ができるといっても、ロードする前に全体のファイル総量が分かる訳ないので、そのまま読み込んでしまうと結局最後のファイルしか読み込んだ量を取ることしかできません。
ですので、
var _bulkloader:BulkLoader = new BulkLoader();
_bulkloader.add(”hoge.flv”, { type: BulkLoader.TYPE_VIDEO, weight: 11 } );
のようにファイルを追加する時にweightパラメータを追加します。
そして、プログレスイベントで
BulkProgressEvent.weightPercentを取得します。
weightは相対的な数字なので、アイテム数を分母として合計が合う様に調節します。
ちなみにtypeについては設定しなくても、読み込む事が出来ます。

他にも色々便利な機能があると思いますが、この機能がこのクラスの一番の使いどころだと思いますので、是非使ってみてはいかがでしょうか?

  • Share/Bookmark

立石 直敬

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

Written by 立石 直敬

3 月 24th, 2010 at 12:12 am

Posted in ASlib

Tagged with

[ASlib]無限大のビットマップを生成

without comments

このエントリーを含むはてなブックマークはてなブックマーク - [ASlib]無限大のビットマップを生成 この記事をクリップ!Livedoorクリップ - [ASlib]無限大のビットマップを生成 Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

最近ちょっと更新が止まりがちですが、「今日の一選ウェブサイト」意外にもなにかネタを増やそうと思いまして[ASlib]というのを試しに初めて見ます。
asctionscript3.0で使えるライブラリを紹介してみようと思います。

[001 BitmapDataUnlimited]
BitmapDataUnlimited

という訳で今回紹介するのは、BitmapDataUnlimitedです。
いきなりマニアックなところですが、最近ビットマップを個人的にいじっていたのでこれにしました。
flashではビットマップを扱うとき(生成するとき)cs3だと2880pxまででcs4だと4000pxぐらいまでらしいです。これぐらいあればマシンスペック的にも限界だと思いもしますが、制作者は満足できなかったのでしょうか、無制限にビットマップを生成する事が出来ます。

サンプル(作者ページより)


import com.formatlos.as3.lib.display.BitmapDataUnlimited;
import com.formatlos.as3.lib.display.events.BitmapDataUnlimitedEvent;

var bdu:BitmapDataUnlimited = new BitmapDataUnlimited();
bdu.addEventListener(BitmapDataUnlimitedEvent.COMPLETE, onBmpReady);
bdu.create(5000, 5000, true);

var hugeBmp : BitmapData;

function onBmpReady(event : BitmapDataUnlimitedEvent) : void
{
	hugeBmp = bdu.bitmapData;
	trace("BitmapData: w=" + hugeBmp.width + " h=" + hugeBmp.height);
}

それなりに処理時間がかかるみたいなので、BitmapDataUnlimitedEvent.COMPLETEで受け取る様に出来ています。
せれにしてもこんなでかいビットマップをガシガシうごかす日が来るのでしょうか?

  • Share/Bookmark

立石 直敬

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

Written by 立石 直敬

3 月 21st, 2010 at 7:47 pm

Posted in ASlib

Tagged with ,

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

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

Get Adobe Flash playerPlugin by wpburn.com wordpress themes