index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name=viewport content="width=device-width, initial-scale=1">
   6     <link rel="stylesheet" href="/css/main.css" type="text/css">
   7     <script type="text/javascript" src="webcart1000.js"></script>
   8     <script type="text/javascript">
   9       setInterval(function () {
  10           var element = document.getElementById("webcart1000-data");
  11           element.textContent = JSON.stringify(webcart1000.data, undefined, 4);
  12           return true;
  13       }, 1000);
  14     </script>
  15     <title>WEBCART1000 ~ Yukkuri Games</title>
  16   </head>
  17   <body>
  18     <header>
  19       <a href="/">
  20         <img src="/logotype_horizontal_1.png" class=logo alt="(◕ ヮ ◕)">
  21         <img src="/logotype_horizontal_2.png" class=optional
  22              alt="Yukkuri Games">
  23       </a>
  24       <h1>WEBCART1000</h1>
  25     </header>
  26     <main>
  27       <p>
  28         WEBCART1000 lets you make and play games that share the same
  29         save files across several websites. It's inspired
  30         by <a href="http://sharecart1000.com/">SHARECART10000</a>, which
  31         did the same thing for non-web games.
  32       </p>
  33       <h2>Some Games Using It</h2>
  34       <p>
  35         coming <del>soon</del>.
  36       </p>
  37       <h2>Your WEBCART1000 Data</h2>
  38       <pre id="webcart1000-data">(loading...)</pre>
  39       <h2>How do I use it?</h2>
  40       <p>
  41         If you're making a web-based game, just
  42         download <a href="webcart1000.js">webcart1000.js</a> and include
  43         it via a &lt;script&gt; tag in your own game. It's
  44         self-contained and sets up all its own listeners.
  45       </p>
  46       <p>
  47         Once you're including it, you can access the save data with
  48         <code>webcart1000.data.Whatever</code>
  49         - <code>MapY</code>, <code>Switch2</code>, or any of
  50         the <a href="http://sharecart1000.com/img/SHARECART1000guide.png">SHARECART1000</a>
  51         keys, with the same restrictions. (It may take a few seconds
  52         after the page is done loading to load the save data.)
  53       </p>
  54       <p>
  55         To save and synchronize the data,
  56         use <code>webcart10000.update()</code>. You can also pass an
  57         object of changes, e.g.
  58         <code>webcart1000.update({ MapX: 12, MapY: 13, Switch0: false
  59           })</code>.  Running <code>update()</code> will also scrub the
  60         data so if you put any non-standard keys or values in it,
  61         they'll be deleted.
  62       </p>
  63       <p>
  64         If someone's playing two WEBCART1000 games at the same time, the
  65         save data is updated in real-time!
  66       </p>
  67       <h2>Is it safe? Is it private?</h2>
  68       <p>
  69         Yes.
  70       </p>
  71       <h3>For Players</h3>
  72       <p>
  73         There's no cookies. There's no server-mediated
  74         messages. Everything WEBCART1000, aside from loading its own
  75         static JavaScript, stays on your computer.
  76         It's as safe and private as the game would be otherwise.
  77       </p>
  78       <p>
  79         Loading the game leaves at most a default web server log entry -
  80         which you've already triggered just by reading this page. Since
  81         no data is collected, we don't even have to make a promise we
  82         won't share it with anyone - but if we do accidentally collect
  83         some, we won't, and we'll just delete it.
  84       </p>
  85       <h3>For Developers</h3>
  86       <p>
  87         The provided WEBCART1000 scripts take pains to scrub and
  88         normalize the data as much as possible. But this is the web,
  89         and people make mistakes. Take the kind of precautions you'd
  90         always take in talking to a remote server.
  91       </p><p>
  92         The <a href="webcart1000.js">webcart1000.js</a> script can be
  93         moved to your own server and loaded from there. I recommend this
  94         - it'll be faster and stabler. The <a href="o_o.js">o_o.js</a>
  95         script and HTML can't be moved unless you're going to make your own
  96         WEBCART1000 - which you can if you want, but it also kind of
  97         defeats the point.
  98       </p>
  99     </main>
 100   </body>
 101 </html>