roundonejs.github.io/index.html at master · roundonejs/roundonejs.github.io · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>RoundOne.js</title>
    <link rel="stylesheet" href="https://unpkg.com/nes.css@0.0.2/css/nes.min.css" />
    <link rel="stylesheet" href="css/main.css" />
  </head>
  <body>
    <section>
      <h1>RoundOne.js</h1>
      <p>This project use mugen's files format in JavaScript (DEF, AIR, SFF and ACT files) to display and animate into canvas.</p>
      <section class="container with-title">
        <h2 class="title">About M.U.G.E.N.</h2>
        <p>M.U.G.E.N is a 2D fighting game engine with many customizable components.</p>
      </section>
      <section class="container with-title">
        <h2 class="title">Usage</h2>
        <ol>
          <li><a href="https://nodejs.org/en/download/package-manager/" target="_blank">Install Node.js</a>;</li>
          <li><a href="https://docs.npmjs.com/cli/install" target="_blank">Install the dependencies</a>;</li>
          <li><a href="https://gruntjs.com/getting-started" target="_blank">Run grunt</a> without arguments;</li>
          <li>Import <strong>dist/roundone.js</strong> file on page;</li>
          <li>Load characters and init <strong>roundone.js</strong>.</li>
        </ol>
      </section>
      <section class="container with-title">
        <h2 class="title">Example</h2>
        <iframe src="game.html" class="container" title="RoundOne.js Demonstration"></iframe>
        <section class="container with-title">
          <h3 class="title">Controllers</h3>
          <ul>
              <li><kbd>&uarr;</kbd>: Jump</li>
              <li><kbd>&darr;</kbd>: Crouch</li>
              <li><kbd>&larr;</kbd>: Walk to left</li>
              <li><kbd>&rarr;</kbd>: Walk to right</li>
              <li><kbd>A</kbd>: a button</li>
              <li><kbd>S</kbd>: b button</li>
              <li><kbd>D</kbd>: c button</li>
              <li><kbd>Q</kbd>: x button</li>
              <li><kbd>W</kbd>: y button</li>
              <li><kbd>E</kbd>: z button</li>
          </ul>
        </section>
      </section>
      <a class="github-link" href="https://github.com/roundonejs/roundonejs" target="_blank">
        <p class="balloon from-right">View me<br>on GitHub</p>
        <span class="octocat"></span>
      </a>
    </section>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131244457-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-131244457-1');
    </script>
  </body>
</html>