-<html>
+<!DOCTYPE html>
+<html lang="en">
<head>
- <title>WEBCART1000</title>
- <meta charset="utf-8" />
+ <meta charset="utf-8">
+ <meta name=viewport content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" href="/css/main.css" type="text/css">
<script type="text/javascript" src="webcart1000.js"></script>
- <style>
- body {
- font-family: sans-serif;
- margin: 1em 15%;
- }
-
- h1 { text-align: center; }
- h2 { margin-top: 2em; }
- </style>
-
<script type="text/javascript">
setInterval(function () {
var element = document.getElementById("webcart1000-data");
- element.innerText = JSON.stringify(webcart1000.data, undefined, 4);
+ element.textContent = JSON.stringify(webcart1000.data, undefined, 4);
return true;
}, 1000);
</script>
-
+ <title>WEBCART1000 ~ Yukkuri Games</title>
</head>
<body>
- <h1>WEBCART1000</h1>
- <p>
- WEBCART1000 lets you make and play games that share the same
- save files across several websites. It's inspired
- by <a href="http://sharecart1000.com/">SHARECART10000</a>, which
- did the same thing for non-web games.
- </p>
- <h2>Some Games Using It</h2>
- <p>
- coming soon.
- </p>
- <h2>Your WEBCART1000 Data</h2>
- <pre id="webcart1000-data">(loading...)</pre>
- <h2>How do I use it?</h2>
- <p>
- If you're making a web-based game, just
- download <a href="webcart1000.js">webcart1000.js</a> and include
- it via a <script> tag in your own game. It's
- self-contained and sets up all its own listeners.
- </p>
- <p>
- Once you're including it, you can access the save data with
- <code>webcart1000.data.Whatever</code>
- - <code>MapY</code>, <code>Switch2</code>, or any of
- the <a href="http://sharecart1000.com/img/SHARECART1000guide.png">SHARECART1000</a>
- keys, with the same restrictions. (It may take a few seconds
- after the page is done loading to load the save data.)
- </p>
- <p>
- To save and synchronize the data,
- use <code>webcart10000.update()</code>. You can also pass an
- object of changes, e.g.
- <code>webcart1000.update({ MapX: 12, MapY: 13, Switch0: false
- })</code>. Running <code>update()</code> will also scrub the
- data so if you put any non-standard keys or values in it,
- they'll be deleted.
- </p>
- <p>
- If someone's playing two WEBCART1000 games at the same time, the
- save data is updated in real-time!
- </p>
- <h2>Is it safe? Is it private?</h2>
- <p>
- Yes.
- </p>
- <h3>For Players</h3>
- <p>
- There's no cookies. There's no server-mediated
- messages. Everything WEBCART1000, aside from loading its own
- static JavaScript, stays on your computer.
- It's as safe and private as the game would be otherwise.
- </p>
- <p>
- Loading the game leaves at most a default web server log entry -
- which you've already triggered just by reading this page. Since
- no data is collected, we don't even have to make a promise we
- won't share it with anyone - but if we do accidentally collect
- some, we won't, and we'll just delete it.
- </p>
- <h3>For Developers</h3>
- <p>
- The provided WEBCART1000 scripts take pains to scrub and
- normalize the data as much as possible. But this is the web, and
- they're not served over HTTPS, and people make mistakes. Take
- the kind of precautions you'd always take in talking to a remote
- server.
- </p><p>
- The <a href="webcart1000.js">webcart1000.js</a> script can be
- moved to your own server and loaded from there. I recommend this
- - it'll be faster and stabler. The <a href="o_o.js">o_o.js</a>
- script and HTML can't be moved unless you're going to make your own
- WEBCART1000 - which you can if you want, but it also kind of
- defeats the point.
- </p>
+ <header>
+ <a href="/">
+ <img src="/logotype_horizontal_1.png" class=logo alt="(◕ ヮ ◕)">
+ <img src="/logotype_horizontal_2.png" class=optional
+ alt="Yukkuri Games">
+ </a>
+ <h1>WEBCART1000</h1>
+ </header>
+ <main>
+ <p>
+ WEBCART1000 lets you make and play games that share the same
+ save files across several websites. It's inspired
+ by <a href="http://sharecart1000.com/">SHARECART10000</a>, which
+ did the same thing for non-web games.
+ </p>
+ <h2>Some Games Using It</h2>
+ <p>
+ coming <del>soon</del>.
+ </p>
+ <h2>Your WEBCART1000 Data</h2>
+ <pre id="webcart1000-data">(loading...)</pre>
+ <h2>How do I use it?</h2>
+ <p>
+ If you're making a web-based game, just
+ download <a href="webcart1000.js">webcart1000.js</a> and include
+ it via a <script> tag in your own game. It's
+ self-contained and sets up all its own listeners.
+ </p>
+ <p>
+ Once you're including it, you can access the save data with
+ <code>webcart1000.data.Whatever</code>
+ - <code>MapY</code>, <code>Switch2</code>, or any of
+ the <a href="http://sharecart1000.com/img/SHARECART1000guide.png">SHARECART1000</a>
+ keys, with the same restrictions. (It may take a few seconds
+ after the page is done loading to load the save data.)
+ </p>
+ <p>
+ To save and synchronize the data,
+ use <code>webcart10000.update()</code>. You can also pass an
+ object of changes, e.g.
+ <code>webcart1000.update({ MapX: 12, MapY: 13, Switch0: false
+ })</code>. Running <code>update()</code> will also scrub the
+ data so if you put any non-standard keys or values in it,
+ they'll be deleted.
+ </p>
+ <p>
+ If someone's playing two WEBCART1000 games at the same time, the
+ save data is updated in real-time!
+ </p>
+ <h2>Is it safe? Is it private?</h2>
+ <p>
+ Yes.
+ </p>
+ <h3>For Players</h3>
+ <p>
+ There's no cookies. There's no server-mediated
+ messages. Everything WEBCART1000, aside from loading its own
+ static JavaScript, stays on your computer.
+ It's as safe and private as the game would be otherwise.
+ </p>
+ <p>
+ Loading the game leaves at most a default web server log entry -
+ which you've already triggered just by reading this page. Since
+ no data is collected, we don't even have to make a promise we
+ won't share it with anyone - but if we do accidentally collect
+ some, we won't, and we'll just delete it.
+ </p>
+ <h3>For Developers</h3>
+ <p>
+ The provided WEBCART1000 scripts take pains to scrub and
+ normalize the data as much as possible. But this is the web,
+ and people make mistakes. Take the kind of precautions you'd
+ always take in talking to a remote server.
+ </p><p>
+ The <a href="webcart1000.js">webcart1000.js</a> script can be
+ moved to your own server and loaded from there. I recommend this
+ - it'll be faster and stabler. The <a href="o_o.js">o_o.js</a>
+ script and HTML can't be moved unless you're going to make your own
+ WEBCART1000 - which you can if you want, but it also kind of
+ defeats the point.
+ </p>
+ </main>
</body>
</html>
projects / webcart1000.git / blobdiff