※現在、「wonderfl build flash online」求人コンテンツ制作に関してのアンケートを実施中です！みなさまのお力添えを頂いて、続々とアンケート結果が集まっていますが、まだまだ募集しております。ご協力のほど、どうぞよろしくお願いいたします！

wonderfl運営事務局
→アンケートページ（※ログインしてからお答えいただけるようになっています。）

 notice: Flash editor updated! Join the development! Thanks to MiniBuilder


forked from : kkeisuke's beginBitmapFill で背景を無限スクロール [diff(29)]

embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FORKED
>sort

forked from: beginBitmapFill で背景を無限スクロール(dispose) forked from: forked from: beginBitmapFill で背景を無限スクロール(dispose) [diff(1)]

  1. // forked from kkeisuke's forked from: beginBitmapFill で背景を無限スクロール(dispose)
  2. // forked from kkeisuke's beginBitmapFill で背景を無限スクロール
  3. package  
  4. {
  5.     import flash.display.BitmapData;
  6.     import flash.display.Shape;
  7.     import flash.display.Sprite;
  8.     import flash.display.StageAlign;
  9.     import flash.display.StageScaleMode;
  10.     import flash.events.Event;
  11.     import flash.geom.Matrix;
  12.     import net.hires.debug.Stats;
  13.     
  14.     /** 
  15.     * beginBitmapFill のテストです。
  16.     * 背景を無限スクロールさせると、メモリはどのような状態になるのでしょう？
  17.     * 
  18.     * アドバイスを頂きました！ありがとうございます！！
  19.     * dispose() を入れたら、自宅の環境だと 5M も減りました！！
  20.     * 開放される頻度も上がったように感じます！！
  21.     */
  22.     [SWF(backgroundColor = 0xffffff, frameRate = 40, width = 465, height = 465)]
  23.     public class TileLoopScroll extends Sprite
  24.     {
  25.         private var bd:BitmapData;
  26.         private var bdw:int;
  27.         private var bdh:int;
  28.         private var sw:Number;
  29.         private var sh:Number;
  30.         private var mtx2:Matrix;
  31.         
  32.         
  33.         public function TileLoopScroll() 
  34.         {
  35.             addEventListener(Event.ADDED_TO_STAGE , added);
  36.         }
  37.         
  38.         
  39.         private function added(e:Event):void 
  40.         {
  41.             removeEventListener(Event.ADDED_TO_STAGE, added);
  42.             
  43.             init();
  44.         }
  45.         
  46.         
  47.         private function getStar():BitmapData {
  48.             // 素材の準備
  49.             var star:Shape = new Shape();
  50.             star.graphics.beginFill(0xFCE80D);
  51.             star.graphics.drawRect(-50, -50, 100, 100);
  52.             star.graphics.beginFill(0xFCC00D);
  53.             GraphicsUtil.star(star.graphics, 20, 40);
  54.             star.graphics.endFill();
  55.             star.x = star.width * 0.5;
  56.             star.y = star.height * 0.5;
  57.             
  58.             var mtx:Matrix = new Matrix();
  59.             mtx.translate(star.width * 0.5, star.height * 0.5);
  60.             
  61.             var result:BitmapData;
  62.             result = new BitmapData(star.width, star.height);
  63.             result.draw(star, mtx);
  64.             
  65.             return result;
  66.         }
  68.         
  69.         private function init():void
  70.         {
  71.             stage.align = StageAlign.TOP_LEFT;
  72.             stage.scaleMode = StageScaleMode.NO_SCALE;
  73.             
  74.             bd = getStar();
  75.             
  76.             bdw = bd.width;
  77.             bdh = bd.height;
  78.             
  79.             // リサイズ用
  80.             setStageSize(null);
  81.             
  82.             // beginBitmapFill 用の Matrix
  83.             mtx2 = new Matrix();
  84.             
  85.             this.addEventListener(Event.ENTER_FRAME , loop);
  86.             stage.addEventListener(Event.RESIZE , setStageSize);
  87.             
  88.             addChild(new Stats());
  89.         }
  90.         
  91.         
  92.         private function draw():void
  93.         {
  94.             // 素材の bitmapdata
  95.             bd.dispose();
  96.             bd = null;
  97.             bd = getStar();
  98.             
  99.             // 一応 clear() してるのですが・・・
  100.             this.graphics.clear();
  101.             this.graphics.beginBitmapFill(bd, mtx2);
  102.             this.graphics.drawRect(0, 0, sw, sh);
  103.             this.graphics.endFill();
  104.         }
  105.         
  106.         
  107.         private function loop(e:Event):void 
  108.         {
  109.             if (mtx2.tx > bdw || mtx2.ty > bdh) 
  110.             {
  111.                 mtx2.tx = mtx2.ty = 0;
  112.             }
  113.             
  114.             // tx,ty でスクロールさせる。
  115.             mtx2.tx += 2
  116.             mtx2.ty += 2
  117.             
  118.             draw();
  119.         }
  120.         
  121.         
  122.         private function setStageSize(e:Event):void 
  123.         {
  124.             sw = stage.stageWidth;
  125.             sh = stage.stageHeight;
  126.         }
  127.         
  128.     }
  130. }
  134. import flash.display.Graphics;
  135. import flash.display.Shape;
  136. import flash.geom.Point;
  139. /** 
  140. * 既存にない Graphics を描画するクラスです。Graphics を返します。
  141. */
  142. class GraphicsUtil
  143. {
  144.     static private var PI:Number = Math.PI;
  145.     static private var DEGTORAD:Number = Math.PI / 180;
  146.     
  147.     
  148.     /** 
  149.     * 星形
  150.     * @param g Graphics ターゲット 
  151.     * @param inR 内側の半径
  152.     * @param outR 外側の半径
  153.     * @param vertex 頂点の数。5点以上
  154.     * @return Graphics 生成した星形
  155.     */
  156.     public static function star(g:Graphics, inR:Number, outR:Number, vertex:int = 5):Graphics
  157.     {
  158.         var points:/*Number*/Array = [];
  159.         var rad:Number = PI * 2 / vertex;
  160.         
  161.         for (var i: int = 0; i < vertex; i++) 
  162.         {
  163.             var outTheta:Number = (i * rad) - PI * 0.5;
  164.             var inTheta:Number = outTheta + (rad * 0.5);
  165.             
  166.             points[i << 2] = outR * Math.cos(outTheta);
  167.             points[(i << 2) + 1] = outR * Math.sin(outTheta);
  168.             points[(i << 2) + 2] = inR * Math.cos(inTheta);
  169.             points[(i << 2) + 3] = inR * Math.sin(inTheta);
  170.         }
  171.         
  172.         g.moveTo(points[0], points[1]);
  173.         
  174.         var n:int = points.length >> 1;
  175.         for (var j: int = 1; j < n; j++) 
  176.         {
  177.             g.lineTo(points[j << 1], points[(j << 1) + 1]);
  178.         }
  179.         
  180.         g.lineTo(points[0], points[1]);
  181.         
  182.         return g;
  183.     }
  184. }
noswf

forked from: beginBitmapFill で背景を無限スクロール(dispose) forked from: beginBitmapFill で背景を無限スクロール(Statsの罠) [diff(35)]

  1. // forked from kkeisuke's forked from: beginBitmapFill で背景を無限スクロール(dispose)
  2. // forked from kkeisuke's beginBitmapFill で背景を無限スクロール
  3. package  
  4. {
  5.     import flash.display.BitmapData;
  6.     import flash.display.Shape;
  7.     import flash.display.Sprite;
  8.     import flash.display.StageAlign;
  9.     import flash.display.StageScaleMode;
  10.     import flash.events.Event;
  11.     import flash.geom.Matrix;
  12.     import net.hires.debug.Stats;
  13.     import flash.text.*;
  14.     import flash.system.System
  15.     
  16.     /** 
  17.     * beginBitmapFill のテストです。
  18.     * 背景を無限スクロールさせると、メモリはどのような状態になるのでしょう？
  19.     * 
  20.     * アドバイスを頂きました！ありがとうございます！！
  21.     * dispose() を入れたら、自宅の環境だと 5M も減りました！！
  22.     * 開放される頻度も上がったように感じます！！
  23.     */
  24.     [SWF(backgroundColor = 0xffffff, frameRate = 40, width = 465, height = 465)]
  25.     public class TileLoopScroll extends Sprite
  26.     {
  27.         private var bd:BitmapData;
  28.         private var bdw:int;
  29.         private var bdh:int;
  30.         private var sw:Number;
  31.         private var sh:Number;
  32.         private var mtx2:Matrix;
  33.         private var dbg:TextField;
  34.         private var Memory:Number=0;
  35.         private var maxMemory:Number=0;
  36.         
  37.         
  38.         public function TileLoopScroll() 
  39.         {
  40.             addEventListener(Event.ADDED_TO_STAGE , added);
  41.         }
  42.         
  43.         
  44.         private function added(e:Event):void 
  45.         {
  46.             removeEventListener(Event.ADDED_TO_STAGE, added);
  47.             
  48.             init();
  49.         }
  50.         
  51.         
  52.         private function getStar():BitmapData {
  53.             // 素材の準備
  54.             var star:Shape = new Shape();
  55.             star.graphics.beginFill(0xFCE80D);
  56.             star.graphics.drawRect(-50, -50, 100, 100);
  57.             star.graphics.beginFill(0xFCC00D);
  58.             GraphicsUtil.star(star.graphics, 20, 40);
  59.             star.graphics.endFill();
  60.             star.x = star.width * 0.5;
  61.             star.y = star.height * 0.5;
  62.             
  63.             var mtx:Matrix = new Matrix();
  64.             mtx.translate(star.width * 0.5, star.height * 0.5);
  65.             
  66.             var result:BitmapData;
  67.             result = new BitmapData(star.width, star.height);
  68.             result.draw(star, mtx);
  69.             
  70.             return result;
  71.         }
  73.         
  74.         private function init():void
  75.         {
  76.             stage.align = StageAlign.TOP_LEFT;
  77.             stage.scaleMode = StageScaleMode.NO_SCALE;
  78.             
  79.             bd = getStar();
  80.             
  81.             bdw = bd.width;
  82.             bdh = bd.height;
  83.             
  84.             // リサイズ用
  85.             setStageSize(null);
  86.             
  87.             // beginBitmapFill 用の Matrix
  88.             mtx2 = new Matrix();
  89.             
  90.             this.addEventListener(Event.ENTER_FRAME , loop);
  91.             stage.addEventListener(Event.RESIZE , setStageSize);
  92.             
  93.             //addChild(new Stats());
  95.             dbg=new TextField()
  96.             dbg.autoSize=TextFieldAutoSize.LEFT
  97.             dbg.selectable=false;
  98.             dbg.mouseEnabled=false;
  99.             var format:TextFormat=new TextFormat();
  100.             format.color=0x666666
  101.             format.size=12;
  102.             format.font='_ゴシック';
  103.             dbg.defaultTextFormat=format
  104.             addChild(dbg);
  105.             dbg.x=200
  106.             
  107.         }
  108.         
  109.         
  110.         private function draw():void
  111.         {
  112.             // 素材の bitmapdata
  113.             //bd.dispose();
  114.             //bd = null;
  115.             //bd = getStar();
  116.             
  117.             // 一応 clear() してるのですが・・・
  118.             this.graphics.clear();
  119.             this.graphics.beginBitmapFill(bd, mtx2);
  120.             this.graphics.drawRect(0, 0, sw, sh);
  121.             this.graphics.endFill();
  123.             //メモリが増えていくのは、実はStatsのPixel描画によるものでは？
  124.             //TextAreaにMemoryを表示するとほとんど変わらないので、上記の操作でメモリリークは無いと思われます。
  125.             //なお、dispose()は、BitmapDataのメモリを開放するので、その際ガベージコレクションを更新しているに過ぎない気がします。
  126.             //実際には、わずかですが、その処理分の負荷が増える事になりますよね
  127.             //ちなみにこれでも、微妙にメモリは加算されますが、下記の表記によるゴミみたいなものなので、
  128.             //デバックできる環境で、System.gc()（ガベージコレクションの強制開放）すると、メモリがまったく変化しないのが確認できるかと思います。
  129.             Memory=Number((System.totalMemory * 0.000000954).toFixed(3));
  130.             maxMemory=(maxMemory<Memory)?Memory:maxMemory;
  131.             dbg.text='Mem '+String(Memory)+'\nMax '+String(maxMemory);
  132.             //以下はデバッグでのみ有効()
  133.             System.gc();
  134.         }
  135.         
  136.         
  137.         private function loop(e:Event):void 
  138.         {
  139.             if (mtx2.tx > bdw || mtx2.ty > bdh) 
  140.             {
  141.                 mtx2.tx = mtx2.ty = 0;
  142.             }
  143.             
  144.             // tx,ty でスクロールさせる。
  145.             mtx2.tx += 2
  146.             mtx2.ty += 2
  147.             
  148.             draw();
  149.         }
  150.         
  151.         
  152.         private function setStageSize(e:Event):void 
  153.         {
  154.             sw = stage.stageWidth;
  155.             sh = stage.stageHeight;
  156.         }
  157.         
  158.     }
  160. }
  164. import flash.display.Graphics;
  165. import flash.display.Shape;
  166. import flash.geom.Point;
  169. /** 
  170. * 既存にない Graphics を描画するクラスです。Graphics を返します。
  171. */
  172. class GraphicsUtil
  173. {
  174.     static private var PI:Number = Math.PI;
  175.     static private var DEGTORAD:Number = Math.PI / 180;
  176.     
  177.     
  178.     /** 
  179.     * 星形
  180.     * @param g Graphics ターゲット 
  181.     * @param inR 内側の半径
  182.     * @param outR 外側の半径
  183.     * @param vertex 頂点の数。5点以上
  184.     * @return Graphics 生成した星形
  185.     */
  186.     public static function star(g:Graphics, inR:Number, outR:Number, vertex:int = 5):Graphics
  187.     {
  188.         var points:/*Number*/Array = [];
  189.         var rad:Number = PI * 2 / vertex;
  190.         
  191.         for (var i: int = 0; i < vertex; i++) 
  192.         {
  193.             var outTheta:Number = (i * rad) - PI * 0.5;
  194.             var inTheta:Number = outTheta + (rad * 0.5);
  195.             
  196.             points[i << 2] = outR * Math.cos(outTheta);
  197.             points[(i << 2) + 1] = outR * Math.sin(outTheta);
  198.             points[(i << 2) + 2] = inR * Math.cos(inTheta);
  199.             points[(i << 2) + 3] = inR * Math.sin(inTheta);
  200.         }
  201.         
  202.         g.moveTo(points[0], points[1]);
  203.         
  204.         var n:int = points.length >> 1;
  205.         for (var j: int = 1; j < n; j++) 
  206.         {
  207.             g.lineTo(points[j << 1], points[(j << 1) + 1]);
  208.         }
  209.         
  210.         g.lineTo(points[0], points[1]);
  211.         
  212.         return g;
  213.     }
  214. }
noswf
Get Adobe Flash Player