Applied some feedback I got today
This commit is contained in:
parent
a5c3ad7128
commit
f3d2aec198
7 changed files with 99 additions and 101 deletions
|
@ -34,30 +34,6 @@
|
|||
|
||||
<body>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<div class="head head-background">
|
||||
<div class="breadcrumbs">
|
||||
{% if page.title != "The Paper Pilot" %}
|
||||
<h1><a href="/" style="color: #fff">The Paper Pilot</a></h1>
|
||||
{% else %}
|
||||
<h1>The Paper Pilot</h1>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if page.title != "The Paper Pilot" %}
|
||||
<h1 class="page-title">{{ page.title }}</h1>
|
||||
{% endif %}
|
||||
<div class="sections">
|
||||
{% for section in page.sections %}
|
||||
<div onClick="document.getElementById('{{ section }}').scrollIntoView({ behavior: 'smooth' });">{{ section }}</div>
|
||||
{% endfor %}
|
||||
|
||||
{% if page.links %}
|
||||
{% for link in page.links %}
|
||||
{% assign split = link | split: "|" %}
|
||||
<a href="{{ split[1] }}">{{ split[0] }}</a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="head">
|
||||
<div class="breadcrumbs">
|
||||
{% if page.title != "The Paper Pilot" %}
|
||||
|
|
|
@ -6,5 +6,6 @@ banner: nan
|
|||
cards: [NaN, NaN Screenshot 1, NaN Screenshot 2, NaN Screenshot 3]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/NaN", "Download Game|https://thepaperpilot.itch.io/nan"]
|
||||
tags: [python, pygame, chillenium]
|
||||
languages: [Py]
|
||||
---
|
||||
A game made in 48 hours for the 3rd Annual Chillenium at Texas A&M University. It was made by Anthony Lawn and Grant Barbee. The theme was "foofaraw", which basically means to make a big deal about nothing.
|
||||
A short puzzle game made by me and Grant Barbee in 48 hours for the 3rd Annual Chillenium at Texas A&M University. The theme was "foofaraw", which basically means to make a big deal about nothing.
|
||||
|
|
|
@ -6,5 +6,6 @@ banner: slime
|
|||
cards: [Slime Chargers Embed, Slime Chargers!, Slime Chargers Screenshot 1, Slime Chargers Screenshot 2, Slime Chargers Screenshot 3, Slime Chargers Screenshot 4]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/Slime-Chargers", "Play Game|https://thepaperpilot.itch.io/ld39", "Ludum Dare Entry|https://ldjam.com/events/ludum-dare/39/slime-chargers"]
|
||||
tags: [javascript, pixi.js, ludum dare]
|
||||
languages: [JS]
|
||||
---
|
||||
A game made for Ludum Dare 39 about using slimes to charge crystals. It was made entirely by me, including the design, art, sound, and of course code.
|
||||
A short game I made for Ludum Dare 39 about using slimes to charge crystals. It was made entirely by me, including the design, art, sound, and of course code. The theme was "Running Out of Power".
|
||||
|
|
|
@ -6,5 +6,6 @@ banner: toweroffense
|
|||
cards: [Tower Offense Embed, Tower Offense, Tower Offense Screenshot 1, Tower Offense Screenshot 2, Tower Offense Screenshot 3]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/Tower-Offense", "Play Game|https://thepaperpilot.itch.io/tower-offense"]
|
||||
tags: [javascript, pixi.js, chillenium]
|
||||
languages: [JS]
|
||||
---
|
||||
A game made in 48 hours for the 4th Annual Chillenium at Texas A&M University. It was made by Team NaN, consisting of Anthony Lawn, Grant Barbee, Hudson Bielstein, and Daniel Casper. The theme was "Role Reversal".
|
||||
A anti-tower defense game made in 48 hours for the 4th Annual Chillenium at Texas A&M University. It was made by Team NaN, consisting of myself, Grant Barbee, Hudson Bielstein, and Daniel Casper. The theme was "Role Reversal".
|
||||
|
|
105
css/main.css
105
css/main.css
|
@ -177,6 +177,7 @@ button.accordion:focus {
|
|||
|
||||
.head {
|
||||
color: white;
|
||||
background-color: #333c4a;
|
||||
padding: 20px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -192,12 +193,6 @@ button.accordion:focus {
|
|||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
.head.head-background {
|
||||
color: transparent;
|
||||
background-color: #333c4a;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sections {
|
||||
text-align: right;
|
||||
}
|
||||
|
@ -210,32 +205,38 @@ button.accordion:focus {
|
|||
color: white;
|
||||
}
|
||||
|
||||
#intro {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-color: #333c4a;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
.language {
|
||||
font-size: medium;
|
||||
margin-left: 10px;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
#intro + .section {
|
||||
#puppet {
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
background-color: #333c4a;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#puppet + .section {
|
||||
margin-top: calc(100vh - 150px);
|
||||
}
|
||||
|
||||
#intro canvas {
|
||||
#puppet canvas {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#current_chat {
|
||||
display: none;
|
||||
width: 95%;
|
||||
width: 25%;
|
||||
max-width: 900px;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
left: calc(70% + 100px);
|
||||
bottom: 18%;
|
||||
transform: translateX(-50%);
|
||||
color: white;
|
||||
font-size: xx-large;
|
||||
background-color: #242a33;
|
||||
|
@ -243,20 +244,28 @@ button.accordion:focus {
|
|||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#controls {
|
||||
opacity: 0;
|
||||
#current_chat::before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid #242a33;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 25%;
|
||||
transform: translate(-50%, -50%);
|
||||
bottom: 15px;
|
||||
right: 99%;
|
||||
}
|
||||
|
||||
#controls {
|
||||
transform: translateY(-100%);
|
||||
color: grey;
|
||||
font-size: 175%;
|
||||
background-color: #242a3388;
|
||||
padding: 20px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
transition: opacity 1s ease;
|
||||
max-width: 95%;
|
||||
transition: transform 1s ease;
|
||||
}
|
||||
|
||||
#controls p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#controls .inline {
|
||||
|
@ -312,7 +321,14 @@ button.accordion:focus {
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-device-width: 480px) {
|
||||
@media screen and (max-width: 900px) {
|
||||
#current_chat {
|
||||
font-size: large;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 520px) {
|
||||
.head {
|
||||
padding: 10px;
|
||||
}
|
||||
|
@ -329,24 +345,33 @@ button.accordion:focus {
|
|||
font-size: medium;
|
||||
}
|
||||
|
||||
#puppet {
|
||||
overflow: unset;
|
||||
margin-bottom: 20vh;
|
||||
}
|
||||
|
||||
#current_chat {
|
||||
font-size: large;
|
||||
transform: none;
|
||||
width: 80%;
|
||||
max-width: unset;
|
||||
top: 105%;
|
||||
left: 10%;
|
||||
bottom: unset;
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
#controls {
|
||||
font-size: 125%;
|
||||
}
|
||||
|
||||
#controls .inline {
|
||||
width: 1rem;
|
||||
#current_chat::before {
|
||||
border: none;
|
||||
border-right: 30px solid transparent;
|
||||
border-bottom: 30px solid #242a33;
|
||||
bottom: 100%;
|
||||
right: 10%;
|
||||
top: unset;
|
||||
left: unset;
|
||||
}
|
||||
}
|
||||
|
||||
@media (pointer:coarse) {
|
||||
#intro {
|
||||
height: calc(100vh - 60px);
|
||||
}
|
||||
|
||||
#controls {
|
||||
display: none;
|
||||
}
|
||||
|
|
33
index.html
33
index.html
|
@ -2,19 +2,25 @@
|
|||
layout: default
|
||||
title: The Paper Pilot
|
||||
nocard: true
|
||||
sections: [intro, about, featured, favorites]
|
||||
sections: [puppet, featured, favorites]
|
||||
favorites: [NaN, Tower Offense, Slime Chargers!]
|
||||
---
|
||||
<div id="intro">
|
||||
<div id="controls">Use <img class="inline" src="assets/home/arrowLeft.png" />, <img class="inline" src="assets/home/arrowUp.png" />, <img class="inline" src="assets/home/arrowRight.png" />, <img class="inline" src="assets/home/deviceTilt.png" />, and <span style="color: white; white-space: nowrap;">1-7</span> to control me,<br/>or scroll down to see my other projects!</div>
|
||||
<div id="puppet">
|
||||
<div id="current_chat"></div>
|
||||
</div>
|
||||
|
||||
<div class="section" id="about">
|
||||
<div id="controls">
|
||||
<p>Use <img class="inline" src="assets/home/arrowLeft.png" /> and <img class="inline" src="assets/home/arrowRight.png" /> to change direction and move</p>
|
||||
<p>Use <img class="inline" src="assets/home/arrowUp.png" /> to bob up and down</p>
|
||||
<p>Use <span style="color: white;">Space</span> to "babble"</p>
|
||||
<p>Use <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 Lawn, or "The Paper Pilot", and I develop free, open source programs and games in my spare time, using a variety of languages and engines. I received my B.S. in Computer Science at the University of Texas at Dallas, and am still there as I pursue my M.S. in Computer Science, with a focus on Computer Interaction.</p>
|
||||
<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>
|
||||
|
@ -27,8 +33,8 @@ favorites: [NaN, Tower Offense, Slime Chargers!]
|
|||
<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>
|
||||
<p>Babble Buds is a free, open source virtual puppet show engine I made for web and unity, as well as an accompanying electron-based puppet editor and multiplayer stage. Use it for enhancing your digital tabletop roleplaying game, creating silly videos, or even scripting cutscenes in a videogame!</p>
|
||||
<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>
|
||||
|
@ -37,7 +43,7 @@ favorites: [NaN, Tower Offense, Slime Chargers!]
|
|||
<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>
|
||||
<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>
|
||||
|
@ -47,9 +53,8 @@ favorites: [NaN, Tower Offense, Slime Chargers!]
|
|||
<div class="card-image">
|
||||
<video src="Boids.mp4" controls>
|
||||
</div>
|
||||
<span class="card-title">I'm a Computer Scientist!</span>
|
||||
<p>I know many advanced topics of computer science, and have experience implementing complex systems including the Boids flocking algorithm, Inverse Kinematics, and many more!</p>
|
||||
<p>Additionally I know many different programming languages and can pick up new tools and technologies quickly and thoroughly!</p>
|
||||
<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">
|
||||
|
@ -57,8 +62,8 @@ favorites: [NaN, Tower Offense, Slime Chargers!]
|
|||
<div class="card-image">
|
||||
<img src="vr.png">
|
||||
</div>
|
||||
<span class="card-title">I've worked with VR!</span>
|
||||
<p>This is a screenshot from a prototype of a VR project I made with Grant Barbee. It involves manipulating cards in a rougelike dungeon crawler in VR, taking advantage of the medium with meta-abilities like throwing a card at an enemy to deal ranged damage and remove the card from your deck!</p>
|
||||
<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>
|
||||
|
@ -75,7 +80,7 @@ favorites: [NaN, Tower Offense, Slime Chargers!]
|
|||
<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></span>
|
||||
<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>
|
||||
|
|
29
js/home.js
29
js/home.js
|
@ -2,29 +2,28 @@ let current_chat = document.getElementById("current_chat")
|
|||
let controls = document.getElementById("controls")
|
||||
|
||||
// Load the stage and characters and stuff
|
||||
let stage = new babble.Stage("intro", {
|
||||
let stage = new babble.Stage("puppet", {
|
||||
"numCharacters": 3,
|
||||
"puppetScale": 1.5
|
||||
}, {
|
||||
"94370077":{"name":"brow_excited","location":"eyebrows/94370077.png"},"-1478408941":{"name":"brow_normal","location":"eyebrows/-1478408941.png"},"-1370165314":{"name":"brow_confused","location":"eyebrows/-1370165314.png"},"-894109551":{"name":"brow_sad","location":"eyebrows/-894109551.png"},"-1624236206":{"name":"brow_angry","location":"eyebrows/-1624236206.png"},"-679379193":{"name":"eyes_normal","location":"eyes/-679379193.png"},"256135152":{"name":"mouth_teeth","location":"mouths/256135152.png"},"1802568030":{"name":"mouth_ooo","location":"mouths/1802568030.png"},"-1156489428":{"name":"mouth_normal","location":"mouths/-1156489428.png"},"-2006318913":{"name":"mouth_open","location":"mouths/-2006318913.png"},"-1834200705":{"name":"mouth_sad","location":"mouths/-1834200705.png"},"1879914476":{"name":"body","location":"shirts/1879914476.png"},"-925878550":{"name":"head","location":"skin/-925878550.png"},"-1259854622":{"name":"glasses_normal","location":"glasses/-1259854622.png"},"208380174":{"name":"kobold","location":"hats/208380174.png"},"354769791":{"name":"seachef","location":"hats/354769791.png"},"478565665":{"name":"tophat","location":"hats/478565665.png"},"-479894397":{"name":"elf","location":"hats/-479894397.png"},"-1611255066":{"name":"petalwalker","location":"hats/-1611255066.png"},"-5576877":{"name":"porc","location":"hats/-5576877.png"},"-1485571036":{"name":"wizard","location":"hats/-1485571036.png"}
|
||||
}, "assets/blackhat-assets/assets", loaded);
|
||||
let gravy = {"deadbonesStyle":false,"body":[{"tab":"shirts","id":"1879914476","x":1.5,"y":-54,"rotation":0,"scaleX":1,"scaleY":1}],"head":[{"tab":"skin","id":"-925878550","x":1,"y":-210.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"hats","id":"478565665","x":-6,"y":-305,"rotation":0,"scaleX":1,"scaleY":1}],"hat":[],"mouths":["2","3","4","5"],"eyes":["0","1","5","6"],"emotes":[{"name":"default","enabled":true,"mouth":[{"tab":"mouths","id":"-1156489428","x":-15.5,"y":-125,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-1478408941","x":-6.5,"y":-210,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"happy","enabled":true,"mouth":[{"tab":"mouths","id":"-1156489428","x":-16,"y":-125.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"94370077","x":-10.5,"y":-225,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"confused","enabled":true,"mouth":[{"tab":"mouths","id":"256135152","x":-6,"y":-126.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-1370165314","x":-9,"y":-212.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"gasp","enabled":true,"mouth":[{"tab":"mouths","id":"-2006318913","x":-5.5,"y":-123.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyebrows","id":"94370077","x":-10.5,"y":-225,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"ooo","enabled":true,"mouth":[{"tab":"mouths","id":"1802568030","x":-2,"y":-122.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyebrows","id":"94370077","x":-9.5,"y":-220,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"sad","enabled":true,"mouth":[{"tab":"mouths","id":"-1834200705","x":-14.5,"y":-125.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.75,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-894109551","x":-7.5,"y":-211.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"angry","enabled":true,"mouth":[{"tab":"mouths","id":"256135152","x":-12,"y":-128.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-1624236206","x":-7,"y":-207,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"wink","enabled":false,"mouth":[],"eyes":[]},{"name":"kiss","enabled":false,"mouth":[],"eyes":[]}],"props":[{"tab":"glasses","id":"-1259854622","x":-3,"y":-158,"rotation":0,"scaleX":1,"scaleY":1}],"name":"Gravy","id":1,"position":0,"facingLeft":false,"emote":"0"}
|
||||
let start = "delay 100;\n" +
|
||||
let gravy = {"deadbonesStyle":false,"body":[{"tab":"shirts","id":"1879914476","x":1.5,"y":-54,"rotation":0,"scaleX":1,"scaleY":1}],"head":[{"tab":"skin","id":"-925878550","x":1,"y":-210.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"hats","id":"478565665","x":-6,"y":-305,"rotation":0,"scaleX":1,"scaleY":1}],"hat":[],"mouths":["2","3","4","5"],"eyes":["0","1","5","6"],"emotes":[{"name":"default","enabled":true,"mouth":[{"tab":"mouths","id":"-1156489428","x":-15.5,"y":-125,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-1478408941","x":-6.5,"y":-210,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"happy","enabled":true,"mouth":[{"tab":"mouths","id":"-1156489428","x":-16,"y":-125.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"94370077","x":-10.5,"y":-225,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"confused","enabled":true,"mouth":[{"tab":"mouths","id":"256135152","x":-6,"y":-126.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-1370165314","x":-9,"y":-212.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"gasp","enabled":true,"mouth":[{"tab":"mouths","id":"-2006318913","x":-5.5,"y":-123.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyebrows","id":"94370077","x":-10.5,"y":-225,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"ooo","enabled":true,"mouth":[{"tab":"mouths","id":"1802568030","x":-2,"y":-122.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyebrows","id":"94370077","x":-9.5,"y":-220,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"sad","enabled":true,"mouth":[{"tab":"mouths","id":"-1834200705","x":-14.5,"y":-125.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.75,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-894109551","x":-7.5,"y":-211.5,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"angry","enabled":true,"mouth":[{"tab":"mouths","id":"256135152","x":-12,"y":-128.5,"rotation":0,"scaleX":1,"scaleY":1}],"eyes":[{"tab":"eyes","id":"-679379193","x":-7,"y":-187.5,"rotation":0,"scaleX":1,"scaleY":1},{"tab":"eyebrows","id":"-1624236206","x":-7,"y":-207,"rotation":0,"scaleX":1,"scaleY":1}]},{"name":"wink","enabled":false,"mouth":[],"eyes":[]},{"name":"kiss","enabled":false,"mouth":[],"eyes":[]}],"props":[],"name":"Gravy","id":1,"position":0,"facingLeft":false,"emote":"0"}
|
||||
let start = "delay 500;\n" +
|
||||
"add gravy 1 0;\n" +
|
||||
"move 1 2;\n" +
|
||||
"chat 1 0;"
|
||||
|
||||
let stageElement = document.getElementById("intro")
|
||||
let stageElement = document.getElementById("puppet")
|
||||
|
||||
function loaded() {
|
||||
stage.resize()
|
||||
// I want the puppet (who's height is 567) to be about 33% of the screen size
|
||||
let puppetScale = stage.screen.clientHeight / 2.5 / 567 / stage.puppetStage.scale.y
|
||||
let puppetScale = stage.screen.clientHeight / 567 / stage.puppetStage.scale.y
|
||||
stage.project.puppetScale = puppetScale
|
||||
stage.resize()
|
||||
window.onresize = () => {
|
||||
stage.resize()
|
||||
let puppetScale = stage.screen.clientHeight / 2.5 / 567 / stage.puppetStage.scale.y
|
||||
let puppetScale = stage.screen.clientHeight / 567 / stage.puppetStage.scale.y
|
||||
stage.project.puppetScale = puppetScale
|
||||
stage.resize()
|
||||
}
|
||||
|
@ -41,7 +40,7 @@ function startCutscene() {
|
|||
|
||||
cut.actions.chat = function(callback, target, chatId) {
|
||||
let chats = [{
|
||||
message: "I'm Anthony, or The Paper Pilot, and I make fun games and tools using Javascript and Unity!"
|
||||
message: "I'm Anthony, or The Paper Pilot, and I make fun games and tools using code!"
|
||||
}]
|
||||
current_chat.style.display = 'block'
|
||||
this.stage.getPuppet(target).setBabbling(true)
|
||||
|
@ -63,7 +62,6 @@ function chatter(callback, target, chat, stage, textPos) {
|
|||
window.onkeydown = function(e) {
|
||||
let key = e.keyCode ? e.keyCode : e.which
|
||||
current_chat.style.display = 'none'
|
||||
hideControls()
|
||||
|
||||
if (key == 32) {
|
||||
stage.getPuppet(1).setBabbling(true)
|
||||
|
@ -85,15 +83,6 @@ window.onkeyup = function(e) {
|
|||
}
|
||||
|
||||
function showControls() {
|
||||
controls.style.opacity = 1
|
||||
controls.style.transform = 'translateY(0)'
|
||||
}
|
||||
|
||||
let timeout
|
||||
function hideControls() {
|
||||
controls.style.opacity = 0
|
||||
if (timeout)
|
||||
clearTimeout(timeout)
|
||||
timeout = setTimeout(showControls, 4000)
|
||||
}
|
||||
|
||||
hideControls()
|
||||
setTimeout(showControls, 4000)
|
||||
|
|
Loading…
Add table
Reference in a new issue