2007.07.31
category
comments

ロモフィルター

ロシアのトイカメラLOMOで撮影したような効果を与えるフィルターを作ってみた。全体的にハイコントラストにして四隅が暗くなるように調整。勝手にロモフィルターと命名することに。

LomoFilter.as

ACTIONSCRIPT:
import flash.geom.Matrix;

class info.five.as2.filters.LomoFilter
{
   function LomoFilter()
   {
      trace("LomoFilterクラスの読込完了");
   }

   //------------------------------
   //   LomoFilterセット関数
   //     mc:ムービークリップ
   //     vol:ボリューム(1.0~2.0)
   //------------------------------
   function setLomoFilter(mc:MovieClip, vol:Number)
   {
      mc.createEmptyMovieClip("lomo", mc.getNextHighestDepth());
      mc.lomo.blendMode = "overlay";

      with(mc.lomo)
      {
         fillType = "radial";
         colors = [0x000000, 0x000000, 0x000000];
         alphas = [0, 50, 100];
         ratios = [0, 200, 255];
         spreadMethod = "pad";
         interpolationMethod = "RGB";
         focalPointRatio = 0;
         matrix = new Matrix();
         matrix.createGradientBox(mc._width*vol, mc._height*vol, 0, (mc._width-mc._width*vol)/2, (mc._height-mc._height*vol)/2);
         beginGradientFill(fillType, colors, alphas, ratios, matrix, spreadMethod, interpolationMethod, focalPointRatio);
         moveTo(0, 0);
         lineTo(0, mc._height);
         lineTo(mc._width, mc._height);
         lineTo(mc._width, 0);
         lineTo(0, 0);
         endFill();
      }
   }
}

flaの1フレーム目に以下のコードを書く。

ACTIONSCRIPT:
import info.five.as2.filters.LomoFilter;

var lomo:LomoFilter = new LomoFilter();
lomo.setLomoFilter(thumb1, 1.4);
lomo.setLomoFilter(thumb2, 1.4);
lomo.setLomoFilter(thumb3, 1.4);
lomo.setLomoFilter(thumb4, 1.4);

setLomoFilter()の第1引数はmcのインスタンス名。第2引数はフィルター量になってます。(1.0~2.0くらいで)もうちょっとぼけ具合とかピンホールとか色々弄りたかったけど、やりすぎない程度にしてみました。

2007.07.27
category
comments

Gmailを高速にするTips

確かにちょっと早くなった。

http://google-mania.net/archives/495

2007.07.26
category
comments

オブジェクトの中身を調べる

Object型の変数をトレースすると[object Object]としか表示されず、いまいち中身が良く分からない。中のプロパティを確認したいときに使うのが「ObjectDumper.toString()」メソッド。トレース時にこれを使うと中身が一発で見れて便利よ、と。

ACTIONSCRIPT:
import mx.data.binding.ObjectDumper;

var obj:Object = new Object();
obj.title = "aaa";
obj.description = "sss";
obj.date = "ddd";

trace(ObjectDumper.toString(obj, true, true));//{date: "ddd", description: "sss", title: "aaa"}

2007.07.20
category
comments

ダイナミックテキストに網掛け

ダイナミックテキストにビットマップ塗りでマスクをかけて網掛け状態にしてみる。

bg04.png

上記のような斜線のpngを用意してライブラリに読み込んでおく。リンケージ名を「bg04.png」にして、「ActionScriptに書き出し」、「最初のフレームに書き出し」にチェックを入れる。あとは1フレーム目にコードをコピペ。フォントの埋め込みはしていません。

ACTIONSCRIPT:
import flash.display.*;
import flash.geom.*;

//-----[初期設定]
var textW:Number = lineText._width;
var textH:Number = lineText._height;
var theMatrix:Matrix = new Matrix();
var theColTrans:ColorTransform = new ColorTransform();
var bitmap:BitmapData = BitmapData.loadBitmap("bg04.png");

//-----[マスクの作成]
_root.createEmptyMovieClip("mask", 0);
mask._x = lineText._x;
mask._y = lineText._y;
mask.cacheAsBitmap = true;
lineText.cacheAsBitmap = true;

