npm - littlejsengine - Versions diffs - 1.0.14 → 1.1.8 - Mend

littlejsengine 1.0.14 → 1.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/build.bat +5 -1
package/docs/Audio.html +2268 -0
package/docs/Color.html +2989 -0
package/docs/Debug.html +2933 -0
package/docs/Draw.html +4092 -0
package/docs/EngineObject.html +4458 -0
package/docs/Input.html +2482 -0
package/docs/Medal.html +1007 -0
package/docs/Medals.html +628 -0
package/docs/Music.html +584 -0
package/docs/Newgrounds.html +1399 -0
package/docs/Particle.html +4535 -0
package/docs/ParticleEmitter.html +7770 -0
package/docs/Random.html +1774 -0
package/docs/Settings.html +2679 -0
package/docs/Sound.html +1249 -0
package/docs/TileCollision.html +1409 -0
package/docs/TileLayer.html +6948 -0
package/docs/TileLayerData.html +1052 -0
package/docs/Timer.html +1183 -0
package/docs/Utilities.html +3281 -0
package/docs/Vector2.html +4207 -0
package/docs/WebGL.html +2327 -0
package/docs/engine.js.html +429 -0
package/docs/engineAudio.js.html +609 -0
package/docs/engineDebug.js.html +725 -0
package/docs/engineDraw.js.html +419 -0
package/docs/engineInput.js.html +401 -0
package/docs/engineMedals.js.html +461 -0
package/docs/engineObject.js.html +518 -0
package/docs/engineParticles.js.html +441 -0
package/docs/engineSettings.js.html +349 -0
package/docs/engineTileLayer.js.html +513 -0
package/docs/engineUtilities.js.html +647 -0
package/docs/engineWebGL.js.html +522 -0
package/docs/fonts/MavenPro-Regular.ttf +0 -0
package/docs/fonts/Montserrat-Regular.ttf +0 -0
package/docs/fonts/Muli-Black.ttf +0 -0
package/docs/fonts/OFL-hind.txt +93 -0
package/docs/fonts/OFL-montserrat.txt +93 -0
package/docs/global.html +1691 -0
package/docs/index.css +6 -0
package/docs/index.html +247 -0
package/docs/scripts/fix-code-block.js +53 -0
package/docs/scripts/fix-navbar.js +25 -0
package/docs/scripts/linenumber.js +25 -0
package/docs/scripts/misc.js +217 -0
package/docs/scripts/resize.js +85 -0
package/docs/scripts/search.js +83 -0
package/docs/scripts/third-party/Apache-License-2.0.txt +202 -0
package/docs/scripts/third-party/fuse.js +9 -0
package/docs/scripts/third-party/lang-css.js +2 -0
package/docs/scripts/third-party/prettify.js +28 -0
package/docs/static/favicon.png +0 -0
package/docs/static/index.css +4 -0
package/docs/styles/clean-jsdoc-theme-base.css +393 -0
package/docs/styles/clean-jsdoc-theme-dark.css +324 -0
package/docs/styles/clean-jsdoc-theme-light.css +319 -0
package/docs/styles/reset.css +346 -0
package/docs/styles/third-party/ionicons.min.css +11 -0
package/docs/styles/third-party/prettify-jsdoc.css +111 -0
package/docs/styles/third-party/prettify-tomorrow.css +5 -0
package/engine/engine.all.js +1997 -744
package/engine/engine.all.min.js +1 -1
package/engine/engine.all.release.js +1743 -569
package/engine/engine.js +107 -39
package/engine/engineAudio.js +152 -34
package/engine/{build.bat → engineBuild.bat} +10 -10
package/engine/{buildSetup.bat → engineBuildSetup.bat} +0 -0
package/engine/engineDebug.js +105 -32
package/engine/engineDraw.js +137 -32
package/engine/engineInput.js +111 -37
package/engine/{engineMedal.js → engineMedals.js} +129 -56
package/engine/engineObject.js +117 -67
package/engine/engineParticles.js +282 -0
package/engine/engineRelease.js +3 -9
package/engine/engineSettings.js +190 -0
package/engine/engineTileLayer.js +147 -44
package/engine/engineUtilities.js +488 -0
package/engine/engineWebGL.js +113 -74
package/examples/breakout/game.js +1 -1
package/examples/breakout/gameObjects.js +3 -3
package/examples/breakout/index.html +3 -3
package/examples/platformer/game.js +5 -7
package/examples/platformer/gameEffects.js +7 -7
package/examples/platformer/gameLevel.js +2 -2
package/examples/platformer/gameObjects.js +4 -5
package/examples/platformer/gamePlayer.js +3 -3
package/examples/platformer/index.html +6 -6
package/examples/puzzle/game.js +1 -2
package/examples/puzzle/index.html +2 -2
package/examples/stress/index.html +2 -8
package/game.js +5 -11
package/index.html +13 -13
package/package.json +4 -4
package/tiles.png +0 -0
package/engine/engineConfig.js +0 -64
package/engine/engineParticle.js +0 -199
package/engine/engineUtil.js +0 -147

