npm - littlejsengine - Versions diffs - 1.11.6 → 1.11.8 - Mend

littlejsengine 1.11.6 → 1.11.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 (56) hide show

package/README.md +11 -16
package/dist/littlejs.d.ts +14 -1
package/dist/littlejs.esm.js +35 -21
package/dist/littlejs.esm.min.js +1 -1
package/dist/littlejs.js +32 -20
package/dist/littlejs.min.js +1 -1
package/dist/littlejs.release.js +28 -19
package/examples/box2d/game.js +2 -2
package/examples/box2d/index.html +5 -5
package/examples/breakout/game.js +6 -5
package/examples/breakout/index.html +4 -4
package/examples/breakoutTutorial/index.html +2 -2
package/examples/htmlMenu/index.html +2 -2
package/examples/index.html +300 -32
package/examples/module/index.html +1 -1
package/examples/particles/index.html +1 -1
package/examples/platformer/gamePlayer.js +2 -7
package/examples/platformer/index.html +8 -8
package/examples/puzzle/index.html +2 -2
package/examples/shorts/base.html +26 -0
package/{shortExamples/code → examples/shorts}/blending.js +1 -1
package/examples/shorts/platformer.js +42 -0
package/{shortExamples/code → examples/shorts}/playSound.js +3 -0
package/{shortExamples/code → examples/shorts}/pong.js +3 -3
package/{shortExamples/code → examples/shorts}/shapes.js +2 -2
package/examples/shorts/tiltedView.js +44 -0
package/{shortExamples/code → examples/shorts}/timers.js +7 -3
package/examples/shorts/topDown.js +44 -0
package/examples/starter/index.html +13 -13
package/examples/stress/index.html +2 -2
package/examples/uiSystem/game.js +6 -1
package/examples/uiSystem/index.html +3 -3
package/package.json +1 -1
package/plugins/Box2D_License.txt +17 -0
package/plugins/uiSystem.js +2 -1
package/reference.md +2 -1
package/src/engine.js +1 -1
package/src/engineDebug.js +5 -1
package/src/engineDraw.js +5 -1
package/src/engineExport.js +3 -1
package/src/engineInput.js +19 -15
package/src/engineRelease.js +1 -0
package/src/engineTileLayer.js +2 -2
package/.vscode/launch.json +0 -14
package/shortExamples/base.html +0 -39
package/shortExamples/index.html +0 -246
/package/{shortExamples/code → examples/shorts}/animation.js +0 -0
/package/{shortExamples/code → examples/shorts}/clock.js +0 -0
/package/{shortExamples/code → examples/shorts}/colors.js +0 -0
/package/{shortExamples/code → examples/shorts}/helloWorld.js +0 -0
/package/{shortExamples/code → examples/shorts}/particles.js +0 -0
/package/{shortExamples/code → examples/shorts}/spriteAtlas.js +0 -0
/package/{shortExamples/code → examples/shorts}/systemFont.js +0 -0
/package/{shortExamples/code → examples/shorts}/texture.js +0 -0
/package/{shortExamples/code → examples/shorts}/tileLayer.js +0 -0
/package/{shortExamples → examples/shorts}/tiles.png +0 -0

package/{shortExamples/code → examples/shorts}/timers.js RENAMED Viewed

@@ -9,13 +9,17 @@ class TimerButton extends EngineObject
     update()
     {
+        // start or stop the timer when clicked
         if (mouseWasPressed(0) && isOverlapping(this.pos, this.size, mousePos))
             this.timer.isSet() ? this.timer.unset() : this.timer.set(this.time);
     }
     render()
     {
+        // get color based on timer state
         this.color = this.timer.isSet() ? this.timer.active() ? BLUE : RED : GRAY;
+        // draw the button and timer text
         drawRect(this.pos, this.size, this.color);
         if (this.timer.isSet())
         {
@@ -30,7 +34,7 @@ class TimerButton extends EngineObject
 function gameInit()
 {
-    new TimerButton(vec2(-7, 0), 3);
-    new TimerButton(vec2( 0, 0), 1);
-    new TimerButton(vec2( 7, 0), 0);
+    // create some timer buttons
+    new TimerButton(vec2(-5, 0), 3);
+    new TimerButton(vec2( 5, 0), 0);
 }

package/examples/shorts/topDown.js ADDED Viewed

@@ -0,0 +1,44 @@
+class PhysicsObject extends EngineObject
+{
+    constructor(pos, size, color)
+    {
+        super(pos, size, 0, 0, color);
+        this.setCollision(); // make object collide
+        this.mass = 0; // make object have static physics
+    }
+}
+class Player extends PhysicsObject
+{
+    constructor(pos)
+    {
+        super(pos, vec2(2), RED);
+        this.mass = 1; // make object have dynamic physics
+        this.renderOrder = 1; // render player on top of other objects
+    }
+    update()
+    {
+        // apply movement controls
+        const moveInput = keyDirection().clampLength(1).scale(.2); // clamp and scale input
+        this.velocity = this.velocity.add(moveInput); // apply movement
+        super.update(); // call parent update function
+        cameraPos = this.pos; // move camera with player
+    }
+}
+function gameInit()
+{
+    // setup level
+    objectDefaultDamping = .7;
+    new Player();
+    // create background objects
+    for (let i = 1; i < 300; ++i)
+        new EngineObject(randInCircle(90), vec2(rand(59),rand(59)), 0, rand(), hsl(.4,.5,rand(.2)));
+    // create foreground objects
+    for (let i = 1; i < 300; ++i)
+        new PhysicsObject(randInCircle(7+i,7), vec2(rand(4,9),rand(4,9)), hsl(0,0,rand(.8,1)));
+}

package/examples/starter/index.html CHANGED Viewed

@@ -7,18 +7,18 @@
 </head><body>
 <!-- LittleJS Engine -->
-<script src=../../src/engineDebug.js?1116></script>
-<script src=../../src/engineUtilities.js?1116></script>
-<script src=../../src/engineSettings.js?1116></script>
-<script src=../../src/engineObject.js?1116></script>
-<script src=../../src/engineDraw.js?1116></script>
-<script src=../../src/engineInput.js?1116></script>
-<script src=../../src/engineAudio.js?1116></script>
-<script src=../../src/engineTileLayer.js?1116></script>
-<script src=../../src/engineParticles.js?1116></script>
-<script src=../../src/engineMedals.js?1116></script>
-<script src=../../src/engineWebGL.js?1116></script>
-<script src=../../src/engine.js?1116></script>
+<script src=../../src/engineDebug.js?1117></script>
+<script src=../../src/engineUtilities.js?1117></script>
+<script src=../../src/engineSettings.js?1117></script>
+<script src=../../src/engineObject.js?1117></script>
+<script src=../../src/engineDraw.js?1117></script>
+<script src=../../src/engineInput.js?1117></script>
+<script src=../../src/engineAudio.js?1117></script>
+<script src=../../src/engineTileLayer.js?1117></script>
+<script src=../../src/engineParticles.js?1117></script>
+<script src=../../src/engineMedals.js?1117></script>
+<script src=../../src/engineWebGL.js?1117></script>
+<script src=../../src/engine.js?1117></script>
 <!-- Add your game scripts here -->
-<script src=game.js?1116></script>
+<script src=game.js?1117></script>

package/examples/stress/index.html CHANGED Viewed

@@ -7,7 +7,7 @@
 </head><body>
 <!-- LittleJS Engine -->
-<script src=../../dist/littlejs.min.js?1116></script>
+<script src=../../dist/littlejs.min.js?1117></script>
 <script>
 /*
@@ -161,6 +161,6 @@ engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, [ti
 ///////////////////////////////////////////////////////////////////////////////
 // music - Depp Loop
-const music = new Music([[[,0,77,,,.7,2,.41,,,,,,,,.06],[,0,43,.01,,.3,2,,,,,,,,,.02,.01],[,0,170,.003,,.008,,.97,-35,53,,,,,,.1],[.8,0,270,,,.12,3,1.65,-2,,,,,4.5,,.02],[,0,86,,,.1,,.7,,,,.5,,6.7,1,.05],[,0,41,,.05,.4,2,0,,,9,.01,,,,.08,.02],[,0,2200,,,.04,3,2,,,800,.02,,4.8,,.01,.1],[.3,0,16,,,.3,3]],[[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,22,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,24,,,,,,,,,,,,,,,,,,,,,,,,22,,22,,22,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,24,,,,,,,,27,,,,,,,,,,,,,,,,27,,,,24,,,,24,,,,,,,,27,,,,,,,,,,,,,,,,24,,24,,24,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[6,1,,,34,34,34,,,,,,34,34,,,,,34,,,,34,34,,,,,34,,,,34,,,,34,34,34,,,,,,34,,,,,,34,34,,,34,34,,,,,,,,,34,34],[4,1,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,23,23,35,23,23,36,23,23,35,23,23,36,23,23,35,35,23,23,35,23,23,35,23,23,36,23,23,35,23,23,36,36],[5,-1,21,,,19,,,21,,,,,,,,,,21,,,19,,,17,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,],[3,1,24,,,24,,,24,,,,,,,,,,24,,,24,,,24,,,,24.75,24.5,24.26,24.01,24.01,24.01,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[4,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,24.75,24.5,24.26,24.01,24.01,24.01,24.01,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,23,,21,23,,35,,23,,21,23,,35,,35,,23,,21,23,,35,,21,23,,35,,21,23,,,],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,36,34,,33,34,34,36,31,36,34,,31,34,32,,33,36,34,,31,34,34,36,33,36,33,,31,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,21,,19,21,,33,,21,,19,21,,33,,33,,21,,19,21,,33,,21,,19,21,,33,,33,,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29],[2,1,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,],[6,1,,,36,,,,,,36,,36,,,,,,,,36,,,,,,36,,36,,,,,,,,36,,,,,,,,,,,,,,,,36,,,,,,36,,36,,,,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,25,,,25,,,,,,,,25,,,,,,,,25,25,25,25]],[[1,-1,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,19,19,31,19,19,31,19,19,31,19,19,31,19,19,31,31],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,36,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,19,,19,19,31,19,19,31,19,,19,19,31,19,19,31],[2,1,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,,,,,,34,,34,,,,,,,,34,,,,,,34,,34,,,,,,]]],[0,1,1,2,3,4,4]]);
+const music = new Music([[[.6,0,76,,,1,1,.5,,,,,.1,,,.06,,.5,.2,,-700],[,0,43,.01,,.2,2,,,,,,,,,,.01],[,0,170,.003,,.008,,.97,-35,53,,,,,,.1],[.8,0,270,,,.12,3,1.65,-2,,,,,4.5,,.02],[,0,86,,,.1,,.7,,,,.5,,6.7,1,.05],[,0,41,,.05,.4,2,0,,,9,.01,,,,.08,.02],[,0,2200,,,.04,3,2,,,800,.02,,4.8,,.01,.1],[.3,0,16,,,.3,3]],[[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,22,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,24,,,,,,,,,,,,,,,,,,,,,,,,22,,22,,22,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,24,,,,,,,,27,,,,,,,,,,,,,,,,27,,,,24,,,,24,,,,,,,,27,,,,,,,,,,,,,,,,24,,24,,24,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[6,1,,,34,34,34,,,,,,34,34,,,,,34,,,,34,34,,,,,34,,,,34,,,,34,34,34,,,,,,34,,,,,,34,34,,,34,34,,,,,,,,,34,34],[4,1,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,23,23,35,23,23,36,23,23,35,23,23,36,23,23,35,35,23,23,35,23,23,35,23,23,36,23,23,35,23,23,36,36],[5,-1,21,,,19,,,21,,,,,,,,,,21,,,19,,,17,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,],[3,1,24,,,24,,,24,,,,,,,,,,24,,,24,,,24,,,,24.75,24.5,24.26,24.01,24.01,24.01,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[4,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,24.75,24.5,24.26,24.01,24.01,24.01,24.01,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,23,,21,23,,35,,23,,21,23,,35,,35,,23,,21,23,,35,,21,23,,35,,21,23,,,],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,36,34,,33,34,34,36,31,36,34,,31,34,32,,33,36,34,,31,34,34,36,33,36,33,,31,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,21,,19,21,,33,,21,,19,21,,33,,33,,21,,19,21,,33,,21,,19,21,,33,,33,,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29],[2,1,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,],[6,1,,,36,,,,,,36,,36,,,,,,,,36,,,,,,36,,36,,,,,,,,36,,,,,,,,,,,,,,,,36,,,,,,36,,36,,,,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,25,,,25,,,,,,,,25,,,,,,,,25,25,25,25]],[[1,-1,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,19,19,31,19,19,31,19,19,31,19,19,31,19,19,31,31],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,36,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,19,,19,19,31,19,19,31,19,,19,19,31,19,19,31],[2,1,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,,,,,,34,,34,,,,,,,,34,,,,,,34,,34,,,,,,]]],[0,1,1,2,3,4,4]]);
 </script>

package/examples/uiSystem/game.js CHANGED Viewed

@@ -17,11 +17,15 @@ let uiRoot, uiMenu;
 const getMenuVisible =()=> uiMenu.visible;
 const setMenuVisible =(visible)=> uiMenu.visible = visible;
+// use a fixed size canvas
+canvasFixedSize = vec2(1920, 1080); // 1080p
+canvasPixelated = false;
 function createUI()
 {
     // setup root to attach all ui elements to
     uiRoot = new UIObject();
-    const uiInfo = new UIText(vec2(0,50), vec2(1e3, 70),
+    const uiInfo = new UIText(vec2(0,90), vec2(1e3, 70),
         'LittleJS UI System Example\nM = Toggle menu');
     uiInfo.textColor = WHITE;
     uiInfo.lineWidth = 8;
@@ -31,6 +35,7 @@ function createUI()
     uiMenu = new UIObject(vec2(0,450));
     uiRoot.addChild(uiMenu);
     const uiBackground = new UIObject(vec2(0,0), vec2(450,580));
+    uiBackground.lineWidth = 8;
     uiMenu.addChild(uiBackground);
     // example large text

package/examples/uiSystem/index.html CHANGED Viewed

@@ -7,8 +7,8 @@
 </head><body>
 <!-- LittleJS Engine -->
-<script src=../../dist/littlejs.js?1116></script>
+<script src=../../dist/littlejs.js?1117></script>
 <!-- Add your game scripts here -->
-<script src=../../plugins/uiSystem.js?1116></script>
-<script src=game.js?1116></script>
+<script src=../../plugins/uiSystem.js?1117></script>
+<script src=game.js?1117></script>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "littlejsengine",
-  "version": "1.11.6",
+  "version": "1.11.8",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "dist/littlejs.esm.js",
   "types": "dist/littlejs.d.ts",

package/plugins/Box2D_License.txt ADDED Viewed

@@ -0,0 +1,17 @@
+Copyright (c) 2006-2010 Erin Catto http://www.gphysics.com
+This software is provided 'as-is', without any express or implied
+warranty.  In no event will the authors be held liable for any damages
+arising from the use of this software.
+Permission is granted to anyone to use this software for any purpose,
+including commercial applications, and to alter it and redistribute it
+freely, subject to the following restrictions:
+1. The origin of this software must not be misrepresented; you must not
+claim that you wrote the original software. If you use this software
+in a product, an acknowledgment in the product documentation would be
+appreciated but is not required.
+2. Altered source versions must be plainly marked as such, and must not be
+misrepresented as being the original software.
+3. This notice may not be removed or altered from any source distribution.

package/plugins/uiSystem.js CHANGED Viewed

@@ -246,7 +246,8 @@ class UICheckbox extends UIObject
     }
     render()
     {
-        drawUIRect(this.pos, this.size, this.color, this.lineWidth, this.lineColor);
+        const color = this.mouseIsOver? this.hoverColor : this.color;
+        drawUIRect(this.pos, this.size, color, this.lineWidth, this.lineColor);
         if (this.checked)
         {
             // draw an X if checked

package/reference.md CHANGED Viewed

@@ -224,6 +224,7 @@ soundDefaultTaper = .7  // Default range percent to taper off sound (0-1)
 keyIsDown(key)                        // Is key down?
 keyWasPressed(key)                    // Was key pressed this frame?
 keyWasReleased(key)                   // Was key released this frame?
+keyDirection()                        // Get input vector from arrow keys or wasd
 // Mouse / Touch
 mousePos                              // World space mouse position
@@ -406,4 +407,4 @@ showWatermark        // True if watermark with FPS should be show
 [LittleJS Engine](https://github.com/KilledByAPixel/LittleJS) Copyright 2021 Frank Force
-![LittleJS Logo](examples/favicon.png)
+![LittleJS Logo](examples/favicon.png)

package/src/engine.js CHANGED Viewed

@@ -30,7 +30,7 @@ const engineName = 'LittleJS';
  *  @type {String}
  *  @default
  *  @memberof Engine */
-const engineVersion = '1.11.6';
+const engineVersion = '1.11.8';
 /** Frames per second to update
  *  @type {Number}

package/src/engineDebug.js CHANGED Viewed

@@ -162,6 +162,10 @@ function debugText(text, pos, size=1, color='#fff', time=0, angle=0, font='monos
  *  @memberof Debug */
 function debugClear() { debugPrimitives = []; }
+/** Trigger debug system to take a screenshot
+ *  @memberof Debug */
+function debugScreenshot() { debugTakeScreenshot = 1; }
 /** Save a canvas to disk
  *  @param {HTMLCanvasElement} canvas
  *  @param {String}            [filename]
@@ -235,7 +239,7 @@ function debugUpdate()
         if (keyWasPressed('Digit4'))
             debugRaycast = !debugRaycast;
         if (keyWasPressed('Digit5'))
-            debugTakeScreenshot = 1;
+            debugScreenshot();
     }
 }

package/src/engineDraw.js CHANGED Viewed

@@ -216,6 +216,8 @@ function drawTile(pos, size=vec2(1), tileInfo, color=new Color,
     ASSERT(!context || !useWebGL, 'context only supported in canvas 2D mode');
     ASSERT(typeof tileInfo !== 'number' || !tileInfo,
         'this is an old style calls, to fix replace it with tile(tileIndex, tileSize)');
+    ASSERT(isVector2(pos) && isVector2(size));
+    ASSERT(isColor(color) && isColor(additiveColor));
     const textureInfo = tileInfo && tileInfo.getTextureInfo();
     if (useWebGL)
@@ -269,7 +271,7 @@ function drawTile(pos, size=vec2(1), tileInfo, color=new Color,
             else
             {
                 // if no tile info, force untextured
-                context.fillStyle = color;
+                context.fillStyle = color.toString();
                 context.fillRect(-.5, -.5, 1, 1);
             }
         }, screenSpace, context);
@@ -316,6 +318,7 @@ function drawLine(posA, posB, thickness=.1, color, useWebGL, screenSpace, contex
  *  @memberof Draw */
 function drawPoly(points, color=new Color, lineWidth=0, lineColor=new Color(0,0,0), screenSpace, context=mainContext)
 {
+    ASSERT(isColor(color) && isColor(lineColor));
     context.fillStyle = color.toString();
     context.beginPath();
     for (const point of screenSpace ? points : points.map(worldToScreen))
@@ -343,6 +346,7 @@ function drawPoly(points, color=new Color, lineWidth=0, lineColor=new Color(0,0,
  *  @memberof Draw */
 function drawEllipse(pos, width=1, height=1, angle=0, color=new Color, lineWidth=0, lineColor=new Color(0,0,0), screenSpace, context=mainContext)
 {
+    ASSERT(isColor(color) && isColor(lineColor));
     if (!screenSpace)
     {
         pos = worldToScreen(pos);

package/src/engineExport.js CHANGED Viewed

@@ -19,6 +19,7 @@ export {
 	engineInit,
 	engineObjectsUpdate,
 	engineObjectsDestroy,
+	engineObjectsCollect,
 	engineObjectsCallback,
 	engineObjectsRaycast,
 	engineAddPlugin,
@@ -38,6 +39,7 @@ export {
 	debugOverlap,
 	debugText,
 	debugClear,
+	debugScreenshot,
 	debugSaveCanvas,
 	debugSaveText,
 	debugSaveDataURL,
@@ -236,6 +238,7 @@ export {
 	keyIsDown,
 	keyWasPressed,
 	keyWasReleased,
+	keyDirection,
 	clearInput,
 	mouseIsDown,
 	mouseWasPressed,
@@ -249,7 +252,6 @@ export {
 	gamepadWasPressed,
 	gamepadWasReleased,
 	gamepadStick,
-	mouseToScreen,
 	gamepadsUpdate,
 	vibrate,
 	vibrateStop,

package/src/engineInput.js CHANGED Viewed

@@ -43,6 +43,15 @@ function keyWasReleased(key, device=0)
     return inputData[device] && !!(inputData[device][key] & 4);
 }
+/** Returns input vector from arrow keys or WASD if enabled
+ *  @return {Vector2}
+ *  @memberof Input */
+function keyDirection(up='ArrowUp', down='ArrowDown', left='ArrowLeft', right='ArrowRight')
+{
+    const k = (key)=> keyIsDown(key) ? 1 : 0;
+    return vec2(k(right) - k(left), k(up) - k(down));
+}
 /** Clears all input
  *  @memberof Input */
 function clearInput() { inputData = [[]]; touchGamepadButtons = []; }
@@ -126,9 +135,9 @@ function gamepadStick(stick,  gamepad=0)
 { return gamepadStickData[gamepad] ? gamepadStickData[gamepad][stick] || vec2() : vec2(); }
 ///////////////////////////////////////////////////////////////////////////////
-// Input update called by engine
+// Input system functions called automatically by engine
-// store input as a bit field for each key: 1 = isDown, 2 = wasPressed, 4 = wasReleased
+// input is stored as a bit field for each key: 1 = isDown, 2 = wasPressed, 4 = wasReleased
 // mouse and keyboard are stored together in device 0, gamepads are in devices > 0
 let inputData = [[]];
@@ -158,9 +167,6 @@ function inputUpdatePost()
     mouseWheel = 0;
 }
-///////////////////////////////////////////////////////////////////////////////
-// Input event handlers
 function inputInit()
 {
     if (headlessMode) return;
@@ -203,11 +209,11 @@ function inputInit()
         isUsingGamepad = false;
         inputData[0][e.button] = 3;
-        mousePosScreen = mouseToScreen(e);
+        mousePosScreen = mouseEventToScreen(e);
         e.button && e.preventDefault();
     }
     onmouseup     = (e)=> inputData[0][e.button] = inputData[0][e.button] & 2 | 4;
-    onmousemove   = (e)=> mousePosScreen = mouseToScreen(e);
+    onmousemove   = (e)=> mousePosScreen = mouseEventToScreen(e);
     onwheel       = (e)=> mouseWheel = e.ctrlKey ? 0 : sign(e.deltaY);
     oncontextmenu = (e)=> false; // prevent right click menu
     onblur        = (e) => clearInput(); // reset input when focus is lost
@@ -218,14 +224,12 @@ function inputInit()
 }
 // convert a mouse or touch event position to screen space
-function mouseToScreen(mousePos)
+function mouseEventToScreen(mousePos)
 {
-    if (!mainCanvas || headlessMode)
-        return vec2(); // fix bug that can occur if user clicks before page loads
     const rect = mainCanvas.getBoundingClientRect();
-    return vec2(mainCanvas.width, mainCanvas.height).multiply(
-        vec2(percent(mousePos.x, rect.left, rect.right), percent(mousePos.y, rect.top, rect.bottom)));
+    const px = percent(mousePos.x, rect.left, rect.right);
+    const py = percent(mousePos.y, rect.top, rect.bottom);
+    return vec2(px*mainCanvas.width, py*mainCanvas.height);
 }
 ///////////////////////////////////////////////////////////////////////////////
@@ -380,7 +384,7 @@ function touchInputInit()
         {
             // set event pos and pass it along
             const p = vec2(e.touches[0].clientX, e.touches[0].clientY);
-            mousePosScreen = mouseToScreen(p);
+            mousePosScreen = mouseEventToScreen(p);
             wasTouching ? isUsingGamepad = touchGamepadEnable : inputData[0][button] = 3;
         }
         else if (wasTouching)
@@ -428,7 +432,7 @@ function touchInputInit()
         // check each touch point
         for (const touch of e.touches)
         {
-            const touchPos = mouseToScreen(vec2(touch.clientX, touch.clientY));
+            const touchPos = mouseEventToScreen(vec2(touch.clientX, touch.clientY));
             if (touchPos.distance(stickCenter) < touchGamepadSize)
             {
                 // virtual analog stick

package/src/engineRelease.js CHANGED Viewed

@@ -29,6 +29,7 @@ function debugLine       (){}
 function debugOverlap    (){}
 function debugText       (){}
 function debugClear      (){}
+function debugScreenshot (){}
 function debugSaveCanvas (){}
 function debugSaveText   (){}
 function debugSaveDataURL(){}

package/src/engineTileLayer.js CHANGED Viewed

@@ -238,10 +238,10 @@ class TileLayer extends EngineObject
         !glOverlay && !this.isOverlay && glCopyToContext(mainContext);
         // draw the entire cached level onto the canvas
-        const pos = worldToScreen(this.pos.add(vec2(0,this.size.y*this.scale.y)));
+        let pos = worldToScreen(this.pos.add(vec2(0,this.size.y*this.scale.y)));
         // fix canvas jitter in some browsers if position is not an integer
-        pos.x |= 0; pos.y |= 0;
+        pos = pos.floor();
         (this.isOverlay ? overlayContext : mainContext).drawImage
         (

package/.vscode/launch.json DELETED Viewed

@@ -1,14 +0,0 @@
-{
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "Open index.html",
-            "file": "c:\\dev\\FrankGames\\html5\\LittleJS\\LittleJS\\shortExamples\\index.html"
-        }
-    ]
-}

package/shortExamples/base.html DELETED Viewed

@@ -1,39 +0,0 @@
-<!DOCTYPE html><head><meta charset=utf-8></head><body>
-<!-- LittleJS Engine -->
-<script src=../src/engineDebug.js?1116></script>
-<script src=../src/engineUtilities.js?1116></script>
-<script src=../src/engineSettings.js?1116></script>
-<script src=../src/engineObject.js?1116></script>
-<script src=../src/engineDraw.js?1116></script>
-<script src=../src/engineInput.js?1116></script>
-<script src=../src/engineAudio.js?1116></script>
-<script src=../src/engineTileLayer.js?1116></script>
-<script src=../src/engineParticles.js?1116></script>
-<script src=../src/engineMedals.js?1116></script>
-<script src=../src/engineWebGL.js?1116></script>
-<script src=../src/engine.js?1116></script>
-<script>
-'use strict';
-// use fixed size canvas for examples
-canvasFixedSize = vec2(960, 540);
-// fix bleeding from neighboring pixels
-tileFixBleedScale = .5;
-// allow improved scaling
-canvasPixelated = false;
-// disable watermark
-showWatermark = false;
-// these functions can be overridden for each example
-function gameInit() {}
-function gameUpdate() {}
-function gameUpdatePost() {}
-function gameRender() {}
-function gameRenderPost() {}
-</script>