quadplay/index.html at main · morgan3d/quadplay · GitHub

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>quadplay✜</title>

    <link rel="icon" href="icons/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="console/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="64x64" href="console/icons/favicon-64x64.png">
    <meta property="og:title" content="quadplay✜">
    <meta property="og:image" content="https://morgan3d.github.io/quadplay/doc/emulator.png">

    <style>
      @font-face {
          font-family: quadplay;
          src: url(console/Audiowide-Regular.ttf)
      }

      body {
          background: #000;
          color: #FFF;
          font-family: Arial, Helvetica;
      }

      a {
          color: #e61b9d;
          text-decoration: none;
          font-weight: bold;
      }

      a:hover {
          color: #FFF;
          text-shadow: 0px 0px 4px #e61b9d,
                       0px 0px 5px #e61b9d,
                       0px 0px 6px #e61b9d,
                       0px 0px 10px #e61b9d;
      }

      .gradient {
          background-color: #f3ec78;
          background-image: linear-gradient(180deg, #fff, #0bf);
          background-size: 100%;
          -webkit-background-clip: text;
          -moz-background-clip: text;
          -webkit-text-fill-color: transparent;
          -moz-text-fill-color: transparent;
      }
    </style>
  </head>
  <body>

    <center>

      <a href="https://morgan3d.github.io/quadplay/console/app.html?"><img src="doc/emulator.png"></a>
      <br><a href="https://morgan3d.github.io/quadplay/console/app.html?" style="font-family:quadplay; font-weight: bold; font-size: 24px">Play Games Online</a>

      <p>
        <a href="https://morgan3d.github.io/quadplay/console/quadplay.html?IDE=1&game=quad://games/quadpaddle">Preview the IDE</a> &nbsp;&middot;&nbsp;
        <a href="https://morgan3d.github.io/quadplay/tools/windows-install-quadplay.cmd">Create Games on Windows</a> &nbsp;&middot;&nbsp;
        <a href="https://github.com/morgan3d/quadplay/archive/main.zip">Create Games on macOS or Linux</a>
        <br>
        <a href="https://morgan3d.github.io/quadplay/doc/manual.md.html">Read the Manual</a> &nbsp;&middot;&nbsp;
        <a href="https://github.com/morgan3d/quadplay/">View on Github</a>
      </p>

      <div style="max-width: 680px; text-align: justify; font-weight: 100" class="gradient">
        <p>
          Imagine the year 1989 in a fantasy timeline.
          Instead of chasing realistic 3D graphics, the industry
          creates powerful development tools and innovative game mechanics
          decades earlier.
        </p>
        <p>
          <span style="font-family:quadplay">quadplay✜</span> is the fantasy sibling of the SNES, Neo Geo, and
          PlayStation from this timeline. It puts the fun first in game jams and education.
          Retro constraints scope art and code for success.
          Modern scripting, physics, local and online multiplayer, and 2.5D graphics
          empower easy implementation and great gameplay.
        </p>
      </div>
      <p style="color:#444; margin-top:64px; font-size: 80%">
        Maintained by Shmuel Ravensky @ <a href="https://casual-effects.com" style="color:#444">Casual Effects</a>.
      </p>
    </center>

  </body>
</html>