feat(vn): simple vn

2024-01-06 00:57:08 +00:00 · 2024-01-06 00:57:08 +00:00 · 548bdcb6a4
commit 548bdcb6a4
parent e2a452914e
77 changed files with 98 additions and 0 deletions
--- a/src/vn/books.html
+++ b/src/vn/books.html
@ -0,0 +1,16 @@
 <head>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" href="styles.css" />
 </head>
 <html>
 <body>
 <div class="centre">
    <img id="portrait" src="img/stargazer.png"></img>
    <div id="text-box"></div>
    <a id="button" href="#" onclick="advance()">start</a>
 </div>
 </body>
 </html>
 <script src="main.js"></script>
--- a/src/vn/img/angry0.png
+++ b/src/vn/img/angry0.png
--- a/src/vn/img/angry1.png
+++ b/src/vn/img/angry1.png
--- a/src/vn/img/angry2.png
+++ b/src/vn/img/angry2.png
--- a/src/vn/img/angry3.png
+++ b/src/vn/img/angry3.png
--- a/src/vn/img/apologetic.png
+++ b/src/vn/img/apologetic.png
--- a/src/vn/img/asleep.png
+++ b/src/vn/img/asleep.png
--- a/src/vn/img/blast.png
+++ b/src/vn/img/blast.png
--- a/src/vn/img/books-colour.png
+++ b/src/vn/img/books-colour.png
--- a/src/vn/img/books-messy.png
+++ b/src/vn/img/books-messy.png
--- a/src/vn/img/books-size.png
+++ b/src/vn/img/books-size.png
--- a/src/vn/img/bookworm.png
+++ b/src/vn/img/bookworm.png
--- a/src/vn/img/calm.png
+++ b/src/vn/img/calm.png
--- a/src/vn/img/cat.png
+++ b/src/vn/img/cat.png
--- a/src/vn/img/chillin0.png
+++ b/src/vn/img/chillin0.png
--- a/src/vn/img/chillin1.png
+++ b/src/vn/img/chillin1.png
--- a/src/vn/img/chillin2.png
+++ b/src/vn/img/chillin2.png
--- a/src/vn/img/coffee.png
+++ b/src/vn/img/coffee.png
--- a/src/vn/img/confident.png
+++ b/src/vn/img/confident.png
--- a/src/vn/img/dance.png
+++ b/src/vn/img/dance.png
--- a/src/vn/img/derp.png
+++ b/src/vn/img/derp.png
--- a/src/vn/img/derp.png_
+++ b/src/vn/img/derp.png_
--- a/src/vn/img/determined.png
+++ b/src/vn/img/determined.png
--- a/src/vn/img/did-you-really-just.png
+++ b/src/vn/img/did-you-really-just.png
--- a/src/vn/img/disappoint.png
+++ b/src/vn/img/disappoint.png
--- a/src/vn/img/dreamer0.png
+++ b/src/vn/img/dreamer0.png
--- a/src/vn/img/excited.png
+++ b/src/vn/img/excited.png
--- a/src/vn/img/fixin-time.png
+++ b/src/vn/img/fixin-time.png
--- a/src/vn/img/foood.png
+++ b/src/vn/img/foood.png
--- a/src/vn/img/frog.png
+++ b/src/vn/img/frog.png
--- a/src/vn/img/gah.png
+++ b/src/vn/img/gah.png
--- a/src/vn/img/gendo.png
+++ b/src/vn/img/gendo.png
--- a/src/vn/img/glad-you-asked.png
+++ b/src/vn/img/glad-you-asked.png
--- a/src/vn/img/goofy.png
+++ b/src/vn/img/goofy.png
--- a/src/vn/img/grin.png
+++ b/src/vn/img/grin.png
--- a/src/vn/img/hii.png
+++ b/src/vn/img/hii.png
--- a/src/vn/img/hmph.png
+++ b/src/vn/img/hmph.png
--- a/src/vn/img/hopeful.png
+++ b/src/vn/img/hopeful.png
--- a/src/vn/img/huh.png
+++ b/src/vn/img/huh.png
--- a/src/vn/img/laugh0.png
+++ b/src/vn/img/laugh0.png
--- a/src/vn/img/laugh1.png
+++ b/src/vn/img/laugh1.png
--- a/src/vn/img/laugh2.png
+++ b/src/vn/img/laugh2.png
--- a/src/vn/img/laugh3.png
+++ b/src/vn/img/laugh3.png
--- a/src/vn/img/nonplussed.png
+++ b/src/vn/img/nonplussed.png
--- a/src/vn/img/noseup.png
+++ b/src/vn/img/noseup.png
--- a/src/vn/img/ohno.png
+++ b/src/vn/img/ohno.png
--- a/src/vn/img/oshit.png
+++ b/src/vn/img/oshit.png
--- a/src/vn/img/pathetic.png
+++ b/src/vn/img/pathetic.png
--- a/src/vn/img/peek-over-table-raised-eyebrow.png
+++ b/src/vn/img/peek-over-table-raised-eyebrow.png
--- a/src/vn/img/peeved.png
+++ b/src/vn/img/peeved.png
--- a/src/vn/img/pizza.png
+++ b/src/vn/img/pizza.png
--- a/src/vn/img/please-sir-can-i-have-some-more.png
+++ b/src/vn/img/please-sir-can-i-have-some-more.png
--- a/src/vn/img/ponder.png
+++ b/src/vn/img/ponder.png
--- a/src/vn/img/pose.png
+++ b/src/vn/img/pose.png
--- a/src/vn/img/queasy.png
+++ b/src/vn/img/queasy.png
--- a/src/vn/img/scared.png
+++ b/src/vn/img/scared.png
--- a/src/vn/img/sleepy.png
+++ b/src/vn/img/sleepy.png
--- a/src/vn/img/sneaky.png
+++ b/src/vn/img/sneaky.png
--- a/src/vn/img/some-guy-smug.png
+++ b/src/vn/img/some-guy-smug.png
--- a/src/vn/img/some-guy.png
+++ b/src/vn/img/some-guy.png
--- a/src/vn/img/stargazer.png
+++ b/src/vn/img/stargazer.png
--- a/src/vn/img/super-chillin.png
+++ b/src/vn/img/super-chillin.png
--- a/src/vn/img/surprised0.png
+++ b/src/vn/img/surprised0.png
--- a/src/vn/img/surprised1.png
+++ b/src/vn/img/surprised1.png
--- a/src/vn/img/tantrum.png
+++ b/src/vn/img/tantrum.png
--- a/src/vn/img/thats-just-like-your-opinion-man.png
+++ b/src/vn/img/thats-just-like-your-opinion-man.png
--- a/src/vn/img/uh-what-is-that.png
+++ b/src/vn/img/uh-what-is-that.png
--- a/src/vn/img/uh.png
+++ b/src/vn/img/uh.png
--- a/src/vn/img/unsure.png
+++ b/src/vn/img/unsure.png
--- a/src/vn/img/vr.png
+++ b/src/vn/img/vr.png
--- a/src/vn/img/waow.png
+++ b/src/vn/img/waow.png
--- a/src/vn/img/well-you-see.png
+++ b/src/vn/img/well-you-see.png
--- a/src/vn/img/whaaaat.png
+++ b/src/vn/img/whaaaat.png
--- a/src/vn/img/yay.png
+++ b/src/vn/img/yay.png
--- a/src/vn/img/you-shouldnt-be-doing-that.png
+++ b/src/vn/img/you-shouldnt-be-doing-that.png
--- a/src/vn/main.js
+++ b/src/vn/main.js
@ -0,0 +1,62 @@
 let idx = 0
 let frames = [
    "hello! you're just in time!",                              "img/yay.png",                          null,
    "this was starting to get ridiculous.",                     "img/you-shouldnt-be-doing-that.png",   null,
    "there are books EVERYWWHERE",                              "img/scared.png",                       null,
    "and more keep coming!",                                    "img/oshit.png",                        null, 
    "we've got to do something about it before the deadline!",  "img/determined.png",                   null, 
    "hey, could you sort the books for me?",                    "img/books-messy.png", "stack books by size",
    "yes, i can you've finished STACKING them,",                                            "img/books-size.png",   null,
    "but that's hardly FINISHED, is it?",                                                   "img/books-size.png",   null,
    "i mean sure, if you want to be a pedant about it they're sort of ordered by size,",    "img/nonplussed.png",   null,
    "but they're still just piled up in the same place, what's that supposed to change?",   "img/coffee.png",       null,
    "why don't you try again?", "img/books-size.png",   "push stack over",
    "",                         "img/books-messy.png",  "order books by colour",
    "",                         "img/books-colour.png", null,
    "no, colours won't work either.",                               "img/dreamer0.png",         null,
    "why?",                                                         "img/blast.png",            null,
    "simple, i don't do colours.",                                  "img/grin.png",             null,
    "it's nothing personal, they're just not for me, you know?",    "img/glad-you-asked.png",   "restart"
 ];
 function setText(text) {
    document.getElementById('text-box').innerHTML = text;
 }
 function setImage(path) {
    document.getElementById('portrait').src = path;
 }
 function setButtonText(text) {
    console.log(text);
    if (text == null)
    {
        text = "next";
    }
    document.getElementById('button').innerHTML = text;
 }
 function advance() {
    const stride = 3;
    if (idx >= frames.length) {
        idx = 0;
    }
    let text = frames[idx];
    let img = frames[idx + 1];
    let buttonText = frames[idx + 2];
    setText(text);
    setButtonText(buttonText);
    setImage(img);
    idx += stride;
 }
--- a/src/vn/styles.css
+++ b/src/vn/styles.css
@ -0,0 +1,20 @@
 img {
    max-height: 70vh;
    width: auto;
 }
 .centre {
    margin: auto;
    padding: 0;
    width: 50%;
 }
 #button {
    font-size: 2em;
 }
 #text-box {
    width 100%;
    height: 4em;
 }