Adjust HTML and shrink canvas.
[yuu.git] / src / index.html
1 <!DOCTYPE html>
2 <html data-appid=com.yukkurigames.yuu>
3 <head>
4 <title>Yuu ~ Yukkuri Games</title>
5 <meta charset=utf-8>
6 <meta name=viewport
7 content='user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui'>
8 <meta name=apple-mobile-web-app-capable content=yes>
9 <meta name=apple-mobile-web-app-status-bar-style
10 content=black-translucent>
11 <meta name=mobile-web-app-capable content=yes>
12 <link rel=icon href=data/images/icons.iconset/icon_32x32.png
13 sizes=32x32>
14 <link rel=icon href=data/images/icons.iconset/icon_256x256.png
15 sizes=256x256>
16 <link rel=stylesheet href=yuu/data/yuu.css>
17 <link rel=stylesheet href=main.css>
18 <script src=ext/gl-matrix.js></script>
19 <script src=ext/hammer.js></script>
20 <script src=yuu/pre.js></script>
21 <script src=yuu/yf.js></script>
22 <script src=yuu/yT.js></script>
23 <script src=yuu/core.js></script>
24 <script src=yuu/input.js></script>
25 <script src=yuu/ce.js></script>
26 <script src=yuu/gfx.js></script>
27 <script src=yuu/rdr.js></script>
28 <script src=yuu/director.js></script>
29 <script src=main.js></script>
30 </head>
31
32 <body>
33 <header>
34 <a href="/">
35 <img src="data/images/logotype_horizontal_1.png"
36 class=logo alt="(◕ ヮ ◕)">
37 <img src="data/images/logotype_horizontal_2.png"
38 class=optional alt="Yukkuri Games">
39 </a>
40 <h1>Yuu</h1>
41 </header>
42 <main>
43 <noscript>
44 <p>
45 Games made with Yuu require JavaScript to play. We don't use
46 any remote tracking cookies, load any external scripts, or
47 do any of the things you've probably disabled JavaScript to
48 avoid.
49 <a href="https://yukkurigames.com/privacy.html">Check our
50 privacy policy for more details.</a>
51 </p>
52 </noscript>
53 <canvas id=yuu-canvas data-yuu-resize>
54 Yuu requires JavaScript, canvas, and WebGL support. Your
55 browser seems to lack canvas support.
56 </canvas>
57 <div id=yuu-error class=yuu-overlay>
58 <div data-yuu-command=dismiss tabindex=0></div>
59 <p>There was a problem. Sorry about that.</p>
60 <p id=yuu-error-message></p>
61 <h2>Error Log</h2>
62 <pre id=yuu-error-stack>
63 </pre>
64 </div>
65 <div id=yuu-fatal-error class=yuu-overlay>
66 <p>
67 There was a serious problem. You'll have to restart. Sorry
68 about that.
69 </p>
70 <p id=yuu-fatal-error-message></p>
71 <p class=standalone>
72 If this problem continues,
73 <a target=_blank href='https://yukkurigames.com/support.html'>check our
74 support page</a>. If it doesn't help,
75 <a href='mailto:yuuSPAM@MAPSyukkurigames.com'
76 onclick='this.href=this.href.replace(/[A-Z]/g, "")'>email us</a>.
77 Please include the rest of the text in this error message and
78 <a target=_blank href='chrome://gpu'>information about your
79 system's GPU</a>.
80 </p>
81 <p class=browser>
82 Supported browsers include recent versions of
83 <a target=_blank href='http://www.mozilla.org/firefox/'>Mozilla Firefox</a>
84 and <a target=_blank href='http://www.google.com/chrome/'>Google Chrome</a>
85 on most desktop computers,
86 and <a target=_blank href='https://www.google.com/intl/en/chrome/browser/mobile/android.html'>Chrome
87 for Android</a>
88 </p>
89 <p class=browser>
90 If you are running one of these browsers and still have a problem,
91 <a target=_blank href='https://yukkurigames.com/support.html'>check our
92 support page</a>. If it doesn't help,
93 <a href='mailto:yuuSPAM@MAPSyukkurigames.com'
94 onclick='this.href=this.href.replace(/[A-Z]/g, "")'>email us</a>.
95 Please include the rest of the text in this error message and
96 as much information as you can about your operating system,
97 computer, and especially GPU.
98 </p>
99 <h2>Error Log</h2>
100 <pre id=yuu-fatal-error-stack>
101 </pre>
102 </div>
103 <p>
104 Yuu is our JavaScript/<a href="http://get.webgl.org/">WebGL</a> game
105 engine. It is currently being used in
106 <a href="http://yukkuri.itch.io/pwl6"><em>Pixel Witch Lesson #6</em></a>
107 and other games in development, as well as the live demo
108 below. (In other words, if you can see the demo you can play
109 our games &mdash; and if there's an error, please
110 <a href='mailto:yuuSPAM@MAPSyukkurigames.com'
111 onclick='this.href=this.href.replace(/[A-Z]/g, "")'>let us know</a>.)
112 </p>
113 <p>
114 Games made with Yuu run in Chromium and Firefox, and can also
115 be automatically packaged with
116 <a href="https://github.com/rogerwang/node-webkit">node-webkit</a>
117 for Windows, Mac OS X, and GNU/Linux. It exclusively targets
118 "modern" JavaScript implementations because there's already a
119 hard requirement on WebGL.
120 </p>
121 <p>
122 Because it's based on WebGL it <em>theoretically</em> supports
123 any platform implementing HTML5, ES5, and WebGL. In practice,
124 many such implementations are buggy and idiosyncratic. Android
125 4.4 support is good on several phone lines; iOS 8 (and Safari
126 on OS X) support is not.
127 </p>
128 <h2>Getting It &amp; Using It</h2>
129 <p>
130 Yuu provides <em>no</em> stability guarantees. It's an
131 immature library and likely to see major breaking changes
132 regularly. It is a relatively low-level library, and there is
133 little documentation. (Hopefully, these issues are going to
134 shake out as we make more games.)
135 </p>
136 <p>
137 Because of this, it's currently only distributed with games
138 using it, or from our Git repository:
139 </p>
140 <ul class=download>
141 <li class=sh><span data-optional>git clone
142 </span><a href="http://git.yukkurigames.com/yuu.git">http://git.yukkurigames.com/yuu.git</a>
143 </ul>
144 <p>
145 Yuu is free software. You can redistribute it and/or
146 modify it under the terms of the GNU General Public License
147 as published by the Free Software Foundation;
148 either <a href="http://www.gnu.org/licenses/gpl-2.0.html">version
149 2 of the License</a>, or (at your
150 option) <a href="http://www.gnu.org/licenses/gpl.html">any
151 later version</a>.
152 </p>
153 <p>
154 Yuu also contains code from other projects, all of which is
155 licensed under GPL-compatible terms. If you're having trouble
156 sleeping, it includes
157 <a href="yuu/data/license.txt">complete license text</a>.
158 </p>
159 </main>
160 </body>
161 </html>