package/index.html CHANGED Viewed

@@ -4,21 +4,21 @@
 </head><body>
 <!-- LittleJS engine scripts -->
-<script src=engine/engineDebug.js?48></script>
-<script src=engine/engineUtil.js?48></script>
-<script src=engine/engineConfig.js?48></script>
-<script src=engine/engine.js?48></script>
-<script src=engine/engineObject.js?48></script>
-<script src=engine/engineDraw.js?48></script>
-<script src=engine/engineInput.js?48></script>
-<script src=engine/engineAudio.js?48></script>
-<script src=engine/engineTileLayer.js?48></script>
-<script src=engine/engineParticle.js?48></script>
-<script src=engine/engineMedal.js?48></script>
-<script src=engine/engineWebGL.js?48></script>
+<script src=engine/engineDebug.js?60></script>
+<script src=engine/engineUtilities.js?60></script>
+<script src=engine/engineSettings.js?60></script>
+<script src=engine/engineObject.js?60></script>
+<script src=engine/engineDraw.js?60></script>
+<script src=engine/engineInput.js?60></script>
+<script src=engine/engineAudio.js?60></script>
+<script src=engine/engineTileLayer.js?60></script>
+<script src=engine/engineParticles.js?60></script>
+<script src=engine/engineMedals.js?60></script>
+<script src=engine/engineWebGL.js?60></script>
+<script src=engine/engine.js?60></script>
 <!-- You can also include all engine scripts like this... -->
 <!-- <script src=engine/engine.all.js></script> -->
 <!-- Add your game scripts here -->
-<script src=game.js?48></script>
+<script src=game.js?60></script>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "littlejsengine",
-  "version": "1.0.14",
+  "version": "1.1.8",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "engine/engine.all.js",
   "repository": {
@@ -11,10 +11,10 @@
     "HTML5",
     "JavaScript",
     "game",
+    "engine",
     "library",
     "JS13K",
-    "webgl",
-    "engine"
+    "webgl"
   ],
   "author": "Frank Force",
   "license": "MIT",
@@ -22,4 +22,4 @@
     "url": "https://github.com/KilledByAPixel/LittleJS/issues"
   },
   "homepage": "https://github.com/KilledByAPixel/LittleJS"
-}
+}

package/tiles.png CHANGED Viewed

Binary file

package/engine/engineConfig.js DELETED Viewed

