css,javascript,actionscriptを中心に勉強したことをまとめるブログ

actionscriptではBitmapというものをよく聞くし、また使われているようなので勉強する。

基本概念

• Bitmapを使うにはBitmapとBitmapDataの2種類を使う。
• 通常actionscript3.0では各要素それぞれオブジェクトになっているがBitmapはオブジェクトを転写することで一枚の絵のように扱うことができる。
• Bitmapには、ぼかしや色付け等色々な効果をつけることができる。

一枚の絵を操作するという概念がキモのような気がする。

基礎

実際のBitmapを扱う方法。
クラスは以下のものを使用。

flash.display.Bitmap
flash.display.BitmapData

流れとしては、

1. オブジェクトを作成（なんでもいい）
2. Bitmap、BitmapDataを作成
3. Bitmapをステージに配置
4. BitmapDataにオブジェクトを転写

という流れ。
実際に配置するのはBitmap。
BitmapにBitmapDataを設定する感じ。
転写したいオブジェクトはBitmapDataに転写する。

基本コード。

package {
    import flash.display.Sprite;
    import flash.display.BitmapData;
    import flash.display.Bitmap;

    public class myBitmap extends Sprite {
        public function myBitmap() {

            /* オブジェクトを作成 */
            var fig:Sprite = createCircle( stage.stageWidth/2, stage.stageHeight/2, 100, 0XCC0000 );

            /* BitmapDataを作成して、Bitmapに設定 */
            var bitmapdata:BitmapData = new BitmapData( 465, 465, false, 0 );

            /* ステージに配置 */
            addChild( new Bitmap( bitmapdata ) );

            /* BitmapDataにオブジェクトを転写 */
            bitmapdata.draw( fig );

        }

        private function createCircle(cx:Number, cy:Number, size:Number, col:uint):Sprite {
            var sprite:Sprite = new Sprite();
            sprite.graphics.beginFill( col );
            sprite.graphics.drawCircle( cx, cy, size );
            sprite.graphics.endFill();
            return sprite;
        }
    }
}

です。
思ったより簡単。

それから、Bitmapの方法ってjavascriptでいうところのcanvasに似てる。
Bitmapで学んだ方法をcanvasでもやってみようかな・・。