pages/index.html

---
layout: default
title: The Paper Pilot
nocard: true
sections: [puppet, featured, favorites]
favorites: [NaN, Tower Offense, Slime Chargers!]
---
<div id="puppet">
    <div id="current_chat"></div>
</div>

<div id="controls">
    <p>Tap <img class="inline" src="assets/home/arrowLeft.png" /> and <img class="inline" src="assets/home/arrowRight.png" /> to change direction and move</p>
    <p>Tap <img class="inline" src="assets/home/arrowUp.png" /> to bob up and down</p>
    <p>Hold <span style="color: white;">Space</span> to "babble"</p>
    <p>Tap <span style="color: white; white-space: nowrap;">1-7</span> to change my expression</p>
</div>

<div class="section">
<div class="card">
    <div class="card-content">
        <span class="card-title">Hello!</span>
        <p>I'm Anthony "The Paper Pilot" Lawn, and I develop programs and games using a variety of languages and engines. I received my B.S. in Computer Science at the University of Texas at Dallas, and am studying there towards my M.S. as well, with a focus on Computer Interaction.</p>
    </div>
</div>
</div>

<div class="section" id="featured">
    <h1>Featured Projects</h1>
    <div class="two-section">
        <div class="card">
            <div class="card-content">
                <div class="card-image">
                    <a href="/babble"><img src="/assets/babble-assets/screenshot.jpg"></a>
                </div>
                <span class="card-title"><a href="/babble">I made Babble Buds!</a><span class="language">JS</span><span class="language">C#</span></span>
                <p>Babble Buds is a free, open source virtual puppet show engine I made for various platforms including HTLM5 and Unity, as well as an accompanying electron-based puppet editor and multiplayer stage</p>
                <a href="/babble">read more</a>
            </div>
        </div>
        <div class="card">
            <div class="card-content">
                <div class="card-image">
                    <a href="/dicearmor"><img src="/assets/dicearmor-assets/editors.jpg"></a>
                </div>
                <span class="card-title"><a href="/dicearmor">I was the lead programmer on Dice Armor!</a><span class="language">C#</span></span>
                <p>I was the lead programmer on a team of nine creating this game in a semester long college course. I programmed all the gameplay systems as well as incorporated Babble Buds for the cutscenes and tutorial.</p>
                <a href="/dicearmor">read more</a>
            </div>
        </div>
        <div class="card">
            <div class="card-content">
                <div class="card-image">
                    <video src="Boids.mp4" controls>
                </div>
                <span class="card-title">I'm a Computer Scientist!<span class="language">C#</span><span class="language">C++</span></span>
                <p>I know many advanced topics of computer science, and have experience implementing complex systems including the Boids flocking algorithm and Inverse Kinematics.</p>
            </div>
        </div>
        <div class="card">
            <div class="card-content">
                <div class="card-image">
                    <img src="vr.png">
                </div>
                <span class="card-title">I've worked with VR!<span class="language">C#</span></span>
                <p>I'm one of two developers on a game prototype for a VR game with roguelike deckbuilding mechanics, similar to Slay the Spire.</p>
            </div>
        </div>
    </div>
</div>

<div class="section" id="favorites">
    <h1>Favorite Projects</h1>
    <div class="three-section">
    {% for project in page.favorites %}
    {% for page in site.posts %}
    {% if page.title == project %}
        <div class="card">
            <div class="card-content" markdown="1">
                <div class="card-image">
                    <a href="{{ page.url }}"><img src="/assets/banners/{{ page.banner }}.png"></a>
                </div>
                <span class="card-title"><a href="{{ page.url }}">{{ page.title }}</a>{% for language in page.languages %}<span class="language">{{ language }}</span>{% endfor %}</span>
                {{ page.content }}
            </div>
        </div>
    {% endif %}
    {% endfor %}
    {% endfor %}
    </div>
</div>

<script src="https://cdn.rawgit.com/thepaperpilot/babble.js/master/dist/babble.js"></script>
<script src="js/home.js"></script>