mask.clear();
mask.lineStyle();
mask.beginBitmapFill(bitmap, theMatrix, true, true);
mask.moveTo(0, 0);
mask.lineTo(textW, 0);
mask.lineTo(textW, textH);
mask.lineTo(0, textH);
mask.lineTo(0, 0);
mask.endFill();
mask.setMask(lineText);

※macで見るとマスクが吹っ飛んで、何も表示されないみたい。cacheAsBitmapを両方ともtrueにしてるんだけどこれが表示されない原因ぽい?winとmacで仕様が違うのか?何でじゃー!?

2007.07.16
category
comments

Firefox アドオンを色々試す

アドオンをあちこちから探して、自分的必須機能を整理してみる。今のところこれだけ入れてます。他に便利そうなのがあったら教えてください、誰か。

Firebug 日本語版出てます。
Flash Switcher プレイヤーのバージョンチェックに必須。
Flash Tracer ブラウザでtrace表示。
GMarks 会社と自宅で共通ブックマーク。
GooglePreview google検索結果にサムネイル表示。
IE View Firefoxから、さっとIE起動。
Japanize ページごと日本語に変換してくれたり、してくれなかったり。
QuickRestart Ctrl+Alt+Rで一発再起動。
Tab Mix Plus タブ機能をきめ細かく設定可能。
TwitterFox Twitterはこれで確認。
ViewSourceWith 好みのエディターでソース表示。
Web Developer 色んなチェックができる。
翻訳パネル ポップアップ翻訳が便利すぎ。

2007.07.15
category
comments

FlashTracer がwinで動作しない件

先日FlashTracerがうまく動作しない、という話になったので自分なりの解決法を紹介。
まずはFlashTracerをダウンロード。ここからデバッグプレイヤーも同時にインストールしておく。

Firefox
表示 → サイドバー → Flash Tracer を選択。(ショートカット Alt+A)

Flash Tracer
Options → Select output file のパスを下記のように変更する。

C:\Documents and Settings\user_name\Application Data\Macromedia\Flash Player\Logs\flashlog.txt

FlashPlayer9からログファイルの場所が変更されたらしい。詳しくはkamijoさんのブログ参照。上記パスに「flashlog.txt」ファイルが存在しない場合はテキストファイルを作成する。この設定でtrace文を表示できるようになるはず。

2007.07.14
category
comments

FLASH OOP勉強会 行ってきた

actionscriptについて独学ではなく、きちんと勉強したい。

今日のは導入編で、as2→as3のコーディングがどう変わったのかが主な内容だった。10月くらいから本格的に進んでいく感じらしい。できるだけ参加して行こうと思う。終わった後にFlasher6人(rakeemさんteraさんむらけんさん茅原さんエロゲリラ、自分)で飯食いに行くことに。ここでの話がおもしろかった。職業別あるある話に発展→ギガザインが猛打賞。(詳しくはtrick7さん参照)

最近、こういった勉強会やセミナーにはよく参加するけど、そこで会った人達と直接話ができるのがすごく刺激的だなと感じる。なにより皆さんのネタの鮮度が良かったり、分からないことを共有したりと得られる情報量が格段に違うなと。福岡と違って、こういう感覚が東京っぽいな。

2007.07.11
category
comments

Flexbuilder3 を試す

昨日、「Adobe AIR Developers Night」に行ってきた。なんとなくしか理解していなかったAIRが少し分かった気がした。6社によるデモバトルがおもしろかった。Flex3でAIRをやってみたくなった。まずはFlexで、ご存知「Hello World」。

XML:
<mx :application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewsourceurl="srcview/index.html">
</mx><mx :panel title="5ive.info application" width="200" height="150">
</mx><mx :label text="Hello World!!!" mousedowneffect="WipeRight">
</mx>

Flexの使い勝手ってVisualStadioとそっくりなのね。違和感なく使えそう。.net使ってた1年前がなつかしい。

2007.07.10
category
comments

ブログカウンター

貼ってみた。

2007.07.05
category
comments

Gmailチェッカー

こんなものがあったんだ!知らなかった。早速インスコしてみた。RSSリーダーやブックマークとgoogle依存が激しすぎ、自分。

Gmail Notifier

page 1 / 212»