Lufylenged引擎學習——LLoader、LBitmap

一喵嗚發表於2015-08-11
FPS(Frames Per Second):每秒傳輸幀數。

【程式碼練習】
LLoader類可用於載入影像(JPG、PNG或GIF)檔案。使用load()方法來啟動載入。

LLoader.load('URl','bitmapData');

LEvent COMPLETE  圖片載入完成事件

loader.addEventListener(LEvent.COMPLETE,ybFuncName);

初始化 LBitmap 物件以引用指定的 LBitmapData 物件。LBitmap 類表示用於表示點陣圖影像的顯示物件。這些影像可以是使用 LLoader 類載入的影像,也可以是使用 LBitmap() 建構函式建立的影像。利用 LBitmap() 建構函式,可以建立包含對 LBitmapData 物件的引用的 LBitmap 物件。建立了 LBitmap 物件後,使用父例項的 addChild() 或 addChildAt() 方法將點陣圖放在顯示列表中。一個 LBitmap 物件可在若干 LBitmap 物件之中共享其 LBitmapData 引用,與轉換屬性或旋轉屬性無關。由於能夠建立引用相同 LBitmapData 物件的多個 LBitmap 物件,因此,多個顯示物件可以使用相同的複雜 LBitmapData 物件,而不會因為每個顯示物件例項使用一個 LBitmapData 物件而產生記憶體開銷。LBitmap 物件可通過以下兩種方式之一將 LBitmapData 物件繪製到螢幕上:使用向量渲染器作為填充點陣圖形狀,或使用更快的畫素複製例程。畫素複製例程的速度比向量渲染器要快很多。注意:LBitmap 類不是 InteractiveObject 類的子類,因此它無法排程滑鼠事件。但是,可以使用包含 LBitmap 物件的顯示物件容器的 addEventListener() 方法。


畫出十張圖:

<script type="text/javascript">
     var loader;  
     LInit(50,"mylegend",500,350,main);
     function main() {
          loader = new LLoader();
          loader.addEventListener(LEvent.COMPLETE,loadBitmapdata);
          loader.load('face.jpg','bitmapData');
     }
     function loadBitmapdata(event){
          var bitmapdata = new LBitmapData(loader.content);
          for (var i = 0; i < 10; i++) {
               var name =  'bitmap'+i;
               console.log(name);
               name = new LBitmap(bitmapdata);
               name.x = 15*i+130;
               name.y = 10*i;
               addChild(name);
          }
     }
</script>




【實現了透明效果】  name.rotate = i*10;





【實現旋轉以及漸顯效果程式碼】

     function loadBitmapdata(event){
          var bitmapdata = new LBitmapData(loader.content);
          
          for (var i = 0; i < 10; i++) {
               var name =  'bitmap'+i;
               console.log(name);
               name = new LBitmap(bitmapdata);
               name.x = 20*i+50;
               name.y = 15*i;
               // 圖片旋轉
               name.rotate = i*10;
              //圖片透明度設定為漸顯
                  name.alpha = i*0.1;
               addChild(name);
               console.log(name);
          }
     }






相關文章