lufylegend库 LButton

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>lufylegend</title>
    <script type="text/javascript" src="lufylegend-1.7.6.js"></script>
</head>

<body>
    <div id="mylegend">loading...</div>
    <script type="text/javascript">
    init(50, ‘mylegend‘, 500, 350, main);
    var loader, bitmapup, bitmapover, field;

    function main() {
        loader = new LLoader();
        loader.addEventListener(LEvent.COMPLETE,loadUp);
        loader.load(‘up.png‘,‘bitmapData‘);
    }
    function loadUp(event){
        bitmapup = new LBitmap(new LBitmapData(loader.content));
        loader = new LLoader();
        loader.addEventListener(LEvent.COMPLETE,loadOver);
        loader.load(‘over.png‘,‘bitmapData‘);
    }
    function loadOver () {
        bitmapover = new LBitmap(new LBitmapData(loader.content));
        var layer = new LSprite();
        addChild(layer);
        field = new LTextField();
        field.text=‘Wait Click‘;
        layer.addChild(field);
        var testButton = new LButton(bitmapup,bitmapover);
        testButton.y = 50;
        layer.addChild(testButton);
        testButton.addEventListener(LMouseEvent.MOUSE_DOWN,downshow);
    }
    function downshow (event) {
        field.text = ‘testButton Click !‘;
    }
    </script>
</body>

</html>
时间: 2024-10-07 04:29:59

lufylegend库 LButton的相关文章

Lufylegend库学习笔记1 绘图操作及鼠标事件

这几天对于网页前端有点兴趣,学习了一下Canvas的相关知识. 看到Lufylegend库之后,感觉很棒,有一种在写AS的感觉.今天入门第一站,写了一个画板. 是一个非常简易的画板,但是可以看到一些重要的思想. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mouse Event</title&g

lufylegend库 LTextField

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></script> </head&g

lufylegend库 LBitmapData LBitmap LSprite

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></script> </head&g

lufylegend库 鼠标事件 循环事件 键盘事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></script> </head&g

lufylegend库 LGraphics

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></script> </head&g

lufylegend库 LGraphics绘制图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></script> </head&g

HTML5 Canvas游戏开发(四)lufylegend开源库件(下)

一.文本 LTextField对象是lufylegend库件中专门用于显示文本信息的一个对象. 1.文本属性 创建的文本框对象不会自动加入可视化对象列表中.只有手动调用addChild()方法才能使它显示. var layer = new LSprite(); //初始化LSprite对象 addChild(layer); //将对象添加进canvas画布中 var field = new LTextField(); //创建文本框对象 field.text = "Hello World!&qu

HTML5游戏开发-扫雷及其算法研究

吕蒙曰:士隔三月[1],当刮目相看.所以,在下在这三月中发奋图强,花了约莫8节信息课的时间研究扫雷.呜呼,由于在下才能尚且不足,所以也就只能勉强打过中级难度的吧.不过,一边玩的同时,我还一边对扫雷这个游戏的制做方法构思了一下.所以说,本文中的算法完全是凭借自己对扫雷游戏规则的总结而自行研发出来的,倘若和MS的扫雷玩法有些出入,还望各位看官见谅. [1]出自<孙权劝学>,原文为"士别三日",由于在下这三个月来都不曾发表博客,所以引申到"士隔三月",各位看官

用仿ActionScript的语法来编写html5——终篇,LegendForHtml5Programming1.0开源库件

一,LegendForHtml5Programming1.0库件是什么?它是一个javascript库,它模仿了ActionScript的语法,用于html5的开发,目前实现的功能相对较少,还不能称之为引擎,希望将来可以作为html5的开源引擎,为html5开发者提供服务. 二,LegendForHtml5Programming1.0库件的构建过程请参照下面的九篇文章,最终代码和构建过程会有些出入,以源码为准.用仿ActionScript的语法来编写html5系列文章第一篇,显示一张图片http