はてなブックマーク

中段あたりにチェックボックスがあるよ いきなりですがswcファイルって「スウィック」って読むらしいですね。アドビの中の人もそう読んでたんで確かな情報です。 しかしながら僕は慣れなくていつも「エスダブルシー」って読んでしまうんですね。そこらへんのモサさが自分流さ、なんて無頼を決め込んで今日も「エスダブルシーエスダブルシー」と 読んでいます。 僕が「エスダブルシー」って言う度に周りが若干イラっとした顔されるんですが、それでもかわまず「エスダブ…エスダボースィー」とか呼び続けてるのに未だ怒られた事がないのは 、ひとえに僕の人徳だと思います。 無駄な軽口はこのくらいにして、先日行われたひよこの会で少しだけ要望があったのでSWCと連携してProgressionでのFlashサイト開発環境を超快適にする方法をご紹介したいと思います。 今までのやり方にもよりますが、体感100倍速いと言っても全くおおげさ

FlashBuilderはじめてみました。正宗です。 Progression4がFlashBuilderとの連携ができるようになっていたのがきっかけだったのと、あとFlashのコンパイル（パブリッシュ）がその都度グラフィックを書き出し直すので時間がかかるようになったのが嫌でグラフィックはあらかじめswc書き出ししておいてFlashBuilderからasだけをコンパイルできるようになったらいいなと思ったので、FlashBuilderを使いこなせるように勉強してみることにしました。 常々お伝えしているように、うちのFlash請負制作業務のほぼ100%をProgressionフレームワークを使用していますので、ProgressionとFlashBuilderがうまいこと連携できていないと困ります。いろいろ試してみてうまい感じに連携できるようになったので書いておきたいと思います。 あとFlashB

年末進行のせいにして年賀状も書いてない男。正宗です。さっきやっと寒中見舞いが刷り上がりました。 DreamWeaverのテンプレート機能。便利ですよね。うまくつかうとライブラリ機能と組み合わせる事によって大規模なサイト制作におけるケアレスミスを大幅に減らすことが出来ます。 今回はそのテンプレート機能でグローバルメニューをどう作ろうか考えたので、現時点で見つけた一番スマートではないかと思えるやり方を紹介したいと思います。 まずは僕が一生懸命作ったDreamWeaverのテンプレートを見て下さい。 こうしたテンプレートを作っておく場合、例えば「/profile/」以下のファイルには全部 プロフィール こんな感じで他のリストとは違ったクラス名を付けたくなるかもしれません。 また、/profile/index.htmlページは、メニューからプロフィールのリンクを押しても自身のページに飛ぶだけなので

こんにちは。最近引っ越しましたが取引先にまだ挨拶を済ませていない正宗です。前回に引き続きProgressionの話題をしたいと思います。 Progressionではスクリプトを一切使わない「コンポーネントスタイル」やタイムラインスクリプト派の「タイムラインスタイル」、クラスでわしわし書きたい人向けの「クラススタイル」など制作者のスタイルにあわせたとても柔軟な開発スタイルが用意されていますが、今回はその中でも「コンポーネントスタイル」と「クラススタイル」を連携させた開発手法についてまとめてみました。 はじめに そもそも「コンポーネントスタイル」と「クラススタイル」の連携とはなんぞやという説明ですが、ひとつのサイトを作る上でデザイナーやアニメーターは「コンポーネントスタイル」を、プログラマーは「クラススタイル」をそれぞれ用いながら、同時にサイト制作を行えないかと考えてあみだした必殺技です。 P

FWで画像のシルエットをパス化したんだよ 画像にリアルめな影を付ける際など、その画像のシルエットをベクター化させたい時がありますよね。それをFW（FireWorks）上で簡単に制作する方法をお届けします。地味ですが知ってるととっても便利です。 まず透過画像を用意します。 画像のあるレイヤーを選択後、そのレイヤーの上でAltキー（Macでは［option］キー）を押してみましょう。するとカーソルが□の付いたものに変わるはずです。そのままもう一度レイヤーをクリック。 画像のアウトラインが点線で囲まれ選択されます。つぎにメニューの「選択」＜「選択範囲をパスに変換」を選びます。 見事シルエットをベクターになっちゃいます！秒殺！！ ベクターがあれば、ちょっと複雑なシャドウを落としたり、テクスチャをそれだけにかけることも可能ですよね。コラージュし放題うはうは。 同様の事がphotoshopでもできるん

ほら、みて。こんなに違う 私はデザインする時、もっぱらFireWorksなんですが、今更ながら発見した便利tips。 FireWorks（以下 FW）で写真などの画像を拡大縮小するためには、「拡大・縮小ツール」を選ぶなどして変形ハンドルを出現させ、調整後Enter押すとそのサイズで確定するわけですが、 よくよくあるのが、後から「サイズをもっと大きめにして」などと修正が入っちゃうケース。 FWのイヤーな癖で、一旦Enterを押して確定させてしまうと、そのサイズで100％の画像に変換されてしまうため、少しでも大きくや小さくしようものなら画像がボケて使えたもんじゃありません。その度にデカい画像を再配置し、マスクの場合は解除してエフェクトもかけ直さなきゃ…と工程が多くてめんどくさいですよね。 で、そんなときに便利なのが「シンボル」。 予め（コレ後から微調整したいなーor入りそうだなー）という場合は

papervision3Dで輪郭線を表示させてみました。 ちなみに表示されているキャラクターは愛媛県西予市三瓶町のみんなの人気者、おなじみ「げんきくん」を独自で3Dモデル化させたものです。 輪郭線の表示の仕方についてはトゥーンシェーディング等の計算は一切行っていなくて、単に3Dモデリングツールのほうのノウハウなので、ここでは今回使用したMetasequoiaを使った方法を書き留めておきたいと思います。 ついでにMetasequoiaからモデルデータをpapervisionで表示する方法も苦労したので書き記しておきます。 輪郭線を作る方法 すでに使い古された手法で恥ずかしいですが、「実際のモデルデータより一回り大きい、面が内側に向いてる黒い物体」をかぶせることによって輪郭線を描いています。 文章で説明するのは難しいのですが、ポリゴンには表裏があります。 このように正面から見れば表示されていて