lufylegend库 LGraphics扭曲图片 | 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,