index.html

﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>PixiJS + pixi-animate</title>
    <meta name="generator" content="PixiAnimate Extension">
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <style>
        * {
            padding: 0;
            margin: 0;
            text-align: center;
        }

        #container {
            width: 90%;
        }

        h3 {
            color: #ff0033;
        }

        div {
            margin-top: 30px;
        }
    </style>
    <script src="libs/pixi.min.js"></script>
    <script src="libs/pixi-animate.min.js"></script>
    <script src="src/fall_leaf_04_pixianimate.js"></script>
    <script src="src/fish_08_PixiAnimate.js"></script>
</head>

<body>
    </div>
    <div id="conatiner">
        <h1>PixiJS +</h1>
        <h2>pixi-animate(Adobe Animate)</h2>
        <p>use library: <a href="https://www.adobeexchange.com/creativecloud.details.14345.pixianimate.html"
                target="_blank">
                https://www.adobeexchange.com/creativecloud.details.14345.pixianimate.html</a><br>&nbsp;</p>

        <p>It used alpha animation, color transform, frame scripts, nested timelines, and classic motion guide.</p>

        <div>
            <canvas id="stage" width="384" height="384"></canvas>
            <canvas id="stage2" width="384" height="384"></canvas>
        </div>

        <p>[ page1 ] [ <a href="index2.html">page2</a> ] [ <a href="index3.html">page3</a> ]</p>

    </div>
    <script src="src/main.js"></script>
</body>

</html>