Daniel Hai » Re-use your BitmapData objects, speed up your apps
This is a post that I started writing about 5 months ago, and I may not be posting for a while, so here’s some info I gathered when doing per-frame analysis of Onyx’s bitmap rendering engine …. I tried to optimize per-frame bitmapdata drawing, since there were so many bitmapdata events happening on a per frame basis. The flow for one layer was as follows: var bitmap = new BitmapData(); bitmap.dra
void element blog: ハーフトーンカメラ（カラー）
前回のエントリに引き続きハーフトーンカメラ処理、今度はカラー版です。 RGBそれぞれに対してハーフトーン処理を行うと、8色に減色できるようなのでこちらも作ってみました。 大部分はモノクロ版と同じですが、最後の変換を paletteMap で一括変換しています。 こちらも全ピクセルをなめる必要なし。 画像処理様様ですね。 ソースは以下。 package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Shape; import flash.display.Sprite; import flash.display.StageAlign; import flash.display.StageQuality; import flash.display.StageScaleMod
labs.zeh.com.br » Blog Archive » Tweening a displacement map
Attention: you're visiting an archived version of this post on my old website. Click here to view this same post on my new website. DisplacementMap is one of the coolest BitmapFilters available from Flash 8 onwards. Still, it’s severely underused. Does it need more love, or does love actually need a displacement? Don’t take it too seriously. This example tweens the scale of the displacement map ef
void element blog: ドキッ！変態だらけのActionScript的超絶技巧発表会
超絶技巧＋発表必須というシビアな参加条件の「ActionScript的超絶技巧発表会」に参加してきました。 どんな感じだったのかはてっく煮ブログのエントリにまとめられているので、そちらをご覧ください。 まーみんな変態というか「こんなのにまじになっちゃってどーすんの」と言わんばかりのハックぶりでポカーンとしたりさせたり発表してる自分まで危うくポカーンとしかねない勉強会でしたが、何よりも刺激受けまくりでこれだからやめられないぜ！と再確認。 で、何を発表したかというと以前公開したフィールドマップジェネレータでさりげなく使っているアルゴリズムの説明。 ピクセル走査を一切行わず、画像処理だけで全部やっちゃうという無茶っぷりを晒してみましたが、あの説明と資料でその場で理解できた人がどれくらいいたのか正直気になるところ。 発表資料をそのまま公開しても全く理解できないこと請け合いなので、口頭で説明した部分
てっく煮ブログ - ラスタ→ベクタ変換する AS ライブラリ "PotrAs"
as, potras超絶のまとめ記事が反応ありすぎて意外すぎます。それはそうと、超絶で発表した PotrAs を公開します。詳しくはプレゼン資料をごらんあれ。プレゼンの閲覧方法：プレゼン資料をクリックしてフォーカス与える→で次のページ、←で前のページHome で先頭、End で最後のページ0〜9＋Enter で入力したページにジャンプ２色のラスタ画像をベクタに変換するライブラリです。プレゼン資料はリアルタイムで変換しながら表示しているので、CPU 消費量が少し高めです。あと、Mac でどう表示されるかが分からないのがちょっと不安です（アンチエイリアスがらみ）。(2007.10.3 追記) Mac 対策しました。Mac では BitmapData.draw したときにデフォルトでアンチエイリアスがかかってしまうため、細い線になるのが原因でした。threshold メソッドで２値化することによ
void element blog: BitmapDataの範囲拡張＆収縮
てっく煮ブログ：BitmapDataの範囲拡張をするなら･･･では全ピクセルをチェックしていますが、それよりも圧倒的に軽く処理できる方法があるので紹介しておきます。 マウスで適当に線を描いて、上下キーで拡張・収縮できます。 別段難しいことをしているわけではなく、コンボリューションフィルタ使った結果をdrawしてるだけなのですが、ちょっと手抜きしたので拡張があまり綺麗じゃない･･･ もう少し作り込めば収縮と同じような感じで拡張を行えるはずですが、いずれにせよこの手の処理はビットマップのメソッドだけでやれることが多いのでアルゴリズムを考えてみると楽しいと思います。 （ブラーフィルタかけてからスレッショルドで削ることでマシになりました。ソースも微修正） ソースは以下。 package { import flash.display.Bitmap; import flash.display.Bitm
BeInteractive! [BitmapDataを簡単にマスクする方法]
既出な気もしないでもないのですが。BitmapDataを思い通りの形にくりぬく、というのをカンタンにやる方法です。 コードは次の通り。 source.copyChannel(mask, mask.rect, new Point(0, 0), BitmapDataChannel.ALPHA, BitmapDataChannel.ALPHA); source、mask共にtransparent = trueなBitmapDataです。sourceには元となる画像を予め描画しておきます。そして、maskの方は0x00000000で塗りつぶした後、くりぬきたい形（例えば丸とか星とか）をdrawしておきます。これで上のコードを実行すると、maskのアルファチャネル値が全てsourceの方にコピーされるので、うまいことmaskの形にくりぬける訳です。sourceが何度も更新される場合でも、mas
BeInteractive! [知っていると得をするBitmapData.lock/unlockメソッド]
なんか技術系の話題は久々？ 今日ご紹介するのはBitmapData.lock/unlockメソッドですが、皆さんご存知でしょうか。ドキュメントを見ると、 この BitmapData オブジェクトが変更されたときに、BitmapData オブジェクトを参照するすべてのオブジェクト (たとえば Bitmap オブジェクト) が更新されないように、イメージをロックします。パフォーマンスを向上させるには、setPixel() メソッドまたは setPixel32() メソッドを何度も呼び出す前後に、このメソッドを unlock() メソッドとともに使用してください。 と書いてあります。 多分ほとんどの人がBitmapDataを表示するために、addChild(new Bitmap(bitmapData))とかやってると思いますが、実はsetPixelやsetPixelsをすると、画面の表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Quasimondo - Mario Klingemann's Flash Blog: Erasing in a BitmapData's Alpha Channel
Bitmap Drawing API [ by Didier Brun aka Foxy ] < ByteArray.org![Bitmap Drawing API [ by Didier Brun aka Foxy ] < ByteArray.org](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d94809482a4ad02ce9013e7e43b4960f08fde22/height=288;version=1;width=512/http%3A%2F%2Fcdn2.dan.com%2Fassets%2Fpublic%2Fmeta_image-4d82981355bc90e79a8801ee2a706ede37e2473c6c9bd8a645158a371dbacfa5.png)