99 lines
4.7 KiB
HTML
Executable file
99 lines
4.7 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 id="babble" class="hidden">
|
|
<div style="animation-delay: 0s; transform: translate(-20px, -60px) rotate(-15deg);">Babble</div>
|
|
<div style="animation-delay: .85s; transform: translate(0px, -30px) rotate(2.5deg);">Babble</div>
|
|
<div style="animation-delay: 1.7s; transform: translate(10px, 2px) rotate(-5deg);">Babble</div>
|
|
</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 Game Jam Games</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>
|