dots/dots.html at master · jasenmh/dots · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
    <head>
        <title>Trinket/Gemma Pendant Animator</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script src="js/dots.js" type="text/javascript"></script>
    </head>
    <body>
        <div>
            <h2>Pendant Animator</h2><br>
            To be used to create animation frames for the pendant project created by
            Phillip Burgess at
            <a href="https://learn.adafruit.com/trinket-slash-gemma-space-invader-pendant/overview">adafruit</a>.
            <p>
        </div>
        <div class="dots"></div>
        <p>
        <div>
            <h2>Instructions</h2>
            <ol>
                <li>Click on the LEDs in the array to create an animation frame.</li>
                <li>Click on the 'Generate Code' button to get the array lines you will add
                to the anim array in the anim.h file.</li>
                <li>You can save a frame by filling in the Frame Name field ad clicking the
                'Save Frame' button.</li>
                <li>You can load a saved frame by selecting it from the drop-down menu and
                clicking the 'Load Frame' button.</li>
                <li>You can delete a frame by selecting it from the drop-down menu and clicking
                the 'Delete Frame' button.</li>
            </ol>
            <br>
            Note: All frames have a time of <b>25</b> (a quarter of a second). You may
            want to adjust this to achieve different animation effects.
        </div>
    </body>
</html>