@neodymium/

GAM - An RPG

HTML, CSS, JS

A clever, pixel RPG for the Game Jam.

fork
loading
Files
  • index.html
  • costumes
  • sounds
  • dialogue.js
  • events.js
  • joystix_mono.ttf
  • keys.js
  • script.js
  • sprites.js
  • style.css

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.8009424390323989","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgICA8dGl0bGU+R0FNIC0gUlBHPC90aXRsZT4KICAgIDxsaW5rIGhyZWY9InN0eWxlLmNzcyIgcmVsPSJzdHlsZXNoZWV0IiB0eXBlPSJ0ZXh0L2NzcyIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8cCBpZD0iYWxlcnQiPuKaoO+4jyBJZiBpbWFnZXMgb24gY2FudmFzIGxvb2sgb2ZmLXNjcmVlbiwgcGxlYXNlIHJlLXJ1biB0aGUgcHJvamVjdC48L3A+CiAgICA8cCBzdHlsZT0iZm9udC1mYW1pbHk6ICdKb3lzdGl4IE1vbm8nOyI+PC9wPgogICAgPGNhbnZhcyBzdHlsZT0iZm9udC1mYW1pbHk6ICdKb3lzdGl4IE1vbm8nOyJpZD0ic2NyZWVuIndpZHRoPSI0ODAiaGVpZ2h0PSIzNjAiPkNhbnZhcyBmYWlsZWQgdG8gbG9hZC4gV2FpdCBvciByZWZyZXNoLjwvY2FudmFzPgogICAgPGRpdiBpZD0iY2hhbmdlLWxvZyI+CiAgICAgIDxwPldoYXQgd29ya3Mgc28gZmFyOjwvcD4KICAgICAgPHVsPgogICAgICAgIDxsaT5UaXRsZSAvIGludHJvPC9saT4KICAgICAgICA8bGk+TW92ZW1lbnQ8L2xpPgogICAgICAgIDxsaT5DcmVhdHVyZXMgc3Bhd25pbmc8L2xpPgogICAgICAgIDxsaT5DcmVhdHVyZSBkaWFsb2d1ZTwvbGk+CiAgICAgIDwvdWw+CiAgICAgIDxwPldoYXQgaGFzIHRvIGJlIGFkZGVkOjwvcD4KICAgICAgPHVsPgogICAgICAgIDxsaT5Nb3JlIGNyZWF0dXJlczwvbGk+CiAgICAgICAgPGxpPkZpZ2h0aW5nIGVuZ2luZTwvbGk+CiAgICAgICAgPGxpPkFza2luZyBjcmVhdHVyZXM8L2xpPgogICAgICA8L3VsPgogICAgICA8cD5XaGF0J3Mgbm90IHdvcmtpbmc6PC9wPgogICAgICA8dWw+PGxpPlVuYWJsZSB0byBnZXQgYXVkaW8gdG8gcGxheTwvbGk+PC91bD4KICAgIDwvZGl2PgogICAgPGRpdiBpZD0iY29zdHVtZXMiPgogICAgICA8aW1nIGlkPSJzdGFydF9idG4iIHNyYz0iY29zdHVtZXMvc3RhcnRfYnRuLnBuZyI+CiAgICAgIDxpbWcgaWQ9InRpdGxlIiAgICAgc3JjPSJjb3N0dW1lcy90aXRsZS5wbmciPgogICAgICA8aW1nIGlkPSJwMS1zdGlsbCIgIHNyYz0iY29zdHVtZXMvc3RpbGwucG5nIj4KICAgICAgPGltZyBpZD0icDEtd2FsazEiICBzcmM9ImNvc3R1bWVzL3dhbGsxLnBuZyI+CiAgICAgIDxpbWcgaWQ9InAxLXdhbGsyIiAgc3JjPSJjb3N0dW1lcy93YWxrMi5wbmciPgogICAgICA8aW1nIGlkPSJwMS1maWdodCIgIHNyYz0iY29zdHVtZXMvZmlnaHQucG5nIj4KICAgICAgPGltZyBpZD0iYmxhY2siICAgICBzcmM9ImNvc3R1bWVzL2JsYWNrLnBuZyI+CiAgICAgIDxpbWcgaWQ9ImNhdmUiICAgICAgc3JjPSJjb3N0dW1lcy9jYXZlLnBuZyI+CiAgICAgIDxpbWcgaWQ9ImZpZWxkMSIgICAgc3JjPSJjb3N0dW1lcy9maWVsZDEucG5nIj4KICAgICAgPGltZyBpZD0iamVmZjEiICAgICBzcmM9ImNvc3R1bWVzL2plZmYxLnBuZyI+CiAgICAgIDxpbWcgaWQ9ImplZmYyIiAgICAgc3JjPSJjb3N0dW1lcy9qZWZmMi5wbmciPgogICAgICA8aW1nIGlkPSJmZWxpeDEiICAgIHNyYz0iY29zdHVtZXMvZmVsaXgxLnBuZyI+CiAgICAgIDxpbWcgaWQ9ImZlbGl4MiIgICAgc3JjPSJjb3N0dW1lcy9mZWxpeDIucG5nIj4KICAgICAgPGltZyBpZD0iZC1ib3giICAgICBzcmM9ImNvc3R1bWVzL2RpYS1ib3gucG5nIj4KICAgIDwvZGl2PgogICAgPHNjcmlwdCBzcmM9ImtleXMuanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9InNwcml0ZXMuanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9ImRpYWxvZ3VlLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJldmVudHMuanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9InNjcmlwdC5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+"},"asBuffer":null},"loaded":true}}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>GAM - RPG</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <p id="alert">⚠️ If images on canvas look off-screen, please re-run the project.</p>
    <p style="font-family: 'Joystix Mono';"></p>
    <canvas style="font-family: 'Joystix Mono';"id="screen"width="480"height="360">Canvas failed to load. Wait or refresh.</canvas>
    <div id="change-log">
      <p>What works so far:</p>
      <ul>
        <li>Title / intro</li>
        <li>Movement</li>
        <li>Creatures spawning</li>
        <li>Creature dialogue</li>
      </ul>
      <p>What has to be added:</p>
      <ul>
        <li>More creatures</li>
        <li>Fighting engine</li>
        <li>Asking creatures</li>
      </ul>
      <p>What's not working:</p>
      <ul><li>Unable to get audio to play</li></ul>
    </div>
    <div id="costumes">
      <img id="start_btn" src="costumes/start_btn.png">
      <img id="title"     src="costumes/title.png">
      <img id="p1-still"  src="costumes/still.png">
      <img id="p1-walk1"  src="costumes/walk1.png">
      <img id="p1-walk2"  src="costumes/walk2.png">
      <img id="p1-fight"  src="costumes/fight.png">
      <img id="black"     src="costumes/black.png">
      <img id="cave"      src="costumes/cave.png">
      <img id="field1"    src="costumes/field1.png">
      <img id="jeff1"     src="costumes/jeff1.png">
      <img id="jeff2"     src="costumes/jeff2.png">
      <img id="felix1"    src="costumes/felix1.png">
      <img id="felix2"    src="costumes/felix2.png">
      <img id="d-box"     src="costumes/dia-box.png">
    </div>
    <script src="keys.js"></script>
    <script src="sprites.js"></script>
    <script src="dialogue.js"></script>
    <script src="events.js"></script>
    <script src="script.js"></script>
  </body>
</html>
result
console