<!doctype html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>PIXI Text</title>

    <link rel="stylesheet" href="../3rdparty/highlight/styles/default.css">
    <link rel="stylesheet" href="../../css/doctest.css">

    <script src="../3rdparty/highlight/highlight.pack.js"></script>
    <script src="../../dist/iwmlib.3rdparty.js"></script>

    <script src="../../dist/iwmlib.js"></script>
    <script src="../../dist/iwmlib.pixi.js"></script>
</head>
<body onload="Doctest.run()">
    <h1>Text</h1>
    <p>
        The Button class defines a clickable/touchable button. Use custom button styles for actions in forms, dialogs,
        and more with support for multiple sizes, states, and more. Buttons will appear pressed when active. Make 
        buttons look inactive by setting the disabled state to true. To allow changing the state between active/inactive, set 
        the button type to "checkbox".
    </p>
    <p><a href="../../doc/out/Text.html">JavaScript API</a></p>
    <p>Let's look at some text examples:</p><br />
    <canvas id="canvas" class="interactive"></canvas>
    <p>
        What you should see: Many texts with very different styling and behaviour.
    </p>
    <script class="doctest">
const app = new PIXIApp({
    view: canvas,
    width: 900,
    height: 600,
    transparent: false
}).setup().run()

const text1 = new Text({x: 10, y: 10})

app.scene.addChild(text1)
    </script>
</body>
</html>