@@ -1,64 +0,0 @@
-/*
-    LittleJS Engine Configuration
-*/
-///////////////////////////////////////////////////////////////////////////////
-// display settings
-const maxWidth = 1920, maxHeight = 1200; // up to 1080p and 16:10
-let defaultFont = 'arial';               // font used for text rendering
-let fixedWidth = 0, fixedHeight = 0;     // use native resolution
-let fixedFitToWindow = 1;                // stretch canvas to fit window
-//const fixedWidth = 1280, fixedHeight = 720;  // 720p
-//const fixedWidth = 1920, fixedHeight = 1080; // 1080p
-//const fixedWidth = 128,  fixedHeight = 128;  // PICO-8
-//const fixedWidth = 240,  fixedHeight = 136;  // TIC-80
-///////////////////////////////////////////////////////////////////////////////
-// tile sheet settings
-const defaultTileSize = vec2(16); // default size of tiles in pixels
-const tileBleedShrinkFix = .3;    // prevent tile bleeding from neighbors
-let pixelated = 1;                // use crisp pixels for pixel art
-///////////////////////////////////////////////////////////////////////////////
-// webgl config
-const glEnable = 1; // can run without gl (texured coloring will be disabled)
-let glOverlay = 0;  // fix slow rendering in some browsers by not compositing the WebGL canvas
-///////////////////////////////////////////////////////////////////////////////
-// object config
-const defaultObjectSize = vec2(.999);  // size of objecs, tiny bit less then 1 to fit in holes
-const defaultObjectMass = 1;           // how heavy are objects for collison calcuations
-const defaultObjectDamping = .99;      // how much to slow velocity by each frame 0-1
-const defaultObjectAngleDamping = .99; // how much to slow angular velocity each frame 0-1
-const defaultObjectElasticity = 0;     // how much to bounce 0-1
-const defaultObjectFriction = .8;      // how much to slow when touching 0-1
-const maxObjectSpeed = 1;              // camp max speed to avoid fast objects missing collisions
-///////////////////////////////////////////////////////////////////////////////
-// input config
-const gamepadsEnable = 1;              // should gamepads be allowed
-const touchInputEnable = 1;            // touch input is routed to mouse
-const copyGamepadDirectionToStick = 1; // allow players to use dpad as analog stick
-const copyWASDToDpad = 1;              // allow players to use WASD as direction keys
-///////////////////////////////////////////////////////////////////////////////
-// audio config
-const soundEnable = 1;        // all audio can be disabled
-let audioVolume = .4;         // volume for sound, music and speech
-const defaultSoundRange = 30; // range where sound no longer plays
-const defaultSoundTaper = .7; // what range percent to start tapering off sound 0-1
-///////////////////////////////////////////////////////////////////////////////
-// medals config
-const medalDisplayTime = 5;       // how long to show medals
-const medalDisplaySlideTime = .5; // how quick to slide on/off medals
-const medalDisplayWidth = 640;    // width of medal display
-const medalDisplayHeight = 99;    // height of medal display
-const medalDisplayIconSize = 80;  // size of icon in medal display

package/engine/engineParticle.js DELETED Viewed

@@ -1,199 +0,0 @@
-/*
-    LittleJS Particle System
-    - Spawns particles with randomness from parameters
-    - Updates particle physics
-    - Fast particle rendering
-*/
-'use strict';
-class ParticleEmitter extends EngineObject
-{
-    constructor
-    (
-        pos,                            // world space position of emitter
-        emitSize = 0,                   // size of emitter (float for circle diameter, vec2 for rect)
-        emitTime = 0,                   // how long to stay alive (0 is forever)
-        emitRate = 100,                 // how many particles per second to spawn
-        emitConeAngle = PI,             // local angle to apply velocity to particles from emitter
-        tileIndex = -1,                 // index into tile sheet, if <0 no texture is applied
-        tileSize = defaultTileSize,     // tile size for particles
-        colorStartA = new Color,        // color at start of life
-        colorStartB = new Color,        // randomized between start colors
-        colorEndA = new Color(1,1,1,0), // color at end of life
-        colorEndB = new Color(1,1,1,0), // randomized between end colors
-        particleTime = .5,              // how long particles live
-        sizeStart = .1,                 // how big are particles at start
-        sizeEnd = 1,                    // how big are particles at end
-        speed = .1,                     // how fast are particles when spawned
-        angleSpeed = .05,               // how fast are particles rotating
-        damping = 1,                    // how much to dampen particle speed
-        angleDamping = 1,               // how much to dampen particle angular speed
-        gravityScale = 0,               // how much does gravity effect particles
-        particleConeAngle = PI,         // cone for start particle angle
-        fadeRate = .1,                  // how quick to fade in particles at start/end in percent of life
-        randomness = .2,                // apply extra randomness percent
-        collideTiles,                   // do particles collide against tiles
-        additive,                       // should particles use addtive blend
-        randomColorLinear = 1,          // should color be randomized linearly or across each component
-        renderOrder = additive ? 1e9 : 0// render order for particles (additive is above other stuff by default)
-    )
-    {
-        super(pos, new Vector2, tileIndex, tileSize);
-        // emitter settings
-        this.emitSize = emitSize
-        this.emitTime = emitTime;
-        this.emitRate = emitRate;
-        this.emitConeAngle = emitConeAngle;
-        // color settings
-        this.colorStartA = colorStartA;
-        this.colorStartB = colorStartB;
-        this.colorEndA   = colorEndA;
-        this.colorEndB   = colorEndB;
-        this.randomColorLinear = randomColorLinear;
-        // particle settings
-        this.particleTime      = particleTime;
-        this.sizeStart         = sizeStart;
-        this.sizeEnd           = sizeEnd;
-        this.speed             = speed;
-        this.angleSpeed        = angleSpeed;
-        this.damping           = damping;
-        this.angleDamping      = angleDamping;
-        this.gravityScale      = gravityScale;
-        this.particleConeAngle = particleConeAngle;
-        this.fadeRate          = fadeRate;
-        this.randomness        = randomness;
-        this.collideTiles      = collideTiles;
-        this.additive          = additive;
-        this.renderOrder       = renderOrder;
-        this.trailScale        =
-        this.emitTimeBuffer    = 0;
-    }
-    update()
-    {
-        // only do default update to apply parent transforms
-        this.parent && super.update();
-        // update emitter
-        if (!this.emitTime || this.getAliveTime() <= this.emitTime)
-        {
-            // emit particles
-            if (this.emitRate)
-            {
-                const rate = 1/this.emitRate;
-                for (this.emitTimeBuffer += timeDelta; this.emitTimeBuffer > 0; this.emitTimeBuffer -= rate)
-                    this.emitParticle();
-            }
-        }
-        else
-            this.destroy();
-        debugParticles && debugRect(this.pos, vec2(this.emitSize), '#0f0', 0, this.angle);
-    }
-    emitParticle()
-    {
-        // spawn a particle
-        const pos = this.emitSize.x != undefined ? // check if vec2 was used for size
-            (new Vector2(rand(-.5,.5), rand(-.5,.5))).multiply(this.emitSize).rotate(this.angle) // box emitter
-            : randInCircle(this.emitSize * .5);                                                  // circle emitter
-        const particle = new Particle(this.pos.add(pos), this.tileIndex, this.tileSize,
-            this.angle + rand(this.particleConeAngle, -this.particleConeAngle));
-        // randomness scales each paremeter by a percentage
-        const randomness = this.randomness;
-        const randomizeScale = (v)=> v + v*rand(randomness, -randomness);
-        // randomize particle settings
-        const particleTime  = randomizeScale(this.particleTime);
-        const sizeStart     = randomizeScale(this.sizeStart);
-        const sizeEnd       = randomizeScale(this.sizeEnd);
-        const speed         = randomizeScale(this.speed);
-        const angleSpeed    = randomizeScale(this.angleSpeed) * randSign();
-        const coneAngle     = rand(this.emitConeAngle, -this.emitConeAngle);
-        const colorStart    = randColor(this.colorStartA, this.colorStartB, this.randomColorLinear);
-        const colorEnd      = randColor(this.colorEndA,   this.colorEndB, this.randomColorLinear);
-        // build particle settings
-        particle.colorStart      = colorStart;
-        particle.colorEndDelta   = colorEnd.subtract(colorStart);
-        particle.velocity        = (new Vector2).setAngle(this.angle + coneAngle, speed);
-        particle.angleVelocity   = angleSpeed;
-        particle.lifeTime        = particleTime;
-        particle.sizeStart       = sizeStart;
-        particle.sizeEndDelta    = sizeEnd - sizeStart;
-        particle.fadeRate        = this.fadeRate;
-        particle.damping         = this.damping;
-        particle.angleDamping    = this.angleDamping;
-        particle.elasticity      = this.elasticity;
-        particle.friction        = this.friction;
-        particle.gravityScale    = this.gravityScale;
-        particle.collideTiles    = this.collideTiles;
-        particle.additive        = this.additive;
-        particle.renderOrder     = this.renderOrder;
-        particle.trailScale      = this.trailScale;
-        particle.mirror          = rand()<.5;
-        // setup callbacks for particles
-        particle.destroyCallback = this.particleDestroyCallback;
-        this.particleCreateCallback && this.particleCreateCallback(particle);
-        // return the newly created particle
-        return particle;
-    }
-    render() {} // emitters are not rendered
-}
-///////////////////////////////////////////////////////////////////////////////
-// particle object
-class Particle extends EngineObject
-{
-    constructor(pos, tileIndex, tileSize, angle) { super(pos, new Vector2, tileIndex, tileSize, angle); }
-    render()
-    {
-        // modulate size and color
-        const p = min((time - this.spawnTime) / this.lifeTime, 1);
-        const radius = this.sizeStart + p * this.sizeEndDelta;
-        const size = new Vector2(radius, radius);
-        const fadeRate = this.fadeRate/2;
-        const color = new Color(
-            this.colorStart.r + p * this.colorEndDelta.r,
-            this.colorStart.g + p * this.colorEndDelta.g,
-            this.colorStart.b + p * this.colorEndDelta.b,
-            (this.colorStart.a + p * this.colorEndDelta.a) *
-             (p < fadeRate ? p/fadeRate : p > 1-fadeRate ? (1-p)/fadeRate : 1)); // fade alpha
-        // draw the particle
-        this.additive && setBlendMode(1);
-        if (this.trailScale)
-        {
-            // trail style particles
-            const speed = this.velocity.length();
-            const direction = this.velocity.scale(1/speed);
-            const trailLength = speed * this.trailScale;
-            size.y = max(size.x, trailLength);
-            this.angle = direction.angle();
-            drawTile(this.pos.add(direction.multiply(vec2(0,-trailLength/2))), size, this.tileIndex, this.tileSize, color, this.angle, this.mirror);
-        }
-        else
-            drawTile(this.pos, size, this.tileIndex, this.tileSize, color, this.angle, this.mirror);
-        this.additive && setBlendMode();
-        debugParticles && debugRect(this.pos, size, '#f005', 0, this.angle);
-        if (p == 1)
-        {
-            // destroy particle when it's time runs out
-            this.color = color;
-            this.size = size;
-            this.destroyCallback && this.destroyCallback(this);
-            this.destroyed = 1;
-        }
-    }
-}

package/engine/engineUtil.js DELETED Viewed

@@ -1,147 +0,0 @@
-/*
-    LittleJS Utility Classes and Functions
-    - Vector2 - fast, simple, easy vector class
-    - Color - holds a rgba color with math functions
-    - Timer - tracks time automatically
-    - Small math lib
-*/
-'use strict';
-///////////////////////////////////////////////////////////////////////////////
-// helper functions
-const PI            = Math.PI;
-const isChrome      = window['chrome'];
-const abs           = (a)=>               a < 0 ? -a : a;
-const sign          = (a)=>               a < 0 ? -1 : 1;
-const min           = (a, b)=>            a < b ?  a : b;
-const max           = (a, b)=>            a > b ?  a : b;
-const mod           = (a, b)=>            ((a % b) + b) % b;
-const clamp         = (v, max=1, min=0)=> (ASSERT(max > min), v < min ? min : v > max ? max : v);
-const percent       = (v, max=1, min=0)=> max-min ? clamp((v-min) / (max-min)) : 0;
-const lerp          = (p, max=1, min=0)=> min + clamp(p) * (max-min);
-const formatTime    = (t)=>               (t/60|0)+':'+(t%60<10?'0':'')+(t%60|0);
-const isOverlapping = (pA, sA, pB, sB)=>  abs(pA.x - pB.x)*2 < sA.x + sB.x & abs(pA.y - pB.y)*2 < sA.y + sB.y;
-const nearestPowerOfTwo = (v)=>           2**Math.ceil(Math.log2(v));
-const wave          = (f=1,a=1,t=time)=>  a/2 * (1 - Math.cos(t*f*2*PI));
-const smoothStep    = (p)=>               p * p * (3 - 2 * p);
-// random functions
-const rand         = (a=1, b=0)=>              b + (a-b)*Math.random();
-const randInt      = (a=1, b=0)=>              rand(a,b)|0;
-const randSign     = ()=>                      (rand(2)|0)*2-1;
-const randInCircle = (radius=1, minRadius=0)=> radius > 0 ? randVector(radius * rand(minRadius / radius, 1)**.5) : new Vector2;
-const randVector   = (length=1)=>              new Vector2().setAngle(rand(2*PI), length);
-const randColor    = (cA = new Color, cB = new Color(0,0,0,1), linear)=>
-    linear ?  cA.lerp(cB, rand()) : new Color(rand(cA.r,cB.r),rand(cA.g,cB.g),rand(cA.b,cB.b),rand(cA.a,cB.a));
-// seeded random numbers using xorshift
-let randSeed     = 1;
-const randSeeded = (a=1, b=0)=>
-{
-    randSeed ^= randSeed << 13; randSeed ^= randSeed >>> 17; randSeed ^= randSeed << 5;
-    return b + (a-b)*abs(randSeed % 1e9)/1e9;
-}
-// create a 2d vector, can take another Vector2 to copy, 2 scalars, or 1 scalar
-const vec2 = (x=0, y)=> x.x == undefined? new Vector2(x, y == undefined? x : y) : new Vector2(x.x, x.y);
-///////////////////////////////////////////////////////////////////////////////
-class Vector2
-{
-    constructor(x=0, y=0) { this.x = x; this.y = y; }
-    // basic math operators, a vector or scaler can be passed in
-    copy()                { return new Vector2(this.x, this.y); }
-    scale(s)              { ASSERT(s.x==undefined); return new Vector2(this.x * s, this.y * s); }
-    add(v)                { ASSERT(v.x!=undefined); return new Vector2(this.x + v.x, this.y + v.y); }
-    subtract(v)           { ASSERT(v.x!=undefined); return new Vector2(this.x - v.x, this.y - v.y); }
-    multiply(v)           { ASSERT(v.x!=undefined); return new Vector2(this.x * v.x, this.y * v.y); }
-    divide(v)             { ASSERT(v.x!=undefined); return new Vector2(this.x / v.x, this.y / v.y); }
-    // vector math operators
-    length()              { return this.lengthSquared()**.5; }
-    lengthSquared()       { return this.x**2 + this.y**2; }
-    distance(p)           { return this.distanceSquared(p)**.5; }
-    distanceSquared(p)    { return (this.x - p.x)**2 + (this.y - p.y)**2; }
-    normalize(length=1)   { const l = this.length(); return l ? this.scale(length/l) : new Vector2(length); }
-    clampLength(length=1) { const l = this.length(); return l > length ? this.scale(length/l) : this; }
-    dot(v)                { ASSERT(v.x!=undefined); return this.x*v.x + this.y*v.y; }
-    cross(v)              { ASSERT(v.x!=undefined); return this.x*v.y - this.y*v.x; }
-    angle()               { return Math.atan2(this.x, this.y); }
-    setAngle(a, length=1) { this.x = length*Math.sin(a); this.y = length*Math.cos(a); return this; }
-    rotate(a)             { const c = Math.cos(a), s = Math.sin(a); return new Vector2(this.x*c-this.y*s, this.x*s+this.y*c); }
-    direction()           { return abs(this.x) > abs(this.y) ? this.x < 0 ? 3 : 1 : this.y < 0 ? 2 : 0; }
-    flip()                { return new Vector2(this.y, this.x); }
-    invert()              { return new Vector2(this.y, -this.x); }
-    round()               { return new Vector2(Math.round(this.x), Math.round(this.y)); }
-    floor()               { return new Vector2(Math.floor(this.x), Math.floor(this.y)); }
-    int()                 { return new Vector2(this.x|0, this.y|0); }
-    lerp(v, p)            { ASSERT(v.x!=undefined); return this.add(v.subtract(this).scale(clamp(p))); }
-    area()                { return this.x * this.y; }
-    arrayCheck(arraySize) { return this.x >= 0 && this.y >= 0 && this.x < arraySize.x && this.y < arraySize.y; }
-}
-///////////////////////////////////////////////////////////////////////////////
-class Color
-{
-    constructor(r=1, g=1, b=1, a=1) { this.r=r; this.g=g; this.b=b; this.a=a; }
-    copy(c)     { return new Color(this.r, this.g, this.b, this.a); }
-    add(c)      { return new Color(this.r+c.r, this.g+c.g, this.b+c.b, this.a+c.a); }
-    subtract(c) { return new Color(this.r-c.r, this.g-c.g, this.b-c.b, this.a-c.a); }
-    multiply(c) { return new Color(this.r*c.r, this.g*c.g, this.b*c.b, this.a*c.a); }
-    scale(s,a=s){ return new Color(this.r*s, this.g*s, this.b*s, this.a*a); }
-    clamp()     { return new Color(clamp(this.r), clamp(this.g), clamp(this.b), clamp(this.a)); }
-    lerp(c, p)  { return this.add(c.subtract(this).scale(clamp(p))); }
-    mutate(amount=.05, alphaAmount=0)
-    {
-        return new Color
-        (
-            this.r + rand(amount, -amount),
-            this.g + rand(amount, -amount),
-            this.b + rand(amount, -amount),
-            this.a + rand(alphaAmount, -alphaAmount)
-        ).clamp();
-    }
-    rgba()
-    {
-        ASSERT(this.r>=0 && this.r<=1 && this.g>=0 && this.g<=1 && this.b>=0 && this.b<=1 && this.a>=0 && this.a<=1);
-        return `rgb(${this.r*255|0},${this.g*255|0},${this.b*255|0},${this.a})`;
-    }
-    rgbaInt()
-    {
-        ASSERT(this.r>=0 && this.r<=1 && this.g>=0 && this.g<=1 && this.b>=0 && this.b<=1 && this.a>=0 && this.a<=1);
-        return (this.r*255|0) + (this.g*255<<8) + (this.b*255<<16) + (this.a*255<<24);
-    }
-    setHSLA(h=0, s=0, l=1, a=1)
-    {
-        const q = l < .5 ? l*(1+s) : l+s-l*s, p = 2*l-q,
-            f = (p, q, t)=>
-                (t = ((t%1)+1)%1) < 1/6 ? p+(q-p)*6*t :
-                t < 1/2 ? q :
-                t < 2/3 ? p+(q-p)*(2/3-t)*6 : p;
-        this.r = f(p, q, h + 1/3);
-        this.g = f(p, q, h);
-        this.b = f(p, q, h - 1/3);
-        this.a = a;
-        return this;
-    }
-}
-///////////////////////////////////////////////////////////////////////////////
-class Timer
-{
-    constructor(timeLeft)   { this.time = timeLeft == undefined ? undefined : time + timeLeft; this.setTime = timeLeft; }
-    set(timeLeft=0) { this.time = time + timeLeft; this.setTime = timeLeft; }
-    unset()         { this.time = undefined; }
-    isSet()         { return this.time != undefined; }
-    active()        { return time <= this.time; }
-    elapsed()       { return time >  this.time; }
-    get()           { return this.isSet()? time - this.time : 0; }
-    getPercent()    { return this.isSet()? percent(this.time - time, 0, this.setTime) : 0; }
-}