flickgame/help.html at master · increpare/flickgame · 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
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>FlickGame Help</title>
  <link rel="icon" type="image/png" href="favicon.png">
  <link rel="stylesheet" href="help.css">
</head>
<body>
  <h1>FlickGame: How To</h1>

  <p>
    <img src="helpimage.png" alt="FlickGame interface">
  </p>

  <p>
    <a href="http://www.flickgame.org/play.html?p=b595632967f638a1c0d3">Try this example game →</a>
  </p>

  <h2>Editor Controls</h2>
  <p>
    <b>C</b> : Copy current image<br>
    <b>V</b> : Paste current image<br>
    <b>Z</b> : Undo<br>
    <b>+</b>/<b>-</b> or <b>Scroll Wheel</b> : Increase/decrease brush size<br>
    <b>Right-Click</b> or <b>Ctrl/Cmd</b>+<b>Click</b> : Select current color (eyedropper tool)
  </p>

  <h2>Player Controls</h2>
  <p>
    <b>F</b> : Go fullscreen
  </p>

  <h2>Discover FlickGames</h2>
  <p>
    <a href="http://flickgamegallery.tumblr.com/">Browse the FlickGame Gallery</a>
  </p>

  <h2>Animation Feature (Advanced)</h2>
  <p>
    Add "<code>&a=1</code>" to the URL parameter - like this:
  </p>
  <p>
    <a href="http://www.flickgame.org/play.html?p=3f5390b0b2aca7bce1eb4a4f483e2354&a=1">http://www.flickgame.org/play.html?p=3f5390b0b2aca7bce1eb4a4f483e2354<span style="color:red;">&a=1</span></a>
  </p>
  <p>
    For exported HTML files, you can either:
  </p>
  <ol>
    <li>Load it as <code>mygame.html?a=1</code>, or</li>
    <li>Edit the exported HTML file with a text editor, find <code>if(urlVars["a"]==="1"){</code> and change it to <code>if (true){</code></li>
  </ol>

  <h2>Feedback & Support</h2>
  <p>
    Drop me a line at <a href="mailto:analytic@gmail.com">analytic@gmail.com</a>, tweet to <a href="http://www.x.com/increpare">@increpare</a>, or post a <a href="https://github.com/increpare/flickgame/issues/new">bug report on GitHub</a>.
  </p>

  <h2>Source Code</h2>
  <p>
    <a href="https://github.com/increpare/flickgame">View on GitHub</a>
  </p>

  <div class="flickgame-family">
    <h2>The FlickGame Family</h2>
    <ul>
      <li><a href="index.html">FlickGame</a> - the original!</li>
      <li><a href="index2.html">FlickGame Jr</a> - 3-colored branching FlickGames</li>
      <li><a href="flickuboy.html">FlickUBoy</a> - 2-color FlickGames with text, exportable to <a href="https://www.arduboy.com/">Arduboy</a></li>
      <li><a href="flickscript.html">FlickScript</a> - FlickGame with scripting capabilities</li>
      <li><a href="index_big.html">FlickGame Big</a> - FlickGame with lots of pages!</li>
    </ul>
  </div>


  <footer class="credits">
    <p>
      Made by <a href="http://www.increpare.com">increpare</a>. Support my work on
      <a href="https://www.patreon.com/increpare">Patreon</a> |
      <a href="https://github.com/sponsors/increpare">GitHub Sponsors</a> |
      <a href="https://www.paypal.com/paypalme/increparegames">PayPal</a>
    </p>
  </footer>
</body>
</html>