<!DOCTYPE html>
<html lang="en" style="max-width: none;">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>PIXI Fullscreen Application Doctest</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 style="margin: 0; padding: 0;">
        <canvas id="canvas" style="width: 100%; height: 100%;"></canvas>
        <script class="doctest">
            const app = new PIXIApp({
                view: canvas,
                fpsLogging: true,
                transparent: false
            })

            app.setup()
            app.run()

            let highlightBtn = new PIXI.Graphics()
            highlightBtn.lineStyle(4, 0xff6900)
            highlightBtn.drawRoundedRect(150, 40, 30, 30, 4)
            highlightBtn.endFill()
            app.stage.addChild(highlightBtn)
        </script>
    </body>
</html>