Loading

lufylegend库 LGraphics扭曲图片

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>

<body>
    <div id="mylegend">loading...</div>
    <script type="text/javascript">
    var loader;
    init(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);
        var backLayer = new LSprite();
        addChild(backLayer);
        var vertices = [];
        vertices.push(0,0);
        vertices.push(0,120);
        vertices.push(0,240);
        vertices.push(120,0);
        vertices.push(120,120);
        vertices.push(120,240);
        vertices.push(240,0);
        vertices.push(240,120);
        vertices.push(240,240);
        var indices = [];
        indices.push(0,3,1);
        indices.push(3,1,4);
        indices.push(1,4,2);
        indices.push(4,2,5);
        indices.push(3,6,4);
        indices.push(6,4,7);
        indices.push(4,7,5);
        indices.push(7,5,8);
        var uvtData = [];
        uvtData.push(0,0);
        uvtData.push(0,0.5);
        uvtData.push(0,1);
        uvtData.push(0.5,0);
        uvtData.push(0.5,0.5);
        uvtData.push(0.5,1);
        uvtData.push(1,0);
        uvtData.push(1,0.5);
        uvtData.push(1,1);
        backLayer.graphics.beginBitmapFill(bitmapdata);
        backLayer.graphics.drawTriangles(vertices,indices,uvtData,2,'#fff');
    }
    </script>
</body>

</html>2,

 

posted @ 2015-07-27 14:31  stono  阅读(408)  评论(0编辑  收藏  举报