Total conversion to FF2.
authorJoe Wreschnig <joe.wreschnig@gmail.com>
Sat, 6 Sep 2014 10:25:48 +0000 (12:25 +0200)
committerJoe Wreschnig <joe.wreschnig@gmail.com>
Sat, 6 Sep 2014 10:26:31 +0000 (12:26 +0200)
35 files changed:
Makefile
src/data/images/book.xcf.gz [deleted file]
src/data/images/circle-inner.png [deleted file]
src/data/images/circle-outer-ee.png [deleted file]
src/data/images/circle-outer.png [deleted file]
src/data/images/circle-rim.png [deleted file]
src/data/images/circle.xcf.gz [deleted file]
src/data/images/hand.png [deleted file]
src/data/images/icons.iconset/icon_128x128.png [deleted file]
src/data/images/icons.iconset/icon_128x128@2x.png [deleted file]
src/data/images/icons.iconset/icon_16x16.png [deleted file]
src/data/images/icons.iconset/icon_256x256.png [deleted file]
src/data/images/icons.iconset/icon_32x32.png [deleted file]
src/data/images/icons.iconset/icon_32x32@2x.png [deleted file]
src/data/images/icons.iconset/icon_64x64.png [deleted file]
src/data/images/icons.iconset/icon_64x64@2x.png [deleted file]
src/data/images/left.png [new file with mode: 0644]
src/data/images/player.png [new file with mode: 0644]
src/data/images/right.png [new file with mode: 0644]
src/data/images/sigils.png [deleted file]
src/data/images/star.png [new file with mode: 0644]
src/data/shaders/noise.glsl [deleted file]
src/data/shaders/noisyblocks.frag [deleted file]
src/data/shaders/noisyquads.vert [deleted file]
src/data/sound/explode.wav [new file with mode: 0644]
src/data/sound/land.wav [new file with mode: 0644]
src/data/sound/pickup.wav [new file with mode: 0644]
src/data/sound/start.wav [new file with mode: 0644]
src/data/sound/starting-line.mp3 [new file with mode: 0644]
src/data/sound/takeoff.mp3 [new file with mode: 0644]
src/index.html
src/main.css [new file with mode: 0644]
src/main.js [new file with mode: 0644]
src/pwl6.css [deleted file]
src/pwl6.js [deleted file]

index 06f7e3f6ac2be81ea6fba0c08ae0b03a23c075ec..ded43da8a26e789e6219d0b593d22ba39c565c22 100644 (file)
--- a/Makefile
+++ b/Makefile
@@ -1,7 +1,6 @@
 #!/usr/bin/make -f
 
-node-webkit-version := 0.10.2
-node-webkit-version-win-ia32.zip := 0.8.6
+node-webkit-version := 0.10.4
 
 .DELETE_ON_ERROR:
 include rules/programs.mk
@@ -13,7 +12,7 @@ include rules/pngcrush.mk
 
 .PHONY: all check distclean lint test dist clean serve
 
-APPLICATION := pwl6
+APPLICATION := featherfall
 DISTDIR := build/dist
 VERSION := $(call git-describe)
 DISTROOT := $(DISTDIR)/$(APPLICATION)-$(VERSION)
diff --git a/src/data/images/book.xcf.gz b/src/data/images/book.xcf.gz
deleted file mode 100644 (file)
index cc06d1f..0000000
Binary files a/src/data/images/book.xcf.gz and /dev/null differ
diff --git a/src/data/images/circle-inner.png b/src/data/images/circle-inner.png
deleted file mode 100644 (file)
index 9069a43..0000000
Binary files a/src/data/images/circle-inner.png and /dev/null differ
diff --git a/src/data/images/circle-outer-ee.png b/src/data/images/circle-outer-ee.png
deleted file mode 100644 (file)
index 7040514..0000000
Binary files a/src/data/images/circle-outer-ee.png and /dev/null differ
diff --git a/src/data/images/circle-outer.png b/src/data/images/circle-outer.png
deleted file mode 100644 (file)
index 0c2e236..0000000
Binary files a/src/data/images/circle-outer.png and /dev/null differ
diff --git a/src/data/images/circle-rim.png b/src/data/images/circle-rim.png
deleted file mode 100644 (file)
index 366d020..0000000
Binary files a/src/data/images/circle-rim.png and /dev/null differ
diff --git a/src/data/images/circle.xcf.gz b/src/data/images/circle.xcf.gz
deleted file mode 100644 (file)
index 4c2fa51..0000000
Binary files a/src/data/images/circle.xcf.gz and /dev/null differ
diff --git a/src/data/images/hand.png b/src/data/images/hand.png
deleted file mode 100644 (file)
index 96e07b2..0000000
Binary files a/src/data/images/hand.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_128x128.png b/src/data/images/icons.iconset/icon_128x128.png
deleted file mode 100644 (file)
index 6c93aa7..0000000
Binary files a/src/data/images/icons.iconset/icon_128x128.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_128x128@2x.png b/src/data/images/icons.iconset/icon_128x128@2x.png
deleted file mode 100644 (file)
index 08bd681..0000000
Binary files a/src/data/images/icons.iconset/icon_128x128@2x.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_16x16.png b/src/data/images/icons.iconset/icon_16x16.png
deleted file mode 100644 (file)
index 570b181..0000000
Binary files a/src/data/images/icons.iconset/icon_16x16.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_256x256.png b/src/data/images/icons.iconset/icon_256x256.png
deleted file mode 100644 (file)
index 08bd681..0000000
Binary files a/src/data/images/icons.iconset/icon_256x256.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_32x32.png b/src/data/images/icons.iconset/icon_32x32.png
deleted file mode 100644 (file)
index 6813ad9..0000000
Binary files a/src/data/images/icons.iconset/icon_32x32.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_32x32@2x.png b/src/data/images/icons.iconset/icon_32x32@2x.png
deleted file mode 100644 (file)
index a8dc504..0000000
Binary files a/src/data/images/icons.iconset/icon_32x32@2x.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_64x64.png b/src/data/images/icons.iconset/icon_64x64.png
deleted file mode 100644 (file)
index a8dc504..0000000
Binary files a/src/data/images/icons.iconset/icon_64x64.png and /dev/null differ
diff --git a/src/data/images/icons.iconset/icon_64x64@2x.png b/src/data/images/icons.iconset/icon_64x64@2x.png
deleted file mode 100644 (file)
index 6c93aa7..0000000
Binary files a/src/data/images/icons.iconset/icon_64x64@2x.png and /dev/null differ
diff --git a/src/data/images/left.png b/src/data/images/left.png
new file mode 100644 (file)
index 0000000..c0b2d7f
Binary files /dev/null and b/src/data/images/left.png differ
diff --git a/src/data/images/player.png b/src/data/images/player.png
new file mode 100644 (file)
index 0000000..a171fe3
Binary files /dev/null and b/src/data/images/player.png differ
diff --git a/src/data/images/right.png b/src/data/images/right.png
new file mode 100644 (file)
index 0000000..82fc819
Binary files /dev/null and b/src/data/images/right.png differ
diff --git a/src/data/images/sigils.png b/src/data/images/sigils.png
deleted file mode 100644 (file)
index c69871a..0000000
Binary files a/src/data/images/sigils.png and /dev/null differ
diff --git a/src/data/images/star.png b/src/data/images/star.png
new file mode 100644 (file)
index 0000000..831fea2
Binary files /dev/null and b/src/data/images/star.png differ
diff --git a/src/data/shaders/noise.glsl b/src/data/shaders/noise.glsl
deleted file mode 100644 (file)
index 84944be..0000000
+++ /dev/null
@@ -1,180 +0,0 @@
-//
-// Description : Array and textureless GLSL 2D/3D/4D simplex 
-//               noise functions.
-//      Author : Ian McEwan, Ashima Arts.
-//  Maintainer : ijm
-//     Lastmod : 20110822 (ijm)
-//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.
-//               Distributed under the MIT License. See LICENSE file.
-//               https://github.com/ashima/webgl-noise
-//
-/*
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-
-precision highp float;
-
-vec2 mod289(vec2 x) {
-  return x - floor(x * (1.0 / 289.0)) * 289.0;
-}
-
-vec3 mod289(vec3 x) {
-  return x - floor(x * (1.0 / 289.0)) * 289.0;
-}
-
-vec4 mod289(vec4 x) {
-  return x - floor(x * (1.0 / 289.0)) * 289.0;
-}
-
-vec3 permute(vec3 x) {
-  return mod289(((x*34.0)+1.0)*x);
-}
-
-vec4 permute(vec4 x) {
-     return mod289(((x*34.0)+1.0)*x);
-}
-
-vec4 taylorInvSqrt(vec4 r)
-{
-  return 1.79284291400159 - 0.85373472095314 * r;
-}
-
-float snoise(vec3 v)
-  { 
-  const vec2  C = vec2(1.0/6.0, 1.0/3.0) ;
-  const vec4  D = vec4(0.0, 0.5, 1.0, 2.0);
-
-// First corner
-  vec3 i  = floor(v + dot(v, C.yyy) );
-  vec3 x0 =   v - i + dot(i, C.xxx) ;
-
-// Other corners
-  vec3 g = step(x0.yzx, x0.xyz);
-  vec3 l = 1.0 - g;
-  vec3 i1 = min( g.xyz, l.zxy );
-  vec3 i2 = max( g.xyz, l.zxy );
-
-  //   x0 = x0 - 0.0 + 0.0 * C.xxx;
-  //   x1 = x0 - i1  + 1.0 * C.xxx;
-  //   x2 = x0 - i2  + 2.0 * C.xxx;
-  //   x3 = x0 - 1.0 + 3.0 * C.xxx;
-  vec3 x1 = x0 - i1 + C.xxx;
-  vec3 x2 = x0 - i2 + C.yyy; // 2.0*C.x = 1/3 = C.y
-  vec3 x3 = x0 - D.yyy;      // -1.0+3.0*C.x = -0.5 = -D.y
-
-// Permutations
-  i = mod289(i); 
-  vec4 p = permute( permute( permute( 
-             i.z + vec4(0.0, i1.z, i2.z, 1.0 ))
-           + i.y + vec4(0.0, i1.y, i2.y, 1.0 )) 
-           + i.x + vec4(0.0, i1.x, i2.x, 1.0 ));
-
-// Gradients: 7x7 points over a square, mapped onto an octahedron.
-// The ring size 17*17 = 289 is close to a multiple of 49 (49*6 = 294)
-  float n_ = 0.142857142857; // 1.0/7.0
-  vec3  ns = n_ * D.wyz - D.xzx;
-
-  vec4 j = p - 49.0 * floor(p * ns.z * ns.z);  //  mod(p,7*7)
-
-  vec4 x_ = floor(j * ns.z);
-  vec4 y_ = floor(j - 7.0 * x_ );    // mod(j,N)
-
-  vec4 x = x_ *ns.x + ns.yyyy;
-  vec4 y = y_ *ns.x + ns.yyyy;
-  vec4 h = 1.0 - abs(x) - abs(y);
-
-  vec4 b0 = vec4( x.xy, y.xy );
-  vec4 b1 = vec4( x.zw, y.zw );
-
-  //vec4 s0 = vec4(lessThan(b0,0.0))*2.0 - 1.0;
-  //vec4 s1 = vec4(lessThan(b1,0.0))*2.0 - 1.0;
-  vec4 s0 = floor(b0)*2.0 + 1.0;
-  vec4 s1 = floor(b1)*2.0 + 1.0;
-  vec4 sh = -step(h, vec4(0.0));
-
-  vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy ;
-  vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww ;
-
-  vec3 p0 = vec3(a0.xy,h.x);
-  vec3 p1 = vec3(a0.zw,h.y);
-  vec3 p2 = vec3(a1.xy,h.z);
-  vec3 p3 = vec3(a1.zw,h.w);
-
-//Normalise gradients
-  vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));
-  p0 *= norm.x;
-  p1 *= norm.y;
-  p2 *= norm.z;
-  p3 *= norm.w;
-
-// Mix final noise value
-  vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);
-  m = m * m;
-  return 42.0 * dot( m*m, vec4( dot(p0,x0), dot(p1,x1), 
-                                dot(p2,x2), dot(p3,x3) ) );
-  }
-
-float snoise(vec2 v)
-  {
-  const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0
-                      0.366025403784439, // 0.5*(sqrt(3.0)-1.0)
-                     -0.577350269189626, // -1.0 + 2.0 * C.x
-                      0.024390243902439); // 1.0 / 41.0
-// First corner
-  vec2 i = floor(v + dot(v, C.yy) );
-  vec2 x0 = v - i + dot(i, C.xx);
-
-// Other corners
-  vec2 i1;
-  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0
-  //i1.y = 1.0 - i1.x;
-  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);
-  // x0 = x0 - 0.0 + 0.0 * C.xx ;
-  // x1 = x0 - i1 + 1.0 * C.xx ;
-  // x2 = x0 - 1.0 + 2.0 * C.xx ;
-  vec4 x12 = x0.xyxy + C.xxzz;
-  x12.xy -= i1;
-
-// Permutations
-  i = mod289(i); // Avoid truncation effects in permutation
-  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))
-+ i.x + vec3(0.0, i1.x, 1.0 ));
-
-  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);
-  m = m*m ;
-  m = m*m ;
-
-// Gradients: 41 points uniformly over a line, mapped onto a diamond.
-// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)
-
-  vec3 x = 2.0 * fract(p * C.www) - 1.0;
-  vec3 h = abs(x) - 0.5;
-  vec3 ox = floor(x + 0.5);
-  vec3 a0 = x - ox;
-
-// Normalise gradients implicitly by scaling m
-// Approximation of: m *= inversesqrt( a0*a0 + h*h );
-  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );
-
-// Compute final noise value at P
-  vec3 g;
-  g.x = a0.x * x0.x + h.x * x0.y;
-  g.yz = a0.yz * x12.xz + h.yz * x12.yw;
-  return 130.0 * dot(m, g);
-}
diff --git a/src/data/shaders/noisyblocks.frag b/src/data/shaders/noisyblocks.frag
deleted file mode 100644 (file)
index be6e051..0000000
+++ /dev/null
@@ -1,23 +0,0 @@
-/* This is free and unencumbered software released into the public
-   domain. To the extent possible under law, the author of this file
-   waives all copyright and related or neighboring rights to it.
-*/
-
-precision highp float;
-
-varying vec2 fTexCoord;
-varying vec4 fColor;
-uniform sampler2D tex;
-
-uniform vec2 resolution;
-uniform float cut;
-uniform float range;
-
-void main(void) {
-    vec2 coord = floor(fTexCoord * resolution);
-    vec3 n = vec3(coord.xy, cut);
-    float p = 1.0 - range * abs(snoise(n));
-    vec3 modulated = fColor.rgb * p;
-    vec4 texColor = texture2D(tex, fTexCoord);
-    gl_FragColor = vec4(modulated * fColor.a, fColor.a) * texColor;
-}
diff --git a/src/data/shaders/noisyquads.vert b/src/data/shaders/noisyquads.vert
deleted file mode 100644 (file)
index 8388349..0000000
+++ /dev/null
@@ -1,26 +0,0 @@
-/* This is free and unencumbered software released into the public
-   domain. To the extent possible under law, the author of this file
-   waives all copyright and related or neighboring rights to it.
-*/
-
-precision mediump float;
-
-attribute vec3 position;
-attribute vec2 texCoord;
-attribute vec4 color;
-
-uniform mat4 model;
-uniform mat4 view;
-uniform mat4 projection;
-
-uniform float cut;
-uniform float range;
-
-varying vec4 fColor;
-
-void main(void) {
-    gl_Position = projection * view * model * vec4(position, 1.0);
-    vec2 n = vec2(texCoord.x, cut);
-    float p = 1.0 - range * abs(snoise(n));
-    fColor = vec4(p * color.rgb, color.a);
-}
diff --git a/src/data/sound/explode.wav b/src/data/sound/explode.wav
new file mode 100644 (file)
index 0000000..7bd3162
Binary files /dev/null and b/src/data/sound/explode.wav differ
diff --git a/src/data/sound/land.wav b/src/data/sound/land.wav
new file mode 100644 (file)
index 0000000..fa8c68b
Binary files /dev/null and b/src/data/sound/land.wav differ
diff --git a/src/data/sound/pickup.wav b/src/data/sound/pickup.wav
new file mode 100644 (file)
index 0000000..5c74507
Binary files /dev/null and b/src/data/sound/pickup.wav differ
diff --git a/src/data/sound/start.wav b/src/data/sound/start.wav
new file mode 100644 (file)
index 0000000..8262262
Binary files /dev/null and b/src/data/sound/start.wav differ
diff --git a/src/data/sound/starting-line.mp3 b/src/data/sound/starting-line.mp3
new file mode 100644 (file)
index 0000000..b579023
Binary files /dev/null and b/src/data/sound/starting-line.mp3 differ
diff --git a/src/data/sound/takeoff.mp3 b/src/data/sound/takeoff.mp3
new file mode 100644 (file)
index 0000000..50df115
Binary files /dev/null and b/src/data/sound/takeoff.mp3 differ
index 1fedd23711192aa671663d7ba87c493d333bacb6..c1b80323c98414c4ac02eac06c97ca5900fe245b 100644 (file)
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en"
-      data-appid="com.yukkurigames.pwl6">
+      data-appid="com.yukkurigames.featherfall">
   <head>
-    <title>Pixel Witch Lesson #6</title>
+    <title>Feather Fall</title>
     <meta charset="utf-8" />
     <meta name="viewport"
           content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style"
+<!--     <meta name="apple-mobile-web-app-status-bar-style"
           content="black-translucent" />
     <link rel=icon href=data/images/icons.ico
           sizes="16x16 32x32 64x64 128x128 256x256"
@@ -15,8 +15,9 @@
     <link rel=icon href=data/images/icons.icns
           sizes="16x16 32x32 64x64 128x128 256x256"
           >
+    -->
     <link rel="stylesheet" href="yuu/data/yuu.css" type="text/css" />
-    <link rel="stylesheet" href="pwl6.css" type="text/css" />
+    <link rel="stylesheet" href="main.css" type="text/css" />
     <script type="text/javascript" src="ext/gl-matrix.js"></script>
     <script type="text/javascript" src="ext/gamepad.js"></script>
     <script type="text/javascript" src="ext/hammer.js"></script>
@@ -32,7 +33,7 @@
     <script type="text/javascript" src="yuu/audio.js"></script>
     <script type="text/javascript" src="yuu/director.js"></script>
     <script type="text/javascript" src="yuu/storage.js"></script>
-    <script type="text/javascript" src="pwl6.js"></script>
+    <script type="text/javascript" src="main.js"></script>
   </head>
   
   <body>
@@ -70,7 +71,7 @@
          data-yuu-animation="yuu-from-top-right"
          data-yuu-dismiss-key="f10 escape">
       <div data-yuu-command="dismiss" tabindex=0></div>
-      <h1>Pixel Witch Lesson #6</h1>
+      <h1>Feather Fall</h1>
       <table class="yuu-options">
         <tr>
           <td>
          data-yuu-animation="yuu-from-top"
          data-yuu-dismiss-key="escape">
       <div data-yuu-command="dismiss" tabindex=0></div>
-      <h1><a href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a></h1>
+      <h1>Feather Fall</h1>
       <dl>
         <dt>Designed &amp; Implemented</dt>
+        <dd>Yukkuri Games</dd>
+        <dt>Art, Design</dt>
+        <dd>Jessicatz Fairymeadow</dd>
+        <dt>Design, Programming</dt>
         <dd>Joe Wreschnig</dd>
         <dt>Additional Programming</dt>
         <dd>
           Christoph Burgmer
           (<a href="https://github.com/cburgmer/ayepromise">ayepromise</a>)
         </dd>
-        <dd>
-          Ian McEwan, Ashima Arts
-          (<a href="https://github.com/ashima/webgl-noise">WebGL Noise</a>)
-        </dd>
         <dd>
           Jorik Tangelder
           (<a href="http://eightmedia.github.io/hammer.js/">Hammer.js</a>)
           Dave Gandy
           (<a href="http://fortawesome.github.io/">Font Awesome</a>)
         </dd>
-        <dt>Special Thanks</dt>
-        <dd>Amelia Gorman</dd>
-        <dd>Jessicatz Fairymeadow</dd>
-        <dd><a href="http://www.kenney.nl/">Kenney.nl</a></dd>
-        <dd>
-          Richard
-          <a href="http://www.clockguy.com/SiteRelated/SiteReferencePages/ClockChimeTunes.html">"The Clock Guy"</a>
-          Oliver
-        </dd>
       </dl>
       <hr>
       <div style="text-align: center">
         <p>
-          Copyright &copy;2014
+          Copyright &copy;2009, 2014
           <a href="http://yukkurigames.com/">Yukkuri Games</a>
           and others
         </p>
         </p>
         <hr>
         <ul class="link-footer">
-          <li><a href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a>
           <li><a href="http://yukkurigames.com/">Yukkuri Games</a>
         </ul>
       </div>
diff --git a/src/main.css b/src/main.css
new file mode 100644 (file)
index 0000000..2b55cb0
--- /dev/null
@@ -0,0 +1,65 @@
+body {
+    background-color: black;
+}
+
+.yuu-toast {
+    background-color: hsla(276, 33%, 10%, 1.0);
+    border: solid hsla(276, 33%, 48%, 1.0) 2px;
+    color: hsla(276, 33%, 95%, 1.0);
+}
+
+.yuu-overlay {
+    background-color: hsla(276, 33%, 10%, 0.9);
+    border: solid hsla(276, 33%, 48%, 1.0) 2px;
+    color: hsla(276, 33%, 95%, 1.0);
+}
+
+.yuu-overlay *:focus {
+    box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+    -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+    -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+    outline: none;
+}
+
+input[type=range][data-yuu-command] {
+    background-color: hsla(276, 33%, 25%, 1.0);
+    border: solid hsla(276, 33%, 48%, 0.33) 1px;
+}
+
+input[type=range][data-yuu-command]::-webkit-slider-thumb {
+    background-color: hsla(276, 33%, 65%, 1.0);
+}
+
+input[type=range][data-yuu-command]::-moz-range-track {
+    background-color: hsla(276, 33%, 25%, 1.0);
+}
+
+input[type=range][data-yuu-command]::-moz-range-thumb {
+    background: hsla(276, 33%, 65%, 1.0);
+}
+
+input[type=checkbox][data-yuu-command]:focus + label[for] {
+    box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+    -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+    -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+    outline: 0;
+}
+
+input[data-yuu-command] + label[for]:before {
+    color: hsla(276, 33%, 65%, 1.0);
+}
+
+a[href], [data-yuu-command] {
+    color: hsla(276, 33%, 65%, 1.0);
+}
+
+hr {
+    border: solid hsla(276, 33%, 48%, 0.75) 1px;
+}
+
+.link-footer {
+    list-style-type: none;
+    text-align: center;
+    margin-left: 0;
+    padding-left: 0;
+}
diff --git a/src/main.js b/src/main.js
new file mode 100644 (file)
index 0000000..26ec069
--- /dev/null
@@ -0,0 +1,59 @@
+"use strict";
+
+var storage;
+
+/*var PlayerController = new yT(yuu.C, {
+    constructor: function () {
+        
+    },
+
+    TAPS: ['tick'],
+});*/
+
+var GameScene = yT(yuu.Scene, {
+    constructor: function () {
+        yuu.Scene.call(this);
+
+        this.layer0.resize(-0.5, -0.5, 1, 1);
+
+        this.player = new yuu.E(new yuu.Transform(),
+                                new yuu.QuadC('@player'));
+        var leftWing = new yuu.E(new yuu.Transform(),
+                                 new yuu.QuadC('@left'));
+        var rightWing = new yuu.E(new yuu.Transform(),
+                                  new yuu.QuadC('@right'));
+        this.player.addChildren(leftWing, rightWing);
+        this.entity0.addChild(this.player);
+
+        this.ready = yuu.ready([
+            new yuu.Material('@player'),
+            new yuu.Material('@left'),
+            new yuu.Material('@right')]);
+    },
+
+    KEYBINDS: {
+        space: '+up',
+        up: '+up',
+        q: '+dleft_left',
+        w: '+dleft_right',
+        o: '+dright_left',
+        p: '+dright_right',
+    }
+});
+
+function start () {
+    yuu.director.start();
+}
+
+function load () {
+    storage = ystorage.getStorage();
+    yuu.audio.storage = storage;
+    var game = new GameScene();
+    yuu.director.pushScene(game);
+}
+
+window.addEventListener("load", function() {
+    yuu.registerInitHook(load);
+    yuu.init({ backgroundColor: [0, 0, 0, 1], antialias: false })
+        .then(start);
+});
diff --git a/src/pwl6.css b/src/pwl6.css
deleted file mode 100644 (file)
index 2b55cb0..0000000
+++ /dev/null
@@ -1,65 +0,0 @@
-body {
-    background-color: black;
-}
-
-.yuu-toast {
-    background-color: hsla(276, 33%, 10%, 1.0);
-    border: solid hsla(276, 33%, 48%, 1.0) 2px;
-    color: hsla(276, 33%, 95%, 1.0);
-}
-
-.yuu-overlay {
-    background-color: hsla(276, 33%, 10%, 0.9);
-    border: solid hsla(276, 33%, 48%, 1.0) 2px;
-    color: hsla(276, 33%, 95%, 1.0);
-}
-
-.yuu-overlay *:focus {
-    box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-    -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-    -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-    outline: none;
-}
-
-input[type=range][data-yuu-command] {
-    background-color: hsla(276, 33%, 25%, 1.0);
-    border: solid hsla(276, 33%, 48%, 0.33) 1px;
-}
-
-input[type=range][data-yuu-command]::-webkit-slider-thumb {
-    background-color: hsla(276, 33%, 65%, 1.0);
-}
-
-input[type=range][data-yuu-command]::-moz-range-track {
-    background-color: hsla(276, 33%, 25%, 1.0);
-}
-
-input[type=range][data-yuu-command]::-moz-range-thumb {
-    background: hsla(276, 33%, 65%, 1.0);
-}
-
-input[type=checkbox][data-yuu-command]:focus + label[for] {
-    box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-    -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-    -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-    outline: 0;
-}
-
-input[data-yuu-command] + label[for]:before {
-    color: hsla(276, 33%, 65%, 1.0);
-}
-
-a[href], [data-yuu-command] {
-    color: hsla(276, 33%, 65%, 1.0);
-}
-
-hr {
-    border: solid hsla(276, 33%, 48%, 0.75) 1px;
-}
-
-.link-footer {
-    list-style-type: none;
-    text-align: center;
-    margin-left: 0;
-    padding-left: 0;
-}
diff --git a/src/pwl6.js b/src/pwl6.js
deleted file mode 100644 (file)
index dc50206..0000000
+++ /dev/null
@@ -1,2149 +0,0 @@
-"use strict";
-
-var storage;
-var SIGILS;
-var BOOK;
-var handScene;
-var circleScene;
-var NOISY_BLOCKS;
-
-var sounds;
-
-var TOP = 0;
-var LEFT = 1;
-var BOTTOM = 2;
-var RIGHT = 3;
-
-var MenuScene, CircleScene, HandScene, BookScene, GridScene;
-
-yuu.Texture.DEFAULTS.magFilter = yuu.Texture.DEFAULTS.minFilter = "nearest";
-
-var TICK_ROT = quat.rotateZ(quat.create(), quat.create(), Math.PI / 30);
-var TICK_REV = quat.invert(quat.create(), TICK_ROT);
-var TICK_ROT2 = quat.rotateZ(quat.create(), quat.create(), Math.PI / 60);
-
-function sawtooth (p) {
-    /** Sawtooth wave, Ã› = 1, T = 2Ï€, f(0) = 0, f′(0) > 0 */
-    var _2PI = 2 * Math.PI;
-    return 2 * (p / _2PI - Math.floor(0.5 + p / _2PI));
-}
-
-function triangle (p) {
-    /** Triangle wave, Ã› = 1, T = 2Ï€, f(0) = 0, f′(0) > 0 */
-    return 2 * Math.abs(sawtooth(p + Math.PI / 2)) - 1;
-}
-
-function waveshift (period, peak, xoffset, yoffset) {
-    period /= 2 * Math.PI;
-    xoffset = xoffset || 0;
-    yoffset = yoffset || 0;
-    return function (f) {
-        return function (p) {
-            return yoffset + peak * f.call(this, (p + xoffset) / period);
-        };
-    };
-}
-
-function cycler (scale) {
-    var f = waveshift(scale, 0.5, -Date.now(), 0.5)(triangle);
-    return function () { return f(Date.now()); };
-}
-
-function load () {
-    storage = ystorage.getStorage();
-    yuu.audio.storage = storage;
-
-    NOISY_BLOCKS = new yuu.ShaderProgram(null, ["@noise.glsl", "@noisyblocks"]);
-
-    SIGILS = new yuu.Material("@sigils");
-    BOOK = new yuu.Material("@book", NOISY_BLOCKS);
-    BOOK.uniforms.cut = yf.volatile(cycler(20000));
-    BOOK.uniforms.range = 0.06;
-    BOOK.texture.ready.then(function (texture) {
-        BOOK.uniforms.resolution = new Float32Array(
-            [texture.width / 4, texture.height / 4]);
-    });
-
-    sounds = {
-        tick: new yuu.Instrument("@tick"),
-        tock: new yuu.Instrument("@tock"),
-        regear: new yuu.Instrument("@regear"),
-        winding: new yuu.Instrument("@winding"),
-        slam: new yuu.Instrument("@slam"),
-        switch: new yuu.Instrument("@switch"),
-        clicking: new yuu.Instrument("@clicking"),
-        bookAppear: new yuu.Instrument("@book-appear"),
-        switchBroke: new yuu.Instrument({
-            sample: { "@switch": { duration: 0.27, offset: 0.1 } } }),
-        switchOn: new yuu.Instrument({
-            sample: { "@switch": { duration: 0.2 } } }),
-        switchOff: new yuu.Instrument({
-            sample: { "@switch": { offset: 0.2 } } }),
-        chime: new yuu.Instrument({
-            envelope: { "0": 1, "0.7": 0.2, "3": 0 },
-            modulator: {
-                envelope: { "0": 1, "0.7": 0.2, "3": 0 },
-                frequency: "x1.5",
-            }
-        }),
-    };
-
-    yuu.director.pushScene(circleScene = new CircleScene());
-    yuu.director.pushScene(handScene = new HandScene());
-    yuu.director.pushScene(new MenuScene());
-    if (!storage.getFlag("instructions")) {
-        yuu.director.entity0.attach(new yuu.Ticker(function () {
-            yuu.director.pushScene(new BookScene());
-        }, 60));
-    }
-
-    return yuu.ready(
-        [SIGILS, BOOK]
-        .concat(yf.map(yf.getter.bind(sounds), Object.keys(sounds)))
-    );
-}
-
-function start () {
-    yuu.director.start();
-}
-
-window.addEventListener("load", function() {
-    yuu.registerInitHook(load);
-    yuu.init({ backgroundColor: [0, 0, 0, 1], antialias: false }).then(start);
-});
-
-var PALETTE = [[ 0.76, 0.13, 0.13 ],
-               [ 0.33, 0.49, 0.71 ],
-               [ 0.45, 0.68, 0.32 ],
-               [ 0.51, 0.32, 0.63 ],
-               [ 0.89, 0.49, 0.11 ],
-               [ 1.00, 1.00, 0.30 ]];
-
-var LEVELS = [
-    { name: "12345654321",
-      randomSlammer: [3, 5],
-      deps: "50040@easy 53535@easy 44404@easy 1302@easy 12321@easy 20124@easy"
-    },
-    
-    { slammer: [1, 1], sets: "tutorial",
-      scramble: { easy: "01", hard: "0122" } },
-    { slammer: [1, 1, 1], deps: "tutorial",
-      scramble: { easy: "11", hard: "1212" } },
-    { slammer: [2, 1], deps: "tutorial", sets: "asymmetric",
-      scramble: { easy: "32", hard: "3321" } },
-    { slammer: [1, 2, 1], deps: "tutorial", sets: "unequal",
-      scramble: { easy: "112", hard: "3210" } },
-    { slammer: [2, 0], deps: "asymmetric", sets: "zero",
-      scramble: { easy: "23", hard: "032" } },
-    { slammer: [2, 0, 2], deps: "zero",
-      scramble: { easy: "11", hard: "2211" } },
-    { slammer: [1, 1, 1, 1], deps: "tutorial" },
-    { slammer: [2, 1, 1], deps: "asymmetric" },
-    { slammer: [1, 2, 1, 2], deps: "asymmetric",
-      scramble: { easy: "012" } },
-    { slammer: [1, 2, 3, 4], deps: "asymmetric", sets: "solid",
-      scramble: { easy: "110" } },
-    { slammer: [5, 0, 0, 4, 0], deps: "unequal zero",
-      scramble: { easy: "112" } },
-    { slammer: [5, 3, 5, 3, 5], deps: "unequal solid",
-      scramble: { easy: "3232" } },
-    { slammer: [4, 4, 4, 0, 4], deps: "solid zero",
-      scramble: { easy: "0321" } },
-    { slammer: [1, 3, 0, 2], deps: "unequal zero" },
-    { slammer: [1, 2, 3, 2, 1], deps: "unequal",
-      scramble: { easy: "3333" } },
-    { slammer: [2, 0, 1, 2, 4], deps: "unequal zero" },
-];
-
-function levelName (level) {
-    return (level.name || level.slammer.join("")).trim();
-}
-
-function wonLevel (level, difficulty) {
-    if (level.sets)
-        storage.setFlag(level.sets);
-    storage.setFlag(levelName(level) + "@" + difficulty);
-}
-
-function hasBeaten (level, difficulty) {
-    return storage.getFlag(levelName(level) + "@" + difficulty);
-}
-
-function scrambleForLevel (rnd, level, difficulty) {
-    var c = difficulty === "easy" ? 0 : 1;
-    if (difficulty === "random")
-        c = rnd.randrange(2, 5);
-    var length = level.slammer.length;
-    return rnd.randrange(length * c, length * (c + 1)) + 2;
-}
-
-function difficultyForLevel (level) {
-    if (level.deps && !level.deps.split(" ").every(storage.getFlag, storage))
-        return null;
-    if (hasBeaten(level, "hard"))
-        return "random";
-    if (hasBeaten(level, "easy"))
-        return "hard";
-    else
-        return "easy";
-}
-
-function levelRandom (level, difficulty) {
-    if (difficulty === "random")
-        return yuu.random;
-    else
-        return new yuu.Random(yuu.createLCG(+level.slammer.join("")));
-}
-
-function generateBoard (rnd, level) {
-    var size = level.length;
-    var board = new Array(size);
-    for (var i = 0; i < size; ++i)
-        board[i] = yf.repeat(i % PALETTE.length + 1, size);
-    if (rnd.randbool())
-        yuu.transpose2d(board);
-    return board;
-}
-
-function generateSlammer (rnd, level) {
-    var s = new Array(level.length);
-    for (var i = 0; i < s.length; ++i)
-        s[i] = yf.repeat(0, level[i]);
-    if (rnd.randbool())
-        s.reverse();
-    return s;
-}
-
-var AnimationQueue = yT(yuu.C, {
-    constructor: function () {
-        this._queue = [];
-    },
-
-    attached: function () {
-        this._queue = [];
-    },
-
-    _runNext: function () {
-        var next = this._queue[0];
-        if (next && this.entity)
-            this.entity.attach(new yuu.Animation(
-                next.timeline, next.params, this._complete.bind(this)));
-    },
-
-    _complete: function () {
-        var next = this._queue.shift();
-        next.resolve();
-        this._runNext();
-    },
-
-    enqueue: function (timeline, params) {
-        return new Promise(function (resolve) {
-            this._queue.push({
-                timeline: timeline,
-                params: params,
-                resolve: resolve
-            });
-            // FIXME: Simply chaining the promise doesn't work here
-            // because the tick between the two handlers is often long
-            // enough to render a frame, and that frame will have some
-            // undesirable intermediate state.
-            if (this._queue.length === 1)
-                this._runNext();
-        }.bind(this));
-    },
-
-    SLOTS: ["animationQueue"]
-});
-
-var SLAMMER_ROTATE = {
-    0: { tween1: { yaw: "yaw" }, duration: 10 }
-};
-
-var ROTATE_ALL = {
-    0: { tweenAll: { yaw: "yaws" }, duration: 10 }
-};
-
-var SLAMMER_BOUNCE = {
-    0: { tween1: { y: 0.5 }, duration: 5, repeat: -1 }
-};
-
-var SLIDE_BLOCKS = {
-    0: { tweenAll: { position: "positions" },
-         duration: 8, easing: "linear" },
-};
-
-var SLAMMER_SLAM = {
-    0:  { tween1: { y: -1.5 }, easing: "linear", duration: 6 },
-    6:  { event: "slideBoardBlocks" },
-    15: { event: "slam",
-          tween1: { y: 0 }, easing: "linear", duration: 8 }
-};
-     
-var GRID_DISMISS = {
-    0: { tween1: { yaw: 2 * Math.PI, x: "x", y: "y", scale: [0.3, 0.3, 1] },
-         duration: 45 }
-};
-
-var GRID_FINISHED = {
-    0: { tween: { arm: { scale: [0, 0, 1], yaw: "armYaw", y: "armY" },
-                  board: { y: "boardY" } },
-         duration: 45 }
-};
-
-function rotateCw (d) { return (--d + 4) % 4; }
-function rotateCcw (d) { return ++d % 4; }
-function opposite (d) { return (d + 2) % 4; }
-
-var FlagSet = yT({
-    /** Manage a set of semaphore-like counting flags. */
-
-    constructor: function () {
-        /** Construct a flag set for the provided flags.
-
-            Flags are initialized to 0 by default.
-        */
-        this._counts = {};
-        for (var i = 0; i < arguments.length; ++i)
-            this._counts[arguments[i]] = 0;
-    },
-
-    increment: function () {
-        /** Increment the provided flags. */
-        for (var i = 0; i < arguments.length; ++i)
-            this._counts[arguments[i]]++;
-    },
-
-    decrement: function () {
-        /** Decrement the provided flags.
-
-            No underflow checks are performed. A flag with a negative
-            value is considered set exactly as a flag with a positive
-            value.
-        */
-        for (var i = 0; i < arguments.length; ++i)
-            this._counts[arguments[i]]--;
-    },
-
-    some: function () {
-        /** Return true if any of the provided flags are set. */
-        return yf.some.call(this._counts, yf.getter, arguments);
-    },
-
-    every: function () {
-        /** Return true if all of the provided flags are set. */
-        return yf.every.call(this._counts, yf.getter, arguments);
-    },
-
-    none: function () {
-        /** Return true if none of the provided flags are set. */
-        return !this.some.apply(this, arguments);
-    },
-
-    incrementer: function () {
-        /** Provide a bound 0-ary function to increment the provided flags.
-
-            Useful for wrapps around context-free callbacks.
-        */
-        var that = this, args = arguments;
-        return function () { that.increment.apply(that, args); };
-    },
-
-    decrementer: function () {
-        /** Provide a bound 0-ary function to decrement the provided flags.
-
-            Useful for wrapps around context-free callbacks.
-        */
-        var that = this, args = arguments;
-        return function () { that.decrement.apply(that, args); };
-    }
-});
-
-var BoardController = yT(yuu.C, {
-    constructor: function (rnd, level, colors) {
-        this.contents = generateBoard(rnd, level.slammer);
-        this.colors = colors;
-    },
-    updateChildren: function () {
-        this.entity.data.quads.forEach(function (q) {
-            q.quad.position = [q.x, q.y];
-            var i = this.contents[q.x][q.y];
-            q.quad.color = this.colors[i];
-            q.quad.texBounds = [i / 6, 0.5, (i + 1) / 6, 1.0];
-        }, this);
-    },
-    isComplete: function() {
-        var x, y;
-        var rows = true, cols = true;
-        for (x = 1; x < this.contents.length && rows; ++x)
-            for (y = 0; y < this.contents[x].length && rows; ++y)
-                rows = this.contents[x - 1][y] === this.contents[x][y];
-        for (x = 0; x < this.contents.length && cols; ++x)
-            for (y = 1; y < this.contents[x].length && cols; ++y)
-                cols = this.contents[x][y - 1] === this.contents[x][y];
-        return rows || cols;
-    },
-
-    shift: [
-        function (x, replacement) {
-            var lost = this.contents[x].pop();
-            this.contents[x].unshift(replacement);
-            return lost;
-        },
-        function (y, replacement) {
-            yuu.transpose2d(this.contents);
-            var lost = this.shift[BOTTOM].call(this, y, replacement);
-            yuu.transpose2d(this.contents);
-            return lost;
-        },
-        function (x, replacement) {
-            var lost = this.contents[x].shift();
-            this.contents[x].push(replacement);
-            return lost;
-        },
-        function (y, replacement) {
-            yuu.transpose2d(this.contents);
-            var lost = this.shift[TOP].call(this, y, replacement);
-            yuu.transpose2d(this.contents);
-            return lost;
-        }
-    ],
-
-    SLOTS: ["controller"]
-});
-
-var SlammerController = yT(yuu.C, {
-    constructor: function (rnd, level, colors) {
-        this.blocks = generateSlammer(rnd, level.slammer);
-        this.orientation = TOP;
-        this.colors = colors;
-        this._undoRecord = [];
-    },
-    isComplete: function() {
-        return yf.none(yf.some.bind(null, null), this.blocks);
-    },
-    updateChildren: function () {
-        this.entity.data.quads.forEach(function (q) {
-            var i = this.blocks[q.x][q.y];
-            q.quad.position = [q.x, q.y];
-            q.quad.color = this.colors[i];
-            q.quad.texBounds = [i / 6, 0.5, (i + 1) / 6, 1.0];
-        }, this);
-    },
-
-    lastUndoRecord: { get: function () {
-        return yf.last(this._undoRecord);
-    } },
-
-    clearUndoRecord: function () {
-        this._undoRecord = [];
-    },
-    
-    slam: function (board) {
-        var undoable = (this.orientation !== this.lastUndoRecord);
-        var length = this.blocks.length;
-        this.orientation = opposite(this.orientation);
-        this.blocks = yf.mapr.call(this, function (a, y) {
-            return yf.map(board.shift[this.orientation].bind(board, y), a)
-                .reverse();
-        }, this.blocks, (this.orientation & 2)
-                        ? yf.range(length)
-                        : yf.range(length - 1, -1, -1));
-        yf.each(function (i) {
-            i.x = length - (i.x + 1);
-        }, this.entity.data.quads);
-        this.updateChildren();
-        board.updateChildren();
-        if (undoable)
-            this._undoRecord.push(this.orientation);
-        else
-            this._undoRecord.pop();
-    },
-
-    SLOTS: ["controller"]
-});
-
-function randSide (rnd, except) {
-    return (rnd || yuu.random).choice(
-        yf.without([TOP, LEFT, BOTTOM, RIGHT], except));
-}
-
-var HANDS_LEFT = {
-    0: { tween: { left: { yaw: -0.3 } }, duration: 3 },
-    3: { tween: { left: { yaw: 0.0 } }, duration: 7 },
-};
-
-var HANDS_RIGHT = {
-    0: { tween: { right: { yaw: -0.3 } }, duration: 3 },
-    3: { tween: { right: { yaw: 0.0 } }, duration: 7 },
-};
-
-var HANDS_UNDO = {
-    0: { tween: { left: { yaw: 0.2 }, right: { yaw: 0.2 } },
-         duration: 3 },
-    3: { tween: { left: { yaw: 0.0 }, right: { yaw: 0.0 } },
-         duration: 7 }
-};
-
-var HANDS_MENU_CHOICE = {
-    0: { tween: { left:  { x: -1.3 },
-                  right: { x: -1.3 } },
-         duration: 15, easing: "ease_in"
-       },
-
-    10: { tween: { left:  { scaleX: 1 },
-                   right: { scaleX: 1 } },
-          duration: 20 },
-
-    20: { set: { leftQuad:  { color: "frontColor" },
-                 rightQuad: { color: "frontColor" } },
-          tween: { left: { x: 0 }, right: { x: 0 } },
-          duration: 15
-        },
-};
-
-var HANDS_RETURN = {
-    0: { tween: { left:  { x: -1.3 },
-                  right: { x: -1.3 } },
-         duration: 20
-       },
-
-    10: { tween: { left:  { scaleX: -1 },
-                   right: { scaleX: -1 } },
-          duration: 20 },
-
-    20: { set: { leftQuad:  { color: "backColor" },
-                 rightQuad: { color: "backColor" } },
-          tween: { left: { x: -1 }, right: { x: -1 } },
-          duration: 10
-        },
-};
-
-var HANDS_SLAM = [
-    // TOP
-    { 0: { tween: { left:  { yaw: -0.2, scaleX: 0.8, y: -0.1 },
-                    right: { yaw: -0.2, scaleX: 0.8, y: -0.1 },
-                  }, duration: 10, repeat: -1 },
-    },
-
-    // LEFT
-    { 0: { tween: { left:  { scaleX: 0.8, x: 0.1 },
-                    right: { scaleX: 0.9 },
-                  }, duration: 10, repeat: -1 },
-    },
-
-    // BOTTOM
-    { 0: { tween: { left:  { yaw: 0.2, scaleX: 0.8 },
-                    right: { yaw: 0.2, scaleX: 0.8 },
-                  }, duration: 10, repeat: -1 },
-    },
-
-    // RIGHT
-    { 0: { tween: { left:  { scaleX: 0.9 },
-                    right: { scaleX: 0.8, x: 0.1 },
-                  }, duration: 10, repeat: -1 },
-    },
-];
-
-var HANDS_ROTATE_CW = {
-    0: { tween: { left: { scaleX: 0.8 } }, duration: 5 },
-    5: { tween: { left: { scaleX: 1.0 } }, duration: 5 },
-};
-
-var HANDS_ROTATE_CCW = {
-    0: { tween: { right: { scaleX: 0.8 } }, duration: 5 },
-    5: { tween: { right: { scaleX: 1 } }, duration: 5 },
-};
-
-var BUTTONS_IN = {
-    0: { tween: { a: { x: 0 }, b: { x: 1.5 } }, duration: 25 }
-};
-
-var BUTTONS_OUT = {
-    0: { tween: { a: { x: -1.5 }, b: { x: 0 } }, duration: 25 }
-};
-
-HandScene = yT(yuu.Scene, {
-    constructor: function () {
-        yuu.Scene.call(this);
-        var hands = new yuu.Material("@hand");
-        this.left = new yuu.E(new yuu.Transform());
-        var l = new yuu.E(
-            new yuu.Transform([-0.5, 0.5, 0]),
-            new yuu.DataC({ command: "left" }),
-            this.leftQuad = new yuu.QuadC(hands));
-        this.left.addChild(l);
-        var r = new yuu.E(
-            new yuu.Transform([-0.5, 0.5, 0]),
-            new yuu.DataC({ command: "right" }),
-            this.rightQuad = new yuu.QuadC(hands));
-        this.right = new yuu.E(new yuu.Transform());
-        this.right.addChild(r);
-        var SIZE_X = yuu.random.gauss(1.2, 0.15) * 0.35;
-        var SIZE_Y = yuu.random.gauss(1.1, 0.05) * 0.51;
-        var hand = yuu.random.randrange(3);
-        this.leftQuad.texBounds = this.rightQuad.texBounds = [
-            hand / 2.99, 0, (hand + 1) / 3.01, 1];
-        this.layer0.resize(-0.75, 0, 1.5, 1.5);
-        var leftWrist = new yuu.E(
-            new yuu.Transform([-0.20, 0, 0], null,
-                              [SIZE_X, SIZE_Y, 1]));
-        var rightWrist = new yuu.E(
-            new yuu.Transform([0.20, 0, 0], null,
-                              [-SIZE_X, SIZE_Y, 1]));
-        leftWrist.addChild(this.left);
-        rightWrist.addChild(this.right);
-        this.addEntities(leftWrist, rightWrist);
-        this.backColor = yuu.hslToRgb(
-            (yuu.random.gauss(0.1, 0.1) + 10) % 1,
-            yuu.random.uniform(0.2, 0.7),
-            yuu.random.uniform(0.2, 0.6),
-            1.0);
-        this.leftQuad.alpha = this.rightQuad.alpha = 0.2;
-        var hsl = yuu.rgbToHsl(this.backColor);
-        hsl[2] = hsl[2].lerp(1, 0.15);
-        hsl[1] = hsl[1].lerp(0, 0.30);
-        hsl[3] = 0.4;
-        this.frontColor = yuu.hslToRgb(hsl);
-        this.leftQuad.color = this.rightQuad.color = this.frontColor;
-        this.ready = hands.ready;
-
-        function Button (i, command) {
-            return new yuu.E(
-                new yuu.Transform(),
-                new yuu.DataC({ command: command }),
-                new yuu.QuadC(SIGILS)
-                    .setTexBounds([i / 6, 0, (i + 1) / 6, 0.5])
-                    .setColor(PALETTE[i]));
-        }
-
-        this.helpButton = new Button(1, "help");
-        this.backButton = new Button(3, "back");
-        this.backButton.transform.x -= 1.5;
-        this.leftButtons = new yuu.E(new yuu.Transform());
-        this.leftButtons.addChildren(this.helpButton, this.backButton);
-        this.rightButton = new Button(2, "showOverlay preferences");
-        this.leftButtons.transform.scale
-            = this.rightButton.transform.scale
-            = [0.075, 0.075, 1];
-        this.entity0.addChildren(this.leftButtons, this.rightButton);
-        this.buttons = [this.helpButton, this.backButton, this.rightButton,
-                        l, r];
-     },
-
-    inputs: {
-        resize: function () {
-            var base = new yuu.AABB(-0.75, 0, 0.75, 1.5);
-            var vp = base.matchAspectRatio(yuu.viewport);
-            vp.y1 -= vp.y0;
-            vp.y0 = 0;
-            this.leftButtons.transform.xy = [
-                vp.x0 + this.leftButtons.transform.scaleX,
-                vp.y1 - this.leftButtons.transform.scaleY];
-            this.rightButton.transform.xy = [
-                vp.x1 - this.rightButton.transform.scaleX,
-                vp.y1 - this.rightButton.transform.scaleY];
-            this.layer0.resize(vp.x0, vp.y0, vp.w, vp.h);
-        },
-
-        mousemove: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            this.cursor = "";
-            for (var i = 0; i < this.buttons.length; ++i) {
-                if (this.buttons[i].transform.contains(p)) {
-                    this.cursor = "pointer";
-                }
-            }
-        },
-
-        tap: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            for (var i = 0; i < this.buttons.length; ++i) {
-                if (this.buttons[i].transform.contains(p)) {
-                    yuu.director.execute(this.buttons[i].data.command);
-                    return true;
-                }
-            }
-        },
-
-        doubletap: function () {
-            return this.inputs.tap.apply(this, arguments);
-        },
-    },
-
-    _anim: function (timeline) {
-        this.entity0.attach(new yuu.Animation(
-            timeline, {
-                left: this.left.transform,
-                right: this.right.transform,
-                leftQuad: this.leftQuad,
-                rightQuad: this.rightQuad,
-                frontColor: this.frontColor,
-                backColor: this.backColor
-            }));
-    },
-
-    undo: function () { this._anim(HANDS_UNDO); },
-    movedLeft: function () { this._anim(HANDS_LEFT); },
-    movedRight: function () { this._anim(HANDS_RIGHT); },
-    slam: function (o) { this._anim(HANDS_SLAM[o]); },
-    rotatedCw: function () { this._anim(HANDS_ROTATE_CW); },
-    rotatedCcw: function () { this._anim(HANDS_ROTATE_CCW); },
-    menuChoice: function () {
-        this.entity0.attach(new yuu.Animation(
-            BUTTONS_IN, {
-                a: this.backButton.transform,
-                b: this.helpButton.transform
-            }));
-        this._anim(HANDS_MENU_CHOICE);
-    },
-    finished: function () {
-        this.entity0.attach(new yuu.Animation(
-            BUTTONS_OUT, {
-                a: this.backButton.transform,
-                b: this.helpButton.transform
-            }));
-        this._anim(HANDS_RETURN);
-    },
-});
-
-var GRID_APPEAR = {
-    0: { set1:   { y: 5 },
-         tween1: { y: 0 }, duration: 10 },
-};
-
-GridScene = yT(yuu.Scene, {
-    constructor: function (level, difficulty) {
-        yuu.Scene.call(this);
-        this.entity0.attach(new yuu.Transform());
-        this.level = level;
-        this.difficulty = difficulty;
-        this._locks = new FlagSet("slam", "spin", "quit");
-        var rnd = levelRandom(level, difficulty);
-        var colors = yuu.random.shuffle(PALETTE.slice());
-        colors.unshift([1.0, 1.0, 1.0]);
-        this.board = new yuu.E(new BoardController(rnd, level, colors),
-                               new yuu.Transform(),
-                               new yuu.DataC({ quads: [] }));
-        this.slammer = new yuu.E(new SlammerController(rnd, level, colors),
-                                 new yuu.Transform(),
-                                 new yuu.DataC({ quads: [] }));
-        this.slammerHead = new yuu.E(new yuu.Transform());
-        this.slammerRoot = new yuu.E(new yuu.Transform());
-        var length = level.slammer.length;
-        var maxSize = length * length;
-        var slammerBatch = new yuu.QuadBatchC(maxSize);
-        slammerBatch.material = SIGILS;
-        var boardBatch = new yuu.QuadBatchC(maxSize);
-        boardBatch.material = SIGILS;
-        this.slammerRoot.transform.xy = [length / 2 - 0.5, length / 2 - 0.5];
-        this.slammerHead.transform.xy = [-length / 2 + 0.5, length / 2 + 2];
-        this.slammerRoot.addChild(this.slammerHead);
-        this.slammerHead.addChild(this.slammer);
-        this.slammer.attach(slammerBatch);
-        this.board.attach(boardBatch);
-        yf.irange.call(this, function (x) {
-            yf.irange.call(this, function (y) {
-                var quad = boardBatch.createQuad();
-                quad.color = colors[this.board.controller.contents[x][y]];
-                quad.position = [x, y];
-                this.board.data.quads.push({ quad: quad, x: x, y: y });
-            }, length);
-        }, length);
-
-        for (var x = 0; x < this.slammer.controller.blocks.length; ++x) {
-            for (var y = 0; y < this.slammer.controller.blocks[x].length; ++y) {
-                var quad = slammerBatch.createQuad();
-                quad.color = colors[this.slammer.controller.blocks[x][y]];
-                quad.position = [x, y];
-                this.slammer.data.quads.push({ quad: quad, x: x, y: y });
-            }
-        }
-        this.addEntities(this.board, this.slammerRoot);
-        this.scramble(rnd);
-        if (!(this.cheating = yuu.director.input.pressed["`"])) {
-            this.slammer.controller.clearUndoRecord();
-        }
-        this._dragging = 0;
-
-        this.gridBB = new yuu.AABB(-0.5, -0.5, length - 0.5, length - 0.5);
-        this.leftBB = new yuu.AABB(
-            -Infinity, this.gridBB.y0, this.gridBB.x0, this.gridBB.y1);
-        this.rightBB = new yuu.AABB(
-            this.gridBB.x1, this.gridBB.y0, Infinity, this.gridBB.y1);
-        this.topBB = new yuu.AABB(
-            this.gridBB.x0, this.gridBB.y1, this.gridBB.x1, Infinity);
-        this.bottomBB = new yuu.AABB(
-            this.gridBB.x0, -Infinity, this.gridBB.x1, this.gridBB.y0);
-    },
-
-    init: function () {
-        this._locks.increment("slam");
-        this.entity0.attach(new yuu.Animation(
-            GRID_APPEAR, { $: this.slammer.transform },
-            this._locks.decrementer("slam")));
-    },
-
-    scramble: function (rnd) {
-        var scramble = (this.level.scramble || {})[this.difficulty];
-        var slammerCon = this.slammer.controller;
-        var boardCon = this.board.controller;
-        if (!scramble) {
-            var count = scrambleForLevel(rnd, this.level, this.difficulty);
-            while (this.isComplete()) {
-                var c = count;
-                while (c--) {
-                    slammerCon.orientation = randSide(rnd, slammerCon.orientation);
-                    slammerCon.slam(boardCon);
-                }
-            }
-        } else {
-            for (var i =0; i < scramble.length; ++i) {
-                slammerCon.orientation = +scramble[i];
-                slammerCon.slam(boardCon);
-            }
-        }
-        slammerCon.orientation = randSide();
-        this.slammerRoot.transform.yaw = slammerCon.orientation * Math.PI / 2;
-    },
-
-    isComplete: function () {
-        return this.slammer.controller.isComplete()
-            && this.board.controller.isComplete();
-    },
-
-    rotateTo: yuu.cmd(function (orientation) {
-        return new Promise(function (resolve) {
-            if (this._locks.some("spin"))
-                return this;
-            this.slammer.controller.orientation = orientation;
-            this._locks.increment("slam");
-            var yaw0 = this.slammerRoot.transform.yaw;
-            var yaw1 = orientation * Math.PI / 2;
-
-            sounds.clicking.play();
-            this.entity0.attach(new yuu.Animation(
-                SLAMMER_ROTATE, {
-                    $: this.slammerRoot.transform,
-                    yaw: yaw0 + yuu.normalizeRadians(yaw1 - yaw0)
-                }, function () {
-                    this._locks.decrement("slam");
-                    resolve(this);
-                }.bind(this)));
-        }.bind(this));
-    }, "<top/bottom/left/right>", "move the slammer to the top"),
-
-    rotateCw: yuu.cmd(function () {
-        handScene.rotatedCw();
-        circleScene.rotated();
-        this.rotateTo(rotateCw(this.slammer.controller.orientation));
-    }, "", "rotate the active piece clockwise"),
-
-    rotateCcw: yuu.cmd(function () {
-        handScene.rotatedCcw();
-        circleScene.rotated();
-        this.rotateTo(rotateCcw(this.slammer.controller.orientation));
-    }, "", "rotate the active piece counter-clockwise"),
-
-    left: yuu.cmd(function () { this.rotateCw(); }),
-    right: yuu.cmd(function () { this.rotateCcw(); }),
-
-    undo: yuu.cmd(function (v) {
-        var con = this.slammer.controller;
-        var _ = function () { this.undo(this._undo); }.bind(this);
-        if ((this._undo = v) && con.lastUndoRecord !== undefined) {
-            if (con.orientation !== con.lastUndoRecord) {
-                circleScene.reverse();
-                handScene.undo();
-                this.rotateTo(con.lastUndoRecord)
-                    .then(this.slam.bind(this))
-                    .then(_);
-            } else {
-                this.slam().then(_);
-            }
-        }
-    }, "", "rotate the active piece counter-clockwise"),
-
-    checkWon: function () {
-        if (this.isComplete() && !this._locks.some("quit")) {
-            this._locks.increment("quit", "slam", "spin");
-            var firstTime = !hasBeaten(this.level, this.difficulty);
-            if (!this.cheating)
-                wonLevel(this.level, this.difficulty);
-            var scene = new MenuScene(this.level);
-            yuu.director.pushScene(scene);
-            scene.didWinLevel(this.level, this.difficulty, firstTime);
-            this.entity0.attach(new yuu.Animation(
-                GRID_FINISHED, {
-                    arm: this.slammerRoot.transform,
-                    armYaw: this.slammerRoot.transform.yaw + 3 * Math.PI,
-                    armY: this.slammerRoot.transform.y + 1.5,
-                    board: this.board.transform,
-                    boardY: this.level.slammer.length * 3
-                }, function () {
-                    yuu.director.removeScene(this);
-                }.bind(this)
-            ));
-        }
-    },
-
-    slideBoardBlocks: function (anim, params) {
-        var dx = 0, dy = 0;
-        var orientation = this.slammer.controller.orientation;
-        switch (orientation) {
-        case LEFT: dx = 1.5; break;
-        case TOP: dy = -1.5; break;
-        case RIGHT: dx = -1.5; break;
-        case BOTTOM: dy = 1.5; break;
-        }
-        var sgnx = Math.sign(dx);
-        var sgny = Math.sign(dy);
-        var $s = [];
-        var positions = [];
-        var blocks = this.slammer.controller.blocks;
-        this.slammer.data.quads.forEach(function (q) {
-            var d = blocks[q.x].length;
-            $s.push(q.quad);
-            positions.push([q.quad.position[0], q.quad.position[1] - d]);
-        }, this);
-        this.board.data.quads.forEach(function (q) {
-            var x = orientation === TOP ? q.x : blocks.length - (q.x + 1);
-            var y = orientation === LEFT ? q.y : blocks.length - (q.y + 1);
-
-            $s.push(q.quad);
-            positions.push([q.quad.position[0] + sgnx * blocks[y].length,
-                            q.quad.position[1] + sgny * blocks[x].length]);
-        }, this);
-        this.entity0.attach(new yuu.Animation(SLIDE_BLOCKS, {
-            $s: $s,
-            positions: positions
-        }));
-    },
-
-    slam: yuu.cmd(function () {
-        var r = new Promise(function (resolve, reject) {
-            if (this._locks.some("slam")) {
-                reject("slamming is locked");
-                return;
-            }
-            this._locks.increment("spin", "slam");
-            circleScene.slam();
-            sounds.slam.play();
-            handScene.slam(this.slammer.controller.orientation);
-            this.entity0.attach(new yuu.Animation(
-                SLAMMER_SLAM, {
-                    $: this.slammer.transform,
-                    slam: function () {
-                        this._locks.decrement("spin");
-                        this.slammer.controller.slam(this.board.controller);
-                        this.slammerRoot.transform.yaw = Math.PI / 2 *
-                            this.slammer.controller.orientation;
-                    }.bind(this),
-                    slideBoardBlocks: this.slideBoardBlocks.bind(this)
-                }, function () {
-                    this.checkWon();
-                    this._locks.decrement("slam");
-                    resolve(this);
-                }.bind(this)));
-        }.bind(this));
-        return r;
-    }, "", "slam the active piece"),
-
-    back: yuu.cmd(function (x, y) {
-        if (this._locks.some("quit"))
-            return;
-        this._locks.increment("quit", "slam", "spin");
-        var scene = new MenuScene(this.level);
-        yuu.director.pushScene(scene);
-        var v = [x || yuu.random.uniform(-1, 1),
-                 y || yuu.random.uniform(-1, 1)];
-        var size = this.board.controller.contents.length * 5;
-        vec2.scale(v, vec2.normalize(v, v), size);
-        this.entity0.attach(new yuu.Animation(
-            GRID_DISMISS, {
-                $: this.entity0.transform,
-                x: v[0], y: v[1]
-            }, function () {
-                yuu.director.removeScene(this);
-            }.bind(this)
-        ));
-        circleScene.lose();
-    }, "", "go back to the menu"),
-
-    slammerBB: { get: function (p) {
-        var length = this.level.slammer.length;
-        switch (this.slammer.controller.orientation) {
-        case LEFT:
-            return new yuu.AABB(-Infinity, -0.5, -1, length - 0.5);
-        case RIGHT:
-            return new yuu.AABB(length + 1, -0.5, Infinity, length - 0.5);
-        case TOP:
-            return new yuu.AABB(-0.5, length + 1, length - 0.5, Infinity);
-        case BOTTOM:
-            return new yuu.AABB(-0.5, -Infinity, length - 0.5, -1);
-        }
-    } },
-
-    _swipe: function (p0, p1) {
-        p0 = this.layer0.worldFromDevice(p0);
-        p1 = this.layer0.worldFromDevice(p1);
-        if (this.slammerBB.contains(p0)) {
-            this.slam();
-            return true;
-        }
-        if (this.gridBB.contains(p0) && !this.gridBB.contains(p1)) {
-            this.back(p1.x - p0.x, p1.y - p0.y);
-            return true;
-        }
-    },
-
-    inputs: {
-        resize: function () {
-            var length = this.level.slammer.length;
-            var base = new yuu.AABB(-length - 2.5, -length - 2.5,
-                                    2 * length + 1.5, 2 * length + 1.5);
-            var vp = base.matchAspectRatio(yuu.viewport);
-            this.layer0.resize(vp.x0, vp.y0, vp.w, vp.h);
-        },
-
-        tap: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            if (this.gridBB.contains(p)) {
-                this.slam();
-                return true;
-            }
-        },
-
-        touch: function (p) {
-            var length = this.level.slammer.length;
-            var middle = (length - 1) / 2;
-            p = this.layer0.worldFromDevice(p);
-            if (this.slammerBB.contains(p)) {
-                this.slammer.attach(new yuu.Animation(
-                    SLAMMER_BOUNCE, { $: this.slammer.transform }));
-            } else if (this.leftBB.contains(p)) {
-                this.rotateTo(LEFT);
-                handScene.rotatedCw();
-                return true;
-            } else if (this.rightBB.contains(p)) {
-                this.rotateTo(RIGHT);
-                handScene.rotatedCcw();
-                return true;
-            } else if (this.topBB.contains(p)) {
-                this.rotateTo(TOP);
-                if (p.x < middle)
-                    handScene.rotatedCw();
-                else
-                    handScene.rotatedCcw();
-                return true;
-            } else if (this.bottomBB.contains(p)) {
-                this.rotateTo(BOTTOM);
-                if (p.x < middle)
-                    handScene.rotatedCw();
-                else
-                    handScene.rotatedCcw();
-                return true;
-            }
-        },
-
-        doubletap: function () {
-            return this.inputs.tap.apply(this, arguments);
-        },
-
-        hold: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            if (this.gridBB.contains(p)) {
-                this.undo(true);
-                return true;
-            }
-        },
-
-        dragstart: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            this._dragging = this.slammerBB.contains(p);
-        },
-
-        drag: function (p0, p1) {
-            var p = this.layer0.worldFromDevice(p1);
-            if (this._dragging && !this._locks.some("slam")) {
-                var inGrid = this.gridBB.contains(p);
-                var length = this.level.slammer.length;
-                var o;
-                if (this._dragging === true && inGrid) {
-                    this.slam();
-                } else if (p.x > 0 && p.x < length && !inGrid) {
-                    o = p.y < 0 ? BOTTOM : TOP;
-                    if (o !== this.slammer.controller.orientation) {
-                        this.rotateTo(o);
-                        this._dragging = 2;
-                    }
-                } else if (p.y > 0 && p.y < length && !inGrid) {
-                    o = p.x < 0 ? LEFT : RIGHT;
-                    if (o !== this.slammer.controller.orientation) {
-                        this.rotateTo(o);
-                        this._dragging = 2;
-                    }
-                }
-            }
-            return this._dragging;
-        },
-
-        dragend: function (p0, p1) {
-            this._dragging = false;
-        },
-
-        release: function () {
-            this.undo(false);
-        },
-
-        swipeleft: function (p0, p1) {
-            return this._swipe(p0, p1);
-        },
-        swiperight: function (p0, p1) {
-            return this._swipe(p0, p1);
-        },
-        swipeup: function (p0, p1) {
-            return this._swipe(p0, p1);
-        },
-        swipedown: function (p0, p1) {
-            return this._swipe(p0, p1);
-        },
-    },
-
-    KEYBINDS: {
-        w: "rotateCw",
-        a: "rotateCcw",
-        s: "rotateCcw",
-        d: "rotateCw",
-        left: "rotateCcw",
-        right: "rotateCw",
-        up: "rotateCw",
-        down: "rotateCcw",
-        shift: "slam",
-        space: "slam",
-        z: "slam",
-        backspace: "+undo",
-        c: "+undo",
-        escape: "back",
-        back: "back",
-        gamepadbutton0: "slam",
-        gamepadbutton1: "+undo",
-        gamepadbutton2: "slam",
-        gamepadbutton3: "+undo",
-        gamepadbutton4: "rotateCcw",
-        gamepadbutton5: "rotateCw",
-        gamepadbutton8: "back",
-        gamepadbutton14: "rotateCcw",
-        gamepadbutton15: "rotateCw",
-    }
-});
-
-var MENU_APPEAR = {
-    0: [{ set1:   { x: 5, y: 5, scaleX: 0, scaleY: 0 } },
-        { tween1: { x: 0, y: 0, scaleX: 1 }, duration: 24 },
-        { tween1: { scaleY: 1 },
-          duration: 55, easing: yuu.Tween.METASPRING(1, 10)}],
-};
-
-var MENU_SLIDE = {
-    0: { tween1: { x: "x" }, duration: "duration" }
-};
-
-var FLASH = {
-    0:  { tween1: { luminance: 1, alpha: 1 }, duration: 32, repeat: -1 }
-};
-
-var MENU_SLAM = {
-    0:  { tween: { cursor: { y: "mid" } }, duration: 8 },
-    8:  { tween: { cursor: { y: "line" },
-                   select: { y: -1.0 }
-                 }, duration: 12 },
-    20: { tween: { scene: { y: 10 },
-                   select: { y: -11.5, scale: [3, 3, 1] }
-                 }, duration: 18 },
-    38: { event: "appear",
-          tween: { select: { y: 0, scale: [1, 0, 1] } },
-          duration: 20 }
-};
-
-function menuEntityForLevel (level, i) {
-    var activated = false;
-    function randomizeSlammer () {
-        var min = level.randomSlammer[0];
-        var max = level.randomSlammer[1];
-        var size = yuu.random.randrange(min, max + 1);
-        level.slammer = [];
-        do {
-            for (var i = 0; i < size; ++i)
-                level.slammer[i] = yuu.random.randrange(0, size);
-        } while (Math.min.apply(Math, level.slammer) === max
-                || Math.max.apply(Math, level.slammer) === 0);
-    }
-
-    function generateQuads() {
-        batch.disposeAll();
-        var rgb = PALETTE[i % PALETTE.length];
-        var fit = level.slammer.length + 1;
-        batch.createQuad().color = rgb;
-        level.slammer.forEach(function (size, y) {
-            var c = batch.createQuad();
-            c.color = [0, 0, 0];
-            c.alpha = hasBeaten(level, "easy") ? 0.5 : 1.0;
-            c.size = [size / fit, 1 / fit];
-            c.position = [0, -0.5 + (y + 1) / fit];
-        });
-        ce.data.flasher = batch.createQuad();
-        ce.data.flasher.alpha = 0;
-        return ce;
-    }
-
-    if (level.randomSlammer)
-        randomizeSlammer();
-
-    // 14 = maximum slammer size + 1 background + 1 flasher
-    var batch = new yuu.QuadBatchC(14);
-    var ce = new yuu.E(
-        new yuu.Transform([2 * i, 0, 0]),
-        batch,
-        new yuu.DataC({
-            activate: function () {
-                activated = true;
-                var scene = new GridScene(level, difficultyForLevel(level));
-                yuu.director.insertUnderScene(scene);
-            }
-        })
-    );
-
-    if (level.randomSlammer) {
-        ce.attach(new yuu.Ticker(function () {
-            if (!activated && yuu.random.randbool(0.7)) {
-                randomizeSlammer();
-                ++i;
-                generateQuads();
-            }
-            return !activated;
-        }, 30, 15));
-    }
-
-    generateQuads();
-    return ce;
-}
-
-var HAND_TICK_BACK = {
-    0: { tween1: { rotation: "rotation" }, duration: 6, repeat: -1 }
-};
-
-MenuScene = yT(yuu.Scene, {
-    constructor: function (initialLevel) {
-        yuu.Scene.call(this);
-        this.entity0.attach(new yuu.Transform(),
-                            new AnimationQueue());
-
-        this.pointer = new yuu.E(
-            new yuu.Transform([5, 8, 0]),
-            new yuu.QuadC());
-
-        var menu = this.menu = new yuu.E(new yuu.Transform([5, 6.5, 0]));
-        this.addEntities(menu, this.pointer);
-        this.availableLevels = LEVELS.filter(difficultyForLevel);
-        this.availableLevels
-            .map(menuEntityForLevel)
-            .forEach(menu.addChild, menu);
-
-        var initialIdx = this.availableLevels.indexOf(initialLevel);
-        this._locks = new FlagSet("slam", "move");
-        this.activeIndex = Math.max(initialIdx, 0);
-        menu.transform.x = 5 - 2 * this.activeIndex;
-        this.changeActiveIndex(this.activeIndex, false);
-        this._dragStartX = null;
-
-        this.entity0.attach(
-            new yuu.Ticker(this._animation.bind(this), 60));
-    },
-
-    _animation: function (count) {
-        var length = this.availableLevels.length;
-        var range = Math.pow(2, length);
-        var rand = yuu.random.randrange(range);
-        var targets = [];
-        var yaws = [];
-        for (var i = 0; i < length; ++i) {
-            var child = this.menu.children[i];
-            var level = this.availableLevels[i];
-            var won = hasBeaten(level, "hard");
-            if ((won || ((count ^ i) & 1)) && ((count ^ rand) & (1 << i))) {
-                var dyaw = won
-                    ? yuu.random.randsign(Math.PI / 2)
-                    : -Math.PI / 2;
-                targets.push(child.transform);
-                yaws.push(child.transform.yaw + dyaw);
-            }
-        }
-        if (targets.length) {
-            this.entity0.attach(new yuu.Animation(
-                ROTATE_ALL, { $s: targets, yaws: yaws }));
-        }
-        circleScene.clockTick(TICK_ROT2, HAND_TICK_BACK);
-        sounds[["tick", "tock"][count & 1]]
-            .createSound(yuu.audio, yuu.audio.currentTime, 0, 0.2, 1.0)
-            .connect(yuu.audio.music);
-    
-        return true;
-    },
-
-    init: function () {
-        circleScene.toBottom();
-        handScene.finished();
-        this._locks.increment("slam", "move");
-        this.entity0.animationQueue.enqueue(
-            MENU_APPEAR,
-            { $: this.entity0.transform })
-            .then(this._locks.decrementer("slam", "move"));
-    },
-
-    didWinLevel: function (level, difficulty, firstTime) {
-        var idx = this.availableLevels.indexOf(level);
-        circleScene.win();
-        if (firstTime)
-            this.entity0.animationQueue.enqueue(
-                FLASH, { $: this.menu.children[idx].data.flasher });
-        for (var i = idx; i < this.availableLevels.length; ++i) {
-            if (!hasBeaten(this.availableLevels[i], difficulty)) {
-                this._locks.increment("move");
-                this.changeActiveIndex(i, true)
-                    .then(this._locks.decrementer("move"));
-                
-                break;
-            }
-        }
-    },
-
-    changeActiveIndex: function (index, animate) {
-        var oldIndex = this.activeIndex;
-        var p;
-        this.activeIndex = index = yf.clamp(
-            index, 0, this.menu.children.length - 1);
-        if (index !== oldIndex && animate) {
-            this._locks.increment("slam");
-            var duration = Math.ceil(8 * Math.abs(oldIndex - index));
-            p = this.entity0.animationQueue.enqueue(
-                MENU_SLIDE, {
-                    $: this.menu.transform,
-                    x: 5 - 2 * index,
-                    duration: duration
-                });
-            p.then(this._locks.decrementer("slam"));
-        }
-        return p || Promise.resolve();
-    },
-    
-    left: yuu.cmd(function () {
-        if (!this._locks.some("move")) {
-            sounds[this.activeIndex === 0 ? "switchBroke" : "switch"].play();
-            handScene.movedLeft();
-            this.changeActiveIndex(this.activeIndex - 1, true);
-        }
-    }, "move the cursor left"),
-    right: yuu.cmd(function () {
-        if (!this._locks.some("move")) {
-            sounds[this.activeIndex === this.availableLevels.length - 1
-                   ? "switchBroke" : "switch"].play();
-            handScene.movedRight();
-            this.changeActiveIndex(this.activeIndex + 1, true);
-        }
-    }, "move the cursor right"),
-
-    slam: yuu.cmd(function () {
-        if (this._locks.some("slam"))
-            return;
-        var activeChild = this.menu.children[this.activeIndex];
-        this._locks.increment("slam", "move");
-        handScene.menuChoice();
-        circleScene.toBack();
-        circleScene.slam();
-        sounds.winding.play();
-        this.entity0.animationQueue.enqueue(
-            MENU_SLAM, {
-                cursor: this.pointer.transform,
-                select: activeChild.transform,
-                scene: this.entity0.transform,
-                mid: this.pointer.transform.y - 0.5,
-                line: this.pointer.transform.y - 1.5,
-                appear: activeChild.data.activate
-            }).then(function () {
-                this._locks.decrementer("slam", "move");
-                yuu.director.removeScene(this);
-            }.bind(this));
-    }, "choose the active menu item"),
-
-    inputs: {
-        resize: function () {
-            var base = new yuu.AABB(0, 0, 10, 10);
-            var vp = base.matchAspectRatio(yuu.viewport);
-            this.layer0.resize(vp.x0, vp.y0, vp.w, vp.h);
-        },
-
-        pinchout: function (p0, p1) {
-            p0 = this.layer0.worldFromDevice(p0);
-            p1 = this.layer0.worldFromDevice(p1);
-            if (vec2.sqrDist(p0, p1) > 1) {
-                this.slam();
-                return true;
-            }
-        },
-
-        hold: function (p) {
-            return this.inputs.dragstart.call(this, p);
-        },
-
-        release: function (p) {
-            if (this._dragStartX !== null)
-                return this.inputs.dragend.call(this, p);
-        },
-
-        dragstart: function (p) {
-            if (this._locks.some("move"))
-                return false;
-            p = this.layer0.worldFromDevice(p);
-            if (p.y > 6 && p.y < 8.5 && p.inside && this._dragStartX === null) {
-                sounds.switchOn.play();
-                this._locks.increment("move");
-                this._dragStartX = this.menu.transform.x;
-                return true;
-            }
-        },
-
-        dragdown: function (p0, p1) {
-            p0 = this.layer0.worldFromDevice(p0);
-            p1 = this.layer0.worldFromDevice(p1);
-
-            if (p0.x >= 4.5 && p0.x <= 5.5
-                && p0.y >= 6.0 && p0.y <= 8.5
-                && p0.y - p1.y > 1) {
-                this.slam();
-                return true;
-            }
-        },
-
-        drag: function (p0, p1) {
-            if (this._dragStartX !== null) {
-                p0 = this.layer0.worldFromDevice(p0);
-                p1 = this.layer0.worldFromDevice(p1);
-                this.menu.transform.x = this._dragStartX + (p1.x - p0.x);
-                var index = Math.round((5 - this.menu.transform.x) / 2);
-                this.changeActiveIndex(index);
-                return true;
-            }
-        },
-
-        dragend: function (p0, p1) {
-            if (this._dragStartX !== null) {
-                sounds.switchOff.play();
-                this._locks.decrement("move");
-                this._dragStartX = null;
-                var index = this.activeIndex;
-                this.activeIndex = (5 - this.menu.transform.x) / 2;
-                this.changeActiveIndex(index, true);
-                return true;
-            }
-        },
-
-        tap: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            if (p.y > 6 && p.y < 7 && p.inside) {
-                var dx = Math.round((p.x - 5) / 2);
-                if (dx === 0) this.slam();
-                else if (dx < 0) handScene.movedLeft();
-                else if (dx > 0) handScene.movedRight();
-                var idx = this.activeIndex;
-                this.changeActiveIndex(this.activeIndex + dx, true);
-                if (idx !== this.activeIndex)
-                    sounds.switch.play();
-                else
-                    sounds.switchBroke.play();
-                return true;
-            }
-            
-        },
-
-        doubletap: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            if (p.x >= 4.5 && p.x <= 5.5 && p.y >= 6.0 && p.y <= 8.5) {
-                this.slam();
-                return true;
-            }
-        },
-    },
-
-    resetEverything: yuu.cmd(function () {
-        storage.clear();
-        yuu.director.stop();
-        start();
-    }, "reset all saved data"),
-
-    unlock: yuu.cmd(function (d) {
-        LEVELS.forEach(function (level) { wonLevel(level, d); });
-        yuu.director.pushPopScene(new MenuScene());
-    }, "<difficulty>", "unlock all levels to the given difficulty"),
-
-    KEYBINDS: {
-        left: "left",
-        right: "right",
-        up: "right",
-        down: "left",
-        w: "right",
-        a: "left",
-        s: "left",
-        d: "right",
-        shift: "slam",
-        space: "slam",
-        z: "slam",
-        "`+r+e": "resetEverything",
-        "`+u+e": "unlock easy",
-        "`+u+h": "unlock hard",
-        gamepadbutton0: "slam",
-        gamepadbutton8: "help",
-        gamepadbutton9: "slam",
-        gamepadbutton13: "slam",
-        gamepadbutton14: "left",
-        gamepadbutton15: "right",
-    }
-});
-
-
-var BOOK_APPEAR = {
-    0: { set1:   { y: 1.5, x: -1.5 },
-         tween: { bgQuad: { alpha: 0.75 }, $: { y: 0, x: 0 }, },
-         duration: 30 }
-};
-
-var BOOK_DISMISS = {
-    0: { tween: { bgQuad: { alpha: 0 }, $: { y: 1.5, x: -1.5, } },
-         duration: 30 }
-};
-
-var KEYBOARD_PAGE = [0.25, 0.50, 0.50, 1.00];
-var POINTERS_PAGE = [0.25, 0.00, 0.50, 0.50];
-var GAMEPAD_PAGE = [0.00, 0.00, 0.25, 0.50];
-
-var BOOK_FORWARD = [
-    { 0:  { set:   { page2Quad: { color: [0.2, 0.2, 0.2, 1], texBounds: "page" } },
-            tween: { page1: { x: -1/3 / 2, scaleX: 0 },
-                     page2: { x: +1/3 / 2 },
-                     page2Quad: { color: [1, 1, 1, 1] },
-                   }, duration: 15, easing: "linear" },
-      15: { set: { page1Quad: { z: 0, texBounds: [0.25, 0.5, 0.00, 1] },
-                   page2Quad: { z: 0, texBounds: "page" } },
-            tween: { page1: { x: -1/3, scaleX: -2/3 },
-                     page2: { x: +1/3 }
-                   }, duration: 15, easing: "linear" },
-    },
-
-    { 0:  { tween: { page1: { x: -1/3 / 2 },
-                     page2: { x: +1/3 / 2, scaleX: 0 }
-                   }, duration: 15, easing: "linear" },
-      15: { set:   { page1Quad: { z: 0, texBounds: [0.25, 0.5, 0.00, 1] },
-                     page2Quad: { z: 1, texBounds: [1.00, 0.5, 0.75, 1] } },
-            tween: { page1Quad: { color: [0.2, 0.2, 0.2, 1] },
-                     page1: { x: 0 },
-                     page2: { x: 0, scaleX: -2/3 },
-                   }, duration: 15, easing: "linear" },
-    },
-
-    BOOK_DISMISS
-];
-
-var BOOK_BACKWARD = [
-    { 0:   { tween: { page1: { x: -1/3 / 2, scaleX: 0 },
-                      page2: { x: +1/3 / 2 },
-                    }, duration: 15, easing: "linear" },
-      15: { set:   { page1Quad: { z: 1, texBounds: [0.50, 0.5, 0.75, 1] },
-                     page2Quad: { z: 0 } },
-            tween: { page2Quad: { color: [0.2, 0.2, 0.2, 1] },
-                     page1: { x: 0, scaleX: 2/3 },
-                     page2: { x: 0 },
-                   }, duration: 15, easing: "linear" },
-    },
-
-    { 0:  { set:   { page1Quad: { color: [0.2, 0.2, 0.2, 1] } },
-            tween: { page1Quad: { color: [1.0, 1.0, 1.0, 1] },
-                     page1: { x: -1/3 / 2 },
-                     page2: { x: +1/3 / 2, scaleX: 0 }
-                   }, duration: 15, easing: "linear" },
-    
-      15: { set:   { page1Quad: { z: 0, texBounds: [0.25, 0.5, 0.00, 1] },
-                     page2Quad: { z: 0, texBounds: "page" } },
-            tween: { page1: { x: -1/3 },
-                     page2: { x: +1/3, scaleX: 2/3 },
-                   }, duration: 15, easing: "linear" },
-    },
-];
-
-BookScene = new yT(yuu.Scene, {
-    constructor: function () {
-        yuu.Scene.call(this);
-        var bg = new yuu.E(
-            new yuu.Transform().setScale([20, 20, 1]),
-            this.bgQuad = new yuu.QuadC()
-                .setColor([0, 0, 0, 0])
-                .setZ(-1));
-        this.page1 = new yuu.E(new yuu.Transform(),
-                               this.page1Quad = new yuu.QuadC(BOOK));
-        this.page1Quad.texBounds = [0.50, 0.5, 0.75, 1];
-        this.page1Quad.z = 1;
-        this.page2 = new yuu.E(new yuu.Transform(),
-                               this.page2Quad = new yuu.QuadC(BOOK));
-        this.page2Quad.texBounds = [0.25, 0.5, 0.50, 1];
-        this.page1.transform.scale = [2/3, 1, 1];
-        this.page2.transform.scale = [2/3, 1, 1];
-        this.entity0.attach(new yuu.Transform());
-        this.current = 0;
-        this._locks = new FlagSet("turn");
-        this.addEntities(bg, this.page1, this.page2);
-
-        this.dismissSound = new yuu.Instrument("@book-dismiss");
-        this.pageSounds = [new yuu.Instrument("@page-turn-1"),
-                           new yuu.Instrument("@page-turn-2"),
-                           new yuu.Instrument("@page-turn-3")];
-
-        this.ready = yuu.ready([this.dismissSound].concat(this.pageSounds));
-    },
-
-    help: yuu.cmd(function () {
-        this.skip();
-    }, "dismiss the help screen"),
-
-    licensing: yuu.cmd(function () {
-        var licensing = document.getElementById("yuu-licensing");
-        var parent = licensing.parentNode;
-        var spinner = document.createElement("div");
-        spinner.className = "yuu-spinner";
-        spinner.id = licensing.id;
-        parent.replaceChild(spinner, licensing);
-        Promise.all(
-            yf.map(yuu.GET,
-                   [yuu.PATH + "data/license.txt", "data/license.txt"]))
-            .then(function (texts) {
-                var text = texts.join("\n-- \n\n");
-                var p = document.createElement("pre");
-                p.textContent = text;
-                p.id = spinner.id;
-                parent.replaceChild(p, spinner);
-            });
-    }, "why would you ever want to run this?"),
-
-    init: function () {
-        this._anim(BOOK_APPEAR);
-        storage.setFlag("instructions");
-    },
-
-    _anim: function (anim) {
-        this._locks.increment("turn");
-        // FIXME: Need hooks from animations to audio
-        var completion = this._locks.decrementer("turn");
-        switch (anim) {
-        case BOOK_DISMISS:
-            this.dismissSound.play();
-            completion = yuu.director.removeScene.bind(yuu.director, this);
-            break;
-        case BOOK_APPEAR:
-            sounds.bookAppear.play();
-            break;
-        default:
-            yuu.random.choice(this.pageSounds).play();
-            break;
-        }
-
-        var device = yuu.director.preferredDevice();
-        this.entity0.attach(new yuu.Animation(
-            anim, {
-                $: this.entity0.transform,
-                page: device === "keyboard" ? KEYBOARD_PAGE
-                    : device === "gamepad" ? GAMEPAD_PAGE 
-                    : POINTERS_PAGE,
-                page1: this.page1.transform,
-                page2: this.page2.transform,
-                page1Quad: this.page1Quad,
-                page2Quad: this.page2Quad,
-                bgQuad: this.bgQuad
-            }, completion));
-    },
-
-    advance: yuu.cmd(function () {
-        if (this._locks.some("turn"))
-            return;
-        this._anim(BOOK_FORWARD[this.current++]);
-    }),
-
-    skip: yuu.cmd(function () {
-        if (this._locks.some("turn"))
-            return;
-        this._anim(BOOK_DISMISS);
-    }),
-
-    back: yuu.cmd(function () {
-        if (this._locks.some("turn"))
-            return;
-        if (this.current > 0)
-            this._anim(BOOK_BACKWARD[--this.current]);
-    }),
-
-    LOGOTYPE: new yuu.AABB(-0.16, -0.41, 0.12, -0.33),
-    COLOPHON: new yuu.AABB(-0.06, -0.41, 0.11, -0.28),
-
-    inputs: {
-        resize: function () {
-            var base = new yuu.AABB(-0.7, -0.55, 0.7, 0.55);
-            var vp = base.matchAspectRatio(yuu.viewport);
-            this.layer0.resize(vp.x0, vp.y0, vp.w, vp.h);
-        },
-
-        mousemove: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            if (this.current === BOOK_FORWARD.length - 1
-                && this.LOGOTYPE.contains(p)) {
-                this.cursor = "pointer";
-            } else if (this.current === 0 && this.COLOPHON.contains(p)) {
-                this.cursor = "pointer";
-            } else if (this.current === 0 || p.x >= -0.2) {
-                this.cursor = "";
-            } else {
-                this.cursor = "W-resize";
-            }
-        },
-        
-        tap: function (p) {
-            p = this.layer0.worldFromDevice(p);
-            if (this.current === BOOK_FORWARD.length - 1
-                && this.LOGOTYPE.contains(p)) {
-                yuu.openURL("http://www.yukkurigames.com/");
-            } else if (this.current === 0 && this.COLOPHON.contains(p)) {
-                yuu.director.showOverlay("colophon");
-            } else if (this.current === 0 || p.x >= -0.2) {
-                this.advance();
-            } else {
-                this.back();
-            }
-            return true;
-        },
-        swipeleft: function (event) { this.advance(); return true; },
-        swiperight: function (event) { this.back(); return true; },
-        dragleft: function (event) { this.advance(); return true; },
-        dragright: function (event) { this.back(); return true; },
-        swipeup: function (event) { this.skip(); return true; },
-        dragup: function (event) { this.skip(); return true; },
-
-        consume: yuu.Director.prototype.GESTURES
-            .concat(yuu.Director.prototype.CANVAS_EVENTS)
-    },
-
-    KEYBINDS: {
-        space: "advance",
-        shift: "advance",
-        z: "advance",
-        x: "advance",
-        right: "advance",
-        left: "back",
-        back: "skip",
-        escape: "skip",
-        gamepadbutton0: "advance",
-        gamepadbutton1: "skip",
-        gamepadbutton4: "back",
-        gamepadbutton5: "advance",
-        gamepadbutton8: "skip",
-        gamepadbutton9: "skip",
-        gamepadbutton14: "back",
-        gamepadbutton15: "advance",
-    }
-});
-
-var OUTER_FLIP_TICK = {
-    0: { tween1: { yaw: "yaw" }, duration: 15 }
-};
-
-var CIRCLE_TO_BOTTOM = {
-    0: { tween1: { pitch: Math.PI * 0.35, y: -0.3 }, duration: 35 }
-};
-
-var CIRCLE_TO_BACK = {
-    0: { tween1: { pitch: Math.PI * 0.15, y: -0.1 }, duration: 35 }
-};
-
-var CIRCLE_INNER_RATCHET = {
-    0:  { tween1: { rotation: "rotation1" }, duration: 15 },
-    10: { tween1: { rotation: "rotation2" }, duration: 10 },
-    20: { tween1: { rotation: "rotation1" }, duration: 20,
-          easing: yuu.Tween.STEPPED(5) },
-    40: { tween1: { rotation: "rotation2" }, duration: 15 }
-};
-
-var CIRCLE_INNER_WIND = {
-    0:  { tween1: { rotation: "rotation1" }, duration: 8 },
-    15: { tween1: { rotation: "rotation2" }, duration: 20 },
-};
-
-var BACKGROUND_DRIFT = {
-    0: [{ tween1: { yaw: Math.PI * 2 },
-          duration: 13 * 60 * 60, repeat: -Infinity, easing: "linear" },
-        { tween1: { scaleX: 0.5 },
-          duration: 11 * 60 * 60, repeat: -Infinity },
-        { tween1: { scaleY: 0.5 },
-          duration: 7 * 60 * 60, repeat: -Infinity }]
-};
-
-var HAND_TICK = {
-    0: { tween1: { rotation: "rotation" }, duration: 6 }
-};
-
-var CHIMES = [
-    // Nearly all derived from
-    // http://www.clockguy.com/SiteRelated/SiteReferencePages/ClockChimeTunes.html
-    //
-    // All transposition & transcription errors are mine.
-
-    { name: "Westminster",
-      keys: ["D4", "E4"],
-      bars: ["0 2 1 -3",
-             "0 1 2 0",
-             "2 0 1 -3",
-             "2 1 0 -3",
-             "-3 1 2 0"]
-    },
-
-    { name: "Wittington",
-      keys: ["Eb4", "E4"],
-      bars: ["1 2 3 5 4 6 7 0",
-             "1 3 5 7 6 4 2 0",
-             "3 1 2 4 5 6 7 0",
-             "4 3 5 2 6 1 7 0",
-             "6 7 2 5 4 1 3 0",
-             "7 1 6 2 5 3 4 0",
-             "7 3 2 1 4 5 6 0",
-             "7 3 6 2 5 1 4 0",
-             "7 5 3 1 6 4 2 0",
-             "7 5 6 4 1 3 2 0",
-             "7 6 3 2 5 4 1 0",
-             "7 6 5 4 3 2 1 0"]
-    },
-
-    { name: "Canterbury",
-      keys: ["D4", "E4"],
-      bars: ["2 0 5 3 1 4",
-             "3 5 1 4 0 2",
-             "3 5 4 2 1 0",
-             "5 3 1 4 2 0",
-             "1 3 5 2 0 4",
-             "0 5 3 1 2 4",
-             "5 3 1 2 4 0"]
-    },
-
-    { name: "Trinity",
-      keys: ["F3", "D4"],
-      bars: ["5 4 3 2 1 0",
-             "2 4 3 1 2 0",
-             "5 3 4 2 1 0",
-             "4 3 2 1 5 2",
-             "5 0 4 3 2 1"]
-    },
-
-    /*
-    { name: "St. Michael's",
-      keys: ["F3", "C4"],
-      bars: ["7 6 5 4 3 2 1 0",
-             "7 1 2 3 6 4 5 0",
-             "4 3 2 5 1 6 7 0",
-             "6 7 2 3 1 4 5 0",
-             "4 6 2 7 3 1 5 0"]
-    },
-    */
-
-    { name: "Winchester",
-      keys: ["C4", "E4"],
-      bars: ["5 3 1 0 2 4",
-             "0 1 3 5 4 2",
-             "5 3 1 4 2 0",
-             "1 2 5 4 0 1",
-             "5 1 3 2 4 0"]
-    }
-             
-];
-
-function third (s) {
-    return "Q " + s.replace(/([^ ]+ [^ ]+)/g, "$1 Z");
-}
-
-function silence (s) {
-    return "Q " + s.replace(/[^ ]+/g, "Z");
-}
-
-var TIMES1 = ["Q", "H", "H", "H", "H.", "H.", "W", "W"];
-var TIMES2 = ["Q", "Q", "Q", "Q", "Q", "Q", "Q", "Q", "Q",
-              third, third, "Q.", "Q.",
-              "H", "H"];
-var TIMES3 = ["Q", "Q", silence, silence,
-              third, third, third, third,
-              "Q.", "Q.",
-              "H", "H"];
-
-function deck (pack, random) {
-    random = random || yuu.random;
-    var stock = [];
-    return function () {
-        if (stock.length === 0)
-            stock = random.shuffle(pack.slice());
-        return stock.pop();
-    };
-}
-
-function generateScore () {
-    var chimes = yuu.random.choice(CHIMES);
-    var bar = deck(chimes.bars);
-    function draw (t) {
-        return yf.isFunction(t) ? t(bar()) : t + " " + bar();
-    }
-    
-    function line (times) {
-        return yf.map(draw, yuu.random.shuffle(times)).join(" ");
-    }
-
-    var track = "{ - W HZ " + line(TIMES1)
-        + " { W HZ Z " + line(TIMES2)
-        + " { W HZ Z Z I Z " + line(TIMES3);
-    var key = yuu.random.choice(chimes.keys);
-    yuu.log("messages", "Playing " + chimes.name + " in " + key + " major.");
-    var score = yuu.parseScore(track, yuu.Scales.MAJOR, key);
-    score.key = key;
-    return score;
-}
-
-CircleScene = yT(yuu.Scene, {
-    constructor: function () {
-        yuu.Scene.call(this);
-        this.layer0.resize(-0.6, -0.6, 1.2, 1.2);
-        var arm = this.arm = new yuu.E(new yuu.Transform());
-        this.outer = new yuu.E(
-            new yuu.Transform([Math.sqrt(2) / 5, -Math.sqrt(2) / 5, 0]),
-            this.outerQuad = new yuu.QuadC(new yuu.Material("@circle-outer"))
-                .setZ(1)
-                .setLuminance(0.4)
-                .setSize([0.35417, 0.35417]));
-        arm.addChild(this.outer);
-
-        var rim = new yuu.E(
-            new yuu.Transform(),
-            this.rimQuad = new yuu.QuadC(new yuu.Material("@circle-rim"))
-                .setLuminance(0.2));
-        var inner = this.inner = new yuu.E(
-            new yuu.Transform(),
-            this.innerQuad = new yuu.QuadC(new yuu.Material("@circle-inner"))
-                .setLuminance(0.3));
-
-        var NOISY_QUADS = new yuu.ShaderProgram(
-            ["@noise.glsl", "@noisyquads"], ["yuu/@color"]);
-
-        var bgMat = new yuu.Material(
-            yuu.Texture.DEFAULT, NOISY_QUADS, { range: 0.8 });
-        bgMat.uniforms.cut = yf.volatile(cycler(100000));
-        var DIM = 16;
-        var batch = new yuu.QuadBatchC(DIM * DIM);
-        batch.material = bgMat;
-        var bg = new yuu.E(new yuu.Transform(), batch);
-        yf.irange(function (x) {
-            yf.irange(function (y) {
-                var quad = batch.createQuad();
-                quad.size = [1/4, 1/4];
-                quad.position = [(x - DIM / 2) * 1/4,
-                                 (y - DIM / 2) * 1/4];
-                quad.color = [0.12, 0.08, 0.16];
-                quad.texBounds = yf.repeat(x * DIM + y, 4);
-            }, DIM);
-        }, DIM);
-
-        this.entity0.addChild(bg);
-        this.entity0.attach(new yuu.Animation(
-            BACKGROUND_DRIFT, { $: bg.transform }));
-
-        this.ground = new yuu.E(new yuu.Transform());
-        this.ground.addChildren(rim, inner, arm);
-        this.entity0.addChild(this.ground);
-
-        this.music = yuu.audio.createGain();
-        this.music.gain.value = 0.3;
-        this.music.connect(yuu.audio.music);
-        this._finished = false;
-
-        this.ready = yuu.ready([
-            this.outerQuad.material,
-            this.innerQuad.material,
-            this.rimQuad.material,
-            bgMat.ready
-        ]);
-    },
-
-    help: yuu.cmd(function () {
-        yuu.director.pushScene(new BookScene());
-    }, "bring up the help screen"),
-
-    yuu: yuu.cmd(function () {
-        this.outerQuad.material = new yuu.Material("@circle-outer-ee");
-    }, "yuu~"),
-
-    KEYBINDS: {
-        slash: "help",
-        f1: "help",
-        gamepadbutton6: "help",
-        f10: "showOverlay preferences",
-        "shift+y+u+`": "yuu",
-        "gamepadbutton10+gamepadbutton11": "yuu",
-    },
-
-    inputs: {
-        resize: function () {
-            var vp = new yuu.AABB(-0.6, -0.6, 0.6, 0.6)
-                .matchAspectRatio(yuu.viewport);
-            this.layer0.resize(vp.x0, vp.y0, vp.w, vp.h);
-        }
-    },
-
-    toBottom: function () {
-        this.entity0.attach(
-            new yuu.Animation(CIRCLE_TO_BOTTOM, { $: this.ground.transform }));
-    },
-
-    wind: function () {
-        var rot1 = this.inner.transform.rotation;
-        quat.rotateZ(rot1, rot1, Math.PI / (2 * Math.E));
-        var rot2 = quat.rotateX(quat.create(), rot1, -Math.PI / 2);
-        quat.rotateY(rot2, rot2, Math.PI / 2);
-        quat.rotateX(rot2, rot2, -Math.PI / 2);
-        this.entity0.attach(
-            new yuu.Animation(CIRCLE_INNER_WIND, {
-                $: this.inner.transform,
-                rotation1: rot1,
-                rotation2: rot2
-            }));
-        this.tension = 0.5;
-        this.reversed = 0;
-        var score = [];
-        score.key = this.score && this.score.key;
-        this.score = score;
-    },
-
-    _musicSchedule: function (count) {
-        var t = yuu.director.currentAudioTime;
-        var note;
-
-        if (this._finished) {
-            if (this._finished === "won" && this.score.key) {
-                var score = yuu.parseScore(
-                    yuu.random.choice([
-                        "1 3 2 Z 0 { - 1 Z 2 Z 0",
-                        "1 2 3 Z 0 { - 1 Z 3 Z 0",
-                        "0 1 2 Z 4 { - 0 Z 2 Z 4",
-                    ]),
-                    yuu.Scales.MAJOR, this.score.key);
-                while ((note = score.shift())) {
-                    sounds.chime.createSound(
-                        yuu.audio,
-                        t + note.time / 4,
-                        note.hz,
-                        1.0, note.duration
-                    ).connect(this.music);
-                }
-            }
-            this._finished = false;
-            return false;
-        }
-
-        if (!(this.score && this.score.length)) {
-            this.score = generateScore();
-            this.playing = 0;
-        }
-
-        ++this.playing;
-        while (this.score.length && this.score[0].time < this.playing) {
-            note = this.score.shift();
-            sounds.chime.createSound(
-                yuu.audio,
-                t + note.time % 1 + yuu.random.gauss(0, 0.015),
-                note.hz,
-                1.0, note.duration
-            ).connect(this.music);
-        }
-
-        if ((this.tension *= 0.95) > 1) {
-            this.tension /= 2;
-            sounds.winding.createSound(yuu.audio, t, 0, 1.0, 1.0)
-                .connect(this.music);
-            var flip = !this.outer.transform.yaw * yuu.random.randsign(Math.PI);
-            this.entity0.attach(
-                new yuu.Animation(OUTER_FLIP_TICK, {
-                    $: this.outer.transform,
-                    yaw: flip
-                }));
-        } else {
-            [sounds.tick, sounds.tock][count & 1]
-                .createSound(yuu.audio, t, 0, 0.5, 1.0)
-                .connect(this.music);
-        }
-
-        this.clockTick(this.reversed-- > 0 ? TICK_REV : TICK_ROT);
-        
-        return true;
-    },
-
-    clockTick: function (amount, anim) {
-        var rot = this.arm.transform.rotation;
-        quat.multiply(rot, rot, amount || TICK_ROT);
-        this.arm.attach(new yuu.Animation(
-            anim || HAND_TICK,
-            { $: this.arm.transform, rotation: rot }));
-    },
-
-    toBack: function () {
-        this.wind();
-        this.entity0.attach(
-            new yuu.Animation(CIRCLE_TO_BACK, { $: this.ground.transform }));
-
-        this.playing = 4;
-        this.arm.attach(
-            new yuu.Ticker(this._musicSchedule.bind(this), 60));
-    },
-
-    win: function () {
-        this._finished = "won";
-        this.wind();
-        this.entity0.attach(
-            new yuu.Animation(FLASH, { $: this.innerQuad }),
-            new yuu.Animation(FLASH, { $: this.rimQuad }, null, 32),
-            new yuu.Animation(FLASH, { $: this.outerQuad }, null, 48)
-        );
-    },
-
-    lose: function () {
-        this._finished = "lose";
-        var rot1 = this.inner.transform.rotation;
-        quat.rotateZ(rot1, rot1, -Math.PI / Math.E);
-        var rot2 = quat.rotateZ(quat.create(), rot1, Math.PI / Math.E);
-        this.entity0.attach(
-            new yuu.Animation(CIRCLE_INNER_RATCHET, {
-                $: this.inner.transform,
-                rotation1: rot1,
-                rotation2: rot2
-            }));
-        sounds.regear.play();
-    },
-
-    rotated: function () {
-        this.tension += yuu.random.uniform(0.1);
-    },
-
-    slam: function () {
-        this.tension += yuu.random.uniform(0.2);
-    },
-
-    reverse: function () {
-        this.tension -= yuu.random.uniform(0.1);
-        this.reversed = Math.max(this.reversed, 0) + 1;
-    }
-
-});