pages/index.html

94 lines
4.3 KiB
HTML
Executable file

---
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>