用仿ActionScript的語法來寫html5－終篇

一,LegendForHtml5Programming1.0庫件是什麼?
它是一個javascript庫，它模仿了ActionScript的語法，用於html5的開發，目前實現的功能相對較少，還不能稱之為引擎，希望將來可以作為html5的開源引擎，為html5開發者提供服務。


二，LegendForHtml5Programming1.0庫件的建置流程
請參考下面的九篇文章，最終程式碼和建置流程會有些出入，以原始碼為準。
用仿ActionScript的語法來寫html5系列文章
第一篇，顯示一張圖片
http://blog.csdn.net/lufy_legend/article/details/6753032
第二篇，利用Sprite實現動畫
http ://blog.csdn.net/lufy_legend/article/details/6753032
第三篇，滑鼠事件與遊戲人物移動
http://blog.csdn.net/lufy_legend/article/details/6760812
第四篇，繼承與簡單的rpg
http://blog.csdn.net/lufy_legend/article/details/6770713
第五篇，Graphics繪圖
http://blog.csdn.net/lufy_legend/article/details/6777784
第六篇，TextField與輸入框
http://blog.csdn.net/lufy_legend/article/details/6782218
第七篇，自訂按鈕
http://blog.csdn.net/lufy_legend/article/details/ 6798187
第八篇，圖片處理+粒子效果
http://blog.csdn.net/lufy_legend/article/details/6798192
第九篇，仿URLLoader讀取檔案
http://blog.csdn.net/ lufy_legend/article/details/6824136


三，LegendForHtml5Programming1.0庫件的使用舉例
下面是使用LegendForHtml5Programming1.0的兩個簡陋的小遊戲，只是為了試驗，下面是使用LegendForHtml5Programming1.0的兩個簡陋的小遊戲，只是為了試驗，下面是使用LegendForHtml5Programming1.05遊戲來做參考。
1，俄羅斯方塊
http://fsanguo.comoj.com/html5/jstoas10/index.html
2，抽獎小遊戲
http://fsanguo.comoj.com/html5/lottery_html5/index.html
個人感覺，該庫件使用起來還是很方便的，尤其上面的俄羅斯方塊，我是直接把以前的AS代碼複製過來，在語法上稍加修改，竟然直接可以運行了
關於遊戲的源碼,大家點擊滑鼠右鍵我就可以自己看了，我就不多說了


四，LegendForHtml5Programming1.0庫件的語法舉例
使用前，需要在html中引進LegendForHtml5Programming1.0庫件的legend.js文件，然後在legend.js中配置你的庫件所在的位置


1，顯示圖片

var loader;    
function main(){    
    loader = new LLoader();    
    loader.addEventListener(LEvent.COMPLETE,loadBitmapdata);    
    loader.load("10594855.png","bitmapData");    
}    
function loadBitmapdata(event){    
    var bitmapdata = new LBitmapData(loader.content);    
    var bitmap = new LBitmap(bitmapdata);    
    addChild(bitmap);    
}    
//图片的缩放  
bitmapdata = new LBitmapData(imglist["chara"]);  
showImg2 = new LBitmap(bitmapdata);  
showImg2.scaleX = 0.2;  
showImg2.scaleY = 0.2;  
//图片的透明度  
bitmapdata = new LBitmapData(imglist["chara"]);  
showImg3 = new LBitmap(bitmapdata);  
showImg3.alpha = 0.2;  
//图片的旋转  
bitmapdata = new LBitmapData(imglist["chara"]);  
showImg4 = new LBitmap(bitmapdata);  
showImg4.rotate = 50;

2，Sprite的使用

var backLayer = new LSprite();    
addChild(backLayer);   
//在sprite上加child  
backLayer.addChild(mapimg);

3，事件

//frame事件  
//backLayer.addEventListener(LEvent.ENTER_FRAME, onframe)    
//鼠标事件  
//backLayer.addEventListener(LMouseEvent.MOUSE_DOWN, onframe)

US1東西可以添加到iphoneE_LC，MOUSE_DOWN，MOM8 ,ipad或android，那麼該函式庫會自動將MOUSE_DOWN，MOUSE_UP，MOUSE_MOVE轉換為TOUCH_START，TOUCH_END，TOUCH_MOVE，無需自己加入touch事件
4，繼承
在構造器中呼叫base(this,LSprite,[]);方法既可實現繼承
三個參數分別是自己,要繼承的父類,父類構造器的參數
5，Graphics繪圖

backLayer = new LSprite();    
addChild(backLayer);    
//画一圆    
backLayer.graphics.drawRect(1,"black",[20, 20, 150, 20],true,"#cccccc");    
//画一个矩形    
backLayer.graphics.drawArc(2,"black",[100, 100, 50, 0,2*Math.PI,false],true,"#FF0000");    
//画一条线    
backLayer.graphics.drawLine(2,"#FF0000",[200, 20, 100, 50]);

6，文字與輸入框

//文字显示    
var txt = new LTextField();    
txt.x = 100;    
txt.text = "TextField 测试";    
addChild(txt);    
//输入框    
var txt1 = new LTextField();    
txt1.x = 100;    
txt1.y = 50;    
txt1.setType(LTextFieldType.INPUT);    
addChild(txt1);

7，按鈕

以上就是用仿ActionScript的語法來寫html5－終篇的內容，更多相關內容請關注PHP中文網（www.php.cn）！