西田幸司さんの手がけられたサイト

Comments:11

niea 09-01-07 (水) 8:43

僕なら、
4. 何とかして、ASだけで書いてみるｗ
を試します。この質感を出すのは無理かもしれないですね。無理なら2、かなぁ。
それにしても、すごく綺麗なサイトですね。見習わなくては。。。

Kaede 09-01-07 (水) 13:58

はじめまして。いつも拝見しております。
問題ですが、私なら4でAS使わずCSSを使います。
backgroundでbodyに敷き詰め、
SWFを背面透過します。

zak 09-01-07 (水) 14:23

はじめまして。
私もCSSかなあと思います。
MUJIのサイトやこういうサイトを使って
「どうやってるの？」みたいなのを
みんなで考えるのって勉強になって
いいですよね。
これからもヨロシクお願いしまーす。

ryouta 09-01-07 (水) 15:00

はじめまして。
私はbeginBitmapFillで塗りつぶす方法をとってました。
なるほど、CSSって方法もあるのですね。勉強になります。

こういう話題おもしろいですね。

nishida 09-01-08 (木) 3:54

わっ。いろいろ載せていただいてありがとうございます。m(_ _)m。
＞「晴れ感」
ここを汲み取っていただいたのはすごく嬉しいです。
実は質感を作る時の意識として、色を決めているのではなく、光量を決めている感じです。その結果このサイトはこれくらいの温度と湿度でこんな気候だなとか思いながら作ってます◎
んで、気候とか考えながら作ってると、いつも「徒然草」を思い出します。中学生の頃に教科書で読んだ程度なんですけど…なんか不思議ですよね（笑。

＞クイズ
Juana de Arcoを作った時は1000×660のキャンパス画像をタイリングして違和感無いように加工しました。あまり小さい画像をタイリングするとタイリングのパターンが読めすぎて興冷めかなと思ったので、少々大きめなタイル（？）を作成しました（笑。photoshop＞フィルタ＞その他＞スクロールを利用すると便利です。このサイトはflashをjally and merryさんという方に頼んだので、どうやってタイリングしたのかは謎なのですが…僕ならas3なら2。as2ならattachMovieで必要な数だけ並べますかね。

axcel-work 09-01-08 (木) 11:52

お初です！いつも楽しく読ませていただいてます。

僕も2番の手法をとることが多いです。
1番の手法は時間がないときにパパッとやりたい場合(-_-；

CSSってう発想はなかったですね～。
今度試してみます＾＾

tera 09-01-08 (木) 11:54

みなさま、ご回答ありがとうございます！

niea様
模様もコードで描くってことですねｗ。ディープ！

kaede様、zak様
CSS背景！その発想はなかったです。すごい。結構使われてる手法なんですかね？その場合はswfの描画処理負荷って軽減されるのでしょうかね。それともtransparentを選ぶ負荷とどっちが軽いのでしょうね。

ryouta様
僕も作る時になったら、まずbeginBitmapFillを検討すると思います。一応選択肢3はbeginBitmapFillを使うイメージでしたが、メソッド名をパッと思い出せないレベルの僕です（笑）←勘違いです。3はもっとビットマップでタイリングする手法でした。

nishida様
ご本人様降臨ありがとうございます！こちらこそ勝手にキャプチャ貼り付けさせていただいちゃいました（汗）。
閲覧者に「カーテンを開かせる・散歩に行かせたくなる」コンテンツって、すごいなぁと、さすが西田さんだなぁと羨望の眼差しで拝見してました。
背景、そんなに大きいのを敷いていたのですね。やはり細部のこだわりがなされているのですね。実はスクリーンショット撮って、photoshopの「差の絶対値」で探ろうかと思っていたところでした。（デコンパイラは持ってないのでｗ）

皆様、貴重な情報ありがとうございます。これが正解というのではなく、表現・パフォーマンスの兼ね合いでいろんなアプローチがあって興味深かったです。引き続きコメント募集ということで、興味ある人はお気軽に書き込んでくださいませ。

tera 09-01-08 (木) 12:17

axcel-work様
＞1番の手法は時間がないときにパパッとやりたい場合(-_-；
あー、分かりますｗ
でも西田さんみたいに、「画像のループを悟られて興醒めさせたくないから」というアプローチが素敵ですよね。僕もナチュラルにそういう風に言えるようになりたいものです。

twitter上で
「Flash背景を透過、CSSやるとWin Firefoxで誤動作するケースがあるみたいなので、個人的には避けたいほうほうな気もしてます。」
というコメントもいただきました。

bk-zen 09-01-08 (木) 15:36

var tile: BitmapData = new TileBmp(50, 50);
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, onResizeHandler);
function onResizeHandler(e: Event = null): void {
    graphics.clear();
    graphics.beginBitmapFill(tile);
    graphics.drawRect(0,0, stage.stageWidth, stage.stageHeight);
    graphics.endFill();
}
onResizeHandler();

先に同じ答えが出ちゃってましたが、自分がやるならこんな感じですかね？
TileBmp はタイリング用の画像って事で。

tera 09-01-08 (木) 16:01

bk-zen様
コードまでありがとうございます！
僕さっきまでbeginBitmapFillメソッドを勘違いしてました。
これでタイリングできたんですね。コード書く側からすると、これが一番ラクそうですね。

tmw 09-01-08 (木) 16:36

「Flash どう作るのクイズ」というアプローチはとても面白いですね！
実際の制作事例から出題というのも興味をそそりますし、さまざまなアプローチの方法が見れてとても勉強になります。

ちなみにちょっとお題とそれてしまいますが、「透過処理をして・・」と聞くと真っ先に描画パフォーマンスを気にしてしまう症状があるので自分は使わなくて済むのならば透過処理は使わないようにしています。
実際ベンチマークとっていないのでわかりませんが・・