littlejsengine 1.11.13 → 1.11.17

package/examples/box2d/game.js

@@ -11,8 +11,6 @@
 
 'use strict';
 
-// show the LittleJS splash screen
-setShowSplashScreen(true);
 //box2dDebug = 1; // enable box2d debug draw
 
 // game variables
@@ -55,9 +53,9 @@ function gameUpdate()
     {
         // grab object
         sound_click.play(mousePos);
-        const object = box2dPointCast(mousePos);
+        const object = box2d.pointCast(mousePos);
         if (object)
-            mouseJoint = box2dCreateMouseJoint(object, groundObject, mousePos);
+            mouseJoint = new Box2dTargetJoint(object, groundObject, mousePos);
     }
     if (mouseWasReleased(0))
     {
@@ -65,7 +63,7 @@ function gameUpdate()
         sound_click.play(mousePos, 1, .5);
         if (mouseJoint)
         {
-            box2dDestroyJoint(mouseJoint);
+            mouseJoint.destroy();
             mouseJoint = 0;
         }
     }
@@ -84,7 +82,7 @@ function gameUpdate()
     if (mouseWasPressed(2) || keyWasPressed('KeyX'))
         explosion(mousePos);
     if (mouseJoint)
-        mouseJoint.SetTarget(mousePos.getBox2d());
+        mouseJoint.setTarget(mousePos);
 
     if (keyWasPressed('KeyR'))
         loadScene(scene); // reset scene
@@ -95,10 +93,9 @@ function gameUpdate()
         scene = mod(scene, maxScenes);
         loadScene(scene);
     }
-
     if (car)
     {
-        // update car control
+        // update car controls
         const input = keyDirection();
         car.applyMotorInput(-input.x);
     }
@@ -125,7 +122,7 @@ function gameRender()
         {
             const start = mousePos;
             const end = mousePos.add(vec2(distance,0).rotate(i/count*PI*2));
-            const result = box2dRaycast(start, end);
+            const result = box2d.raycast(start, end);
             const color = result ? hsl(0,1,.5,.5) : hsl(.5,1,.5,.5);
             drawLine(start, result ? result.point : end, .1, color);
         }
@@ -138,7 +135,7 @@ function gameRenderPost()
     if (mouseJoint)
     {
         // draw mouse joint
-        const ab = vec2(mouseJoint.GetAnchorB());
+        const ab = mouseJoint.getAnchorB();
         drawTile(ab, vec2(.3), spriteAtlas.circle, BLACK);
         drawLine(mousePos, ab, .1, BLACK);
     }

package/examples/box2d/gameObjects.js

@@ -9,7 +9,7 @@
 ///////////////////////////////////////////////////////////////////////////////
 // spawn object functions
 
-function spawnBox(pos, size=1, color=WHITE, type=box2dBodyTypeDynamic, applyTexture=true, angle=0)
+function spawnBox(pos, size=1, color=WHITE, type=box2d.bodyTypeDynamic, applyTexture=true, angle=0)
 {
     size = typeof size == 'number' ? vec2(size) : size; // square
     const o = new Box2dObject(pos, size, applyTexture && spriteAtlas.squareOutline, angle, color, type);
@@ -18,7 +18,7 @@ function spawnBox(pos, size=1, color=WHITE, type=box2dBodyTypeDynamic, applyText
     return o;
 }
 
-function spawnCircle(pos, diameter=1, color=WHITE, type=box2dBodyTypeDynamic, applyTexture=true, angle=0)
+function spawnCircle(pos, diameter=1, color=WHITE, type=box2d.bodyTypeDynamic, applyTexture=true, angle=0)
 {
     const size = vec2(diameter);
     const o = new Box2dObject(pos, size, applyTexture && spriteAtlas.circleOutline, angle, color, type);
@@ -26,14 +26,14 @@ function spawnCircle(pos, diameter=1, color=WHITE, type=box2dBodyTypeDynamic, ap
     return o;
 }
 
-function spawnRandomPoly(pos, diameter=1, color=WHITE, type=box2dBodyTypeDynamic, angle=0)
+function spawnRandomPoly(pos, diameter=1, color=WHITE, type=box2d.bodyTypeDynamic, angle=0)
 {
     const o = new Box2dObject(pos, vec2(), 0, angle, color, type);
     o.addRandomPoly(diameter);
     return o;
 }
 
-function spawnRandomObject(pos, scale=1, type=box2dBodyTypeDynamic, angle=0)
+function spawnRandomObject(pos, scale=1, type=box2d.bodyTypeDynamic, angle=0)
 {
     if (randInt(2))
     {
@@ -68,7 +68,7 @@ function spawnRandomEdges()
     for (let i=40, y=0; i--;)
         edgePoints.push(vec2(i, y=clamp(y+rand(-2,2),0,5)));
     edgePoints.push(vec2(0,0));
-    const o = new Box2dObject(vec2(), vec2(), 0, 0, BLACK, box2dBodyTypeStatic);
+    const o = new Box2dObject(vec2(), vec2(), 0, 0, BLACK, box2d.bodyTypeStatic);
     o.addEdgeList(edgePoints);
 }
 
@@ -78,14 +78,14 @@ function spawnRope(startPos, count, angle=PI, color=WHITE, size=vec2(.3,1))
     for (let i=0; i<count; ++i)
     {
         const pos = startPos.add(size.multiply(vec2(0,i+.5)).rotate(-angle));
-        const o = spawnBox(pos, size, color, box2dBodyTypeDynamic, false, angle);
+        const o = spawnBox(pos, size, color, box2d.bodyTypeDynamic, false, angle);
         o.setFilterData(2, 2);
         const anchorPos = pos.add(vec2(0,-size.y/2).rotate(-angle));
-        box2dCreateRevoluteJoint(lastObject, o, anchorPos);
+        new Box2dRevoluteJoint(lastObject, o, anchorPos);
         lastObject = o;
     }
     const endPos = lastObject.localToWorld(vec2(0,-size.y/2));
-    box2dCreateRopeJoint(groundObject, lastObject, startPos, endPos);
+    new Box2dRopeJoint(groundObject, lastObject, startPos, endPos);
     return lastObject;
 }
 
@@ -125,13 +125,13 @@ class CarObject extends Box2dObject
                 const wheel = new Box2dObject(pos, vec2(diameter), sprite);
                 wheel.addCircle(diameter, vec2(), density, friction, restitution);
                 this.wheels.push(wheel);
-                const joint = box2dCreateWheelJoint(this, wheel);
-                joint.SetSpringDampingRatio(damping);
-                joint.SetSpringFrequencyHz(frequencyHz);
+                const joint = new Box2dWheelJoint(this, wheel);
+                joint.setSpringDampingRatio(damping);
+                joint.setSpringFrequencyHz(frequencyHz);
                 if (isMotor)
                 {
-                    joint.SetMaxMotorTorque(maxTorque);
-                    joint.EnableMotor(true);
+                    joint.setMaxMotorTorque(maxTorque);
+                    joint.enableMotor(true);
                     this.wheelMotorJoint = joint;
                 }
             }
@@ -144,9 +144,9 @@ class CarObject extends Box2dObject
     {
         const maxSpeed = 40;
         const brakeAmount = .8;
-        let s = this.wheelMotorJoint.GetMotorSpeed();
+        let s = this.wheelMotorJoint.getMotorSpeed();
         s = input ? clamp(s + input, -maxSpeed, maxSpeed) : s * brakeAmount;
-        this.wheelMotorJoint.SetMotorSpeed(s);
+        this.wheelMotorJoint.setMotorSpeed(s);
     }
     destroy()
     {
@@ -162,7 +162,7 @@ class ContactTester extends Box2dObject
 {
     constructor(pos, size, color, contactColor, isCircle=true, isSensor=true)
     {
-        super(pos, size, 0, 0, color, box2dBodyTypeStatic);
+        super(pos, size, 0, 0, color, box2d.bodyTypeStatic);
         isCircle ? this.addCircle(size.x) : this.addBox(size);
         this.setSensor(isSensor);
         this.contactColor = contactColor;
@@ -190,7 +190,7 @@ class MobileObject extends Box2dObject
                 // spawn smaller mobiles attached to each side
                 const a = anchor.add(vec2( w/(i?2:-2), -h));
                 const o = new MobileObject(a, w/2, h, depth);
-                box2dCreateRevoluteJoint(this, o, a);
+                new Box2dRevoluteJoint(this, o, a);
                 this.childMobiles.push(o);
             }
         }
@@ -232,9 +232,9 @@ class MotorJointObject extends Box2dObject
         super(pos, size, spriteAtlas.wheel, 0, color);
         this.addCircle(size.x);
         this.connectionPos = pos;
-        const joint = box2dCreateMotorJoint(otherObject, this);
-        joint.SetMaxForce(500);
-        joint.SetMaxTorque(500);
+        const joint = new Box2dMotorJoint(otherObject, this);
+        joint.setMaxForce(500);
+        joint.setMaxTorque(500);
     }
     render()
     {
@@ -281,7 +281,7 @@ class SoftBodyObject extends Box2dObject
             const tryAddJoint = (xo, yo) =>
             {
                 const o2 = this.getNode(x+xo, y+yo);
-                const joint = o2 ? box2dCreateWeldJoint(o, o2) : 0;
+                const joint = o2 ? new Box2dWeldJoint(o, o2) : 0;
                 o.joints.push(joint);
             }
 
@@ -300,7 +300,7 @@ class SoftBodyObject extends Box2dObject
         for (let y = 0; y < sy.y; ++y) poly.push(this.getNode(sx-1, y).pos);
         for (let x = sx; x--;) poly.push(this.getNode(x, sy-1).pos);
         for (let y = sy; y--;) poly.push(this.getNode(0, y).pos);
-        box2dDrawPoly(vec2(), 0, poly, BLACK)
+        box2d.drawPoly(vec2(), 0, poly, BLACK)
     }
     getNode(x, y) 
     {
@@ -321,7 +321,7 @@ class ClothObject extends Box2dObject
 {
     constructor(pos, scale, sizeCount, color, maxJointStress=10)
     {
-        super(pos, vec2(), 0, 0, color, box2dBodyTypeStatic);
+        super(pos, vec2(), 0, 0, color, box2d.bodyTypeStatic);
         const nodeSize = sizeCount.subtract(vec2(1));
         const spacing = scale.divide(nodeSize);
         const objectDiameter = min(spacing.x, spacing.y);
@@ -357,7 +357,7 @@ class ClothObject extends Box2dObject
             const tryAddJoint = (xo, yo) =>
             {
                 const o2 = this.getNode(x2+xo, y+yo);
-                const joint = o2 ? box2dCreateRopeJoint(o, o2) : 0;
+                const joint = o2 ? new Box2dRopeJoint(o, o2) : 0;
                 o.joints.push(joint);
             }
 
@@ -374,7 +374,7 @@ class ClothObject extends Box2dObject
                 tryAddJoint( d, 1);
 
                 // attach pin joint to top row
-                y || box2dCreatePinJoint(this, this.getNode(x, y));
+                y || new Box2dPinJoint(this.getNode(x, y), this);
             }
         }
     }
@@ -398,15 +398,15 @@ class ClothObject extends Box2dObject
                 const j = joints[i];
                 if (!j) continue;
 
-                const oA = j.GetBodyA().object;
-                const oB = j.GetBodyB().object;
+                const oA = j.getObjectA();
+                const oB = j.getObjectB();
                 const d2 = oA.pos.distanceSquared(oB.pos);
-                const maxLength2 = j.GetMaxLength()**2;
-                const stress = vec2(j.GetReactionForce(1)).length();
+                const maxLength2 = j.getMaxLength()**2;
+                const stress = j.getReactionForce(1).length();
                 if (stress > this.maxJointStress || d2 > maxLength2*4)
                 {
                     // remove stressed joint
-                    box2dDestroyJoint(j);
+                    j.destroy();
                     joints[i] = 0;
                 }
             }
@@ -428,8 +428,8 @@ class ClothObject extends Box2dObject
             for (const joint of o.joints)
             {
                 if (!joint) continue;
-                const oA = joint.GetBodyA().object;
-                const oB = joint.GetBodyB().object;
+                const oA = joint.getObjectA();
+                const oB = joint.getObjectB();
                 drawLine(oA.pos, oB.pos, this.lineWidth, BLACK);
             }
         }
@@ -450,7 +450,7 @@ const sound_explosion = new Sound([.5,.2,72,.01,.01,.2,4,,,,,,,1,,.5,.1,.5,.02])
 function explosion(pos, radius=3, strength=300)
 {
     sound_explosion.play(pos);
-    const objects = box2dCircleCastAll(pos, (radius*2));
+    const objects = box2d.circleCastAll(pos, (radius*2));
     const newColor = randColor();
     for (const o of objects)
     {

package/examples/box2d/index.html

@@ -6,9 +6,9 @@
 <link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../dist/littlejs.js></script>
-<script src=../../plugins/Box2D_v2.3.1_min.wasm.js?1117></script>
-<script src=../../plugins/box2d.js?1117></script>
-<script src=scenes.js?1117></script>
-<script src=gameObjects.js?1117></script>
-<script src=game.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
+<script src=../../plugins/box2d.wasm.js?11115></script>
+<script src=../../plugins/box2d.js?11115></script>
+<script src=scenes.js?11115></script>
+<script src=gameObjects.js?11115></script>
+<script src=game.js?11115></script>

package/examples/box2d/scenes.js

@@ -31,18 +31,18 @@ function loadScene(_scene)
     car = 0;
     
     // create walls
-    groundObject = spawnBox(vec2(0,-4), vec2(1e3,8), hsl(0,0,.2), box2dBodyTypeStatic);
-    spawnBox(vec2(-4, 0), vec2(8,1e3), BLACK, box2dBodyTypeStatic);
-    spawnBox(vec2(44, 0), vec2(8,1e3), BLACK, box2dBodyTypeStatic);
-    spawnBox(vec2(0,100), vec2(1e3,8), BLACK, box2dBodyTypeStatic);
+    groundObject = spawnBox(vec2(0,-4), vec2(1e3,8), hsl(0,0,.2), box2d.bodyTypeStatic);
+    spawnBox(vec2(-4, 0), vec2(8,1e3), BLACK, box2d.bodyTypeStatic);
+    spawnBox(vec2(44, 0), vec2(8,1e3), BLACK, box2d.bodyTypeStatic);
+    spawnBox(vec2(0,100), vec2(1e3,8), BLACK, box2d.bodyTypeStatic);
 
     if (scene == 0)
     {
         sceneName = 'Shapes';
         spawnRandomEdges();
-        spawnBox(vec2(11,8), 4,  randColor(), box2dBodyTypeStatic, false);
-        spawnCircle(vec2(20,8), 4,     randColor(), box2dBodyTypeStatic, false);
-        spawnRandomPoly(vec2(29,8), 4, randColor(), box2dBodyTypeStatic, false);
+        spawnBox(vec2(11,8), 4,  randColor(), box2d.bodyTypeStatic, false);
+        spawnCircle(vec2(20,8), 4,     randColor(), box2d.bodyTypeStatic, false);
+        spawnRandomPoly(vec2(29,8), 4, randColor(), box2d.bodyTypeStatic, false);
         for (let i=500;i--;)
             spawnRandomObject(vec2(rand(1,39), rand(10,50)));
     }
@@ -60,14 +60,14 @@ function loadScene(_scene)
         spawnDominoes(vec2(2,0), 13, vec2(1,3));
         spawnCircle(vec2(10,20), 2, randColor());
         spawnCircle(vec2(31.7,12), 2, randColor());
-        spawnBox(vec2(16,11), vec2(32,1), randColor(), box2dBodyTypeStatic, false);
-        spawnBox(vec2(24,6.5), vec2(32,1), randColor(), box2dBodyTypeStatic, false, -.15);
+        spawnBox(vec2(16,11), vec2(32,1), randColor(), box2d.bodyTypeStatic, false);
+        spawnBox(vec2(24,6.5), vec2(32,1), randColor(), box2d.bodyTypeStatic, false, -.15);
     }
     if (scene == 3)
     {
         sceneName = 'Car';
         car = new CarObject(vec2(10,2));
-        spawnBox(vec2(20,0), vec2(10,2), randColor(), box2dBodyTypeStatic, false, -.2);
+        spawnBox(vec2(20,0), vec2(10,2), randColor(), box2d.bodyTypeStatic, false, -.2);
         spawnPyramid(vec2(32,0), 6);
     }
     if (scene == 4)
@@ -84,7 +84,7 @@ function loadScene(_scene)
         const o = spawnBox(endPos, 3, randColor());
         o.setAngularDamping(.5);
         o.setFilterData(2, 2);
-        box2dCreateRevoluteJoint(endObject, o);
+        new Box2dRevoluteJoint(endObject, o);
         spawnPyramid(vec2(20,0), 7);
     }
     if (scene == 5)
@@ -92,7 +92,7 @@ function loadScene(_scene)
         sceneName = 'Raycasts';
         spawnRandomEdges();
         for (let i=100;i--;)
-            spawnRandomObject(vec2(rand(1,39), rand(20)), 2, box2dBodyTypeStatic, rand(PI*2));
+            spawnRandomObject(vec2(rand(1,39), rand(20)), 2, box2d.bodyTypeStatic, rand(PI*2));
     }
     if (scene == 6)
     {
@@ -100,9 +100,9 @@ function loadScene(_scene)
         {
             // prismatic joint
             const o1 = spawnBox(vec2(20,8), vec2(3,2), randColor());
-            box2dCreatePrismaticJoint(groundObject, o1, o1.pos, vec2(1,0), true);
+            new Box2dPrismaticJoint(groundObject, o1, o1.pos, vec2(1,0), true);
             const o2 = spawnBox(vec2(20,15), vec2(2,3), randColor());
-            box2dCreatePrismaticJoint(groundObject, o2, o2.pos, vec2(0,1), true);
+            new Box2dPrismaticJoint(groundObject, o2, o2.pos, vec2(0,1), true);
 
             // lines to make it look line a track
             const l1 = new EngineObject(vec2(20, 8), vec2(39,.5), 0, 0, GRAY);
@@ -116,11 +116,11 @@ function loadScene(_scene)
             const anchorB = vec2(26,15);
             const oA = new PulleyJointObjects(vec2(15,8), vec2(1,2), randColor(), anchorA);
             const oB = new PulleyJointObjects(vec2(25,8), vec2(1,2), randColor(), anchorB);
-            const aA = spawnCircle(anchorA, 2, randColor(), box2dBodyTypeStatic);
-            const aB = spawnCircle(anchorB, 2, randColor(), box2dBodyTypeStatic);
+            const aA = spawnCircle(anchorA, 2, randColor(), box2d.bodyTypeStatic);
+            const aB = spawnCircle(anchorB, 2, randColor(), box2d.bodyTypeStatic);
             const oaA = oA.localToWorld(vec2(0,oA.size.y/2));
             const oaB = oB.localToWorld(vec2(0,oB.size.y/2));
-            box2dCreatePulleyJoint(oA, oB, aA.pos, aB.pos, oaA, oaB);
+            new Box2dPulleyJoint(oA, oB, aA.pos, aB.pos, oaA, oaB);
 
             // a line to make it look like connecting rope
             const line = new EngineObject(vec2(20,15), vec2(10,.2), 0, 0, BLACK);
@@ -130,28 +130,28 @@ function loadScene(_scene)
         {
             // gear joint
             const o1 = spawnCircle(vec2(23.5,3), 3, randColor());
-            const j1 = box2dCreateRevoluteJoint(groundObject, o1, o1.pos);
+            const j1 = new Box2dRevoluteJoint(groundObject, o1, o1.pos);
             const o2 = spawnCircle(vec2(28,3), 6, randColor());
             o1.tileInfo = o2.tileInfo = spriteAtlas.gear;
-            const j2 = box2dCreateRevoluteJoint(groundObject, o2, o2.pos);
-            box2dCreateGearJoint(o1, o2, j1, j2, 2);
+            const j2 = new Box2dRevoluteJoint(groundObject, o2, o2.pos);
+            new Box2dGearJoint(o1, o2, j1, j2, 2);
         }
         {
             // weld joint
             const o1 = spawnBox(vec2(15,2),   4, randColor());
             const o2 = spawnBox(vec2(17,2), 2, randColor());
-            box2dCreateWeldJoint(o1, o2);
+            new Box2dWeldJoint(o1, o2);
         }
         {
             // distance joint
-            const o1 = new Box2dObject(vec2(30,11), vec2(4), spriteAtlas.circleOutline, 0, randColor(), box2dBodyTypeStatic);
+            const o1 = new Box2dObject(vec2(30,11), vec2(4), spriteAtlas.circleOutline, 0, randColor(), box2d.bodyTypeStatic);
             o1.renderOrder = -2;
             const o2 = spawnCircle(vec2(30,8), 2, randColor());
-            box2dCreateDistanceJoint(o1, o2);
+            new Box2dDistanceJoint(o1, o2);
         }
         {
             // motor joint
-            const o = new Box2dObject(vec2(10,8), vec2(4), spriteAtlas.circleOutline, 0, randColor(), box2dBodyTypeStatic);
+            const o = new Box2dObject(vec2(10,8), vec2(4), spriteAtlas.circleOutline, 0, randColor(), box2d.bodyTypeStatic);
             o.renderOrder = -2;
             new MotorJointObject(vec2(10,8), vec2(2), randColor(), o);
         }
@@ -159,9 +159,9 @@ function loadScene(_scene)
             // friction joint
             const o = spawnBox(vec2(10,15), 3, randColor());
             o.tileInfo = spriteAtlas.squareOutline2;
-            const joint = box2dCreateFrictionJoint(groundObject, o);
-            joint.SetMaxForce(200);
-            joint.SetMaxTorque(200);
+            const joint = new Box2dFrictionJoint(groundObject, o);
+            joint.setMaxForce(200);
+            joint.setMaxTorque(200);
         }
     }
     if (scene == 7)
@@ -177,7 +177,7 @@ function loadScene(_scene)
         sceneName = 'Mobile';
         const pos = vec2(20, 16);
         const mobile = new MobileObject(pos, 12, 2, 5);
-        box2dCreateRevoluteJoint(groundObject, mobile, pos);
+        new Box2dRevoluteJoint(groundObject, mobile, pos);
     }
     if (scene == 9)
     {

package/examples/breakout/game.js

@@ -8,9 +8,6 @@
 
 'use strict';
 
-// show the LittleJS splash screen
-setShowSplashScreen(true);
-
 let levelSize, ball, paddle, score, brickCount;
 
 // sound effects
@@ -131,7 +128,7 @@ function setupPostProcess()
     }`;
 
     const includeOverlay = true;
-    initPostProcess(televisionShader, includeOverlay);
+    new PostProcessPlugin(televisionShader, includeOverlay);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/breakout/index.html

@@ -6,7 +6,7 @@
 <link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../dist/littlejs.js?1117></script>
-<script src=../../plugins/postProcess.js?1117></script>
-<script src=gameObjects.js?1117></script>
-<script src=game.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
+<script src=../../plugins/postProcess.js?11115></script>
+<script src=gameObjects.js?11115></script>
+<script src=game.js?11115></script>

package/examples/breakoutTutorial/index.html

@@ -6,5 +6,5 @@
 <link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../dist/littlejs.js?1117></script>
-<script src=game.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
+<script src=game.js?11115></script>

package/examples/htmlMenu/game.js

@@ -1,16 +1,13 @@
 /*
     Little JS HTML Menu Example Project
     - Setup a simple html menu system
-    - Menu can be toggled
+    - Menu can be opened and closed
     - Pauses game when menu is visible
     - Shows several input types
 */
 
 'use strict';
 
-// show the LittleJS splash screen
-setShowSplashScreen(true);
-
 // sound effects
 const sound_click = new Sound([1,.5]);
 
@@ -46,7 +43,7 @@ function gameUpdatePost()
     const menuVisible = getMenuVisible();
     paused = menuVisible;
 
-    // toggle menu visibility
+    // open menu visibility
     if (keyWasPressed('KeyM'))
         setMenuVisible(true);
 }
@@ -67,7 +64,7 @@ function gameRender()
 function gameRenderPost()
 {
     // draw to overlay canvas for hud rendering
-    drawTextScreen('LittleJS HTML Menu Example\nM = Toggle menu', 
+    drawTextScreen('LittleJS HTML Menu Example\nM = Open menu', 
         vec2(mainCanvasSize.x/2, 70), 60,   // position, size
         hsl(0,0,1), 6, hsl(0,0,0));         // color, outline size and color
 }

package/examples/htmlMenu/index.html

@@ -43,5 +43,5 @@ This is an example menu using html elements.
 </div>
 
 <!-- Add your game scripts here -->
-<script src=../../dist/littlejs.js?1117></script>
-<script src=game.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
+<script src=game.js?11115></script>

package/examples/module/index.html

@@ -7,4 +7,4 @@
 </head><body>
 
 <!-- Add your game scripts here -->
-<script src=game.js?1117 type=module></script>
+<script src=game.js?11115 type=module></script>

package/examples/particles/index.html

@@ -10,7 +10,7 @@ button { margin:1px; }
 </style>
 </head><body>
 
-<script src=../../dist/littlejs.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
 <script>
 
 'use strict';

package/examples/platformer/game.js

@@ -8,9 +8,6 @@
 
 'use strict';
 
-// show the LittleJS splash screen
-setShowSplashScreen(true);
-
 let spriteAtlas, score, deaths;
 
 // enable touch gamepad on touch devices

package/examples/platformer/index.html

@@ -7,11 +7,11 @@
 <link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../dist/littlejs.js?1117></script>
-<script src=gameObjects.js?1117></script>
-<script src=gameCharacter.js?1117></script>
-<script src=gamePlayer.js?1117></script>
-<script src=gameEffects.js?1117></script>
-<script src=gameLevel.js?1117></script>
-<script src=gameLevelData.js?1117></script>
-<script src=game.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
+<script src=gameObjects.js?11115></script>
+<script src=gameCharacter.js?11115></script>
+<script src=gamePlayer.js?11115></script>
+<script src=gameEffects.js?11115></script>
+<script src=gameLevel.js?11115></script>
+<script src=gameLevelData.js?11115></script>
+<script src=game.js?11115></script>

package/examples/puzzle/game.js

@@ -8,9 +8,6 @@
 
 'use strict';
 
-// show the LittleJS splash screen
-setShowSplashScreen(true);
-
 // do not use pixelated rendering
 setCanvasPixelated(false);
 setTilesPixelated(false);

package/examples/puzzle/index.html

@@ -6,5 +6,5 @@
 <link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../dist/littlejs.js?1117></script>
-<script src=game.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
+<script src=game.js?11115></script>

package/examples/shorts/base.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html><meta charset=utf-8><body>
-<script src=../../dist/littlejs.js?1117></script>
+<script src=../../dist/littlejs.js?11115></script>
 <script>
 
 'use strict';

package/examples/starter/build.js

@@ -102,6 +102,7 @@ function htmlBuildStep(filename)
     let buffer = '<!DOCTYPE html>';
     buffer += '<head>';
     buffer += `<title>${PROGRAM_TITLE}</title>`;
+    buffer += '<meta charset=utf-8>';
     buffer += '</head>';
     buffer += '<body>';
     buffer += '<script>';
@@ -115,8 +116,7 @@ function htmlBuildStep(filename)
 function zipBuildStep(filename)
 {
     console.log(`Zipping...`);
-    
-    // zip the build folder using ect
-    const args = ['-9', '-strip', '-zip', `../${PROGRAM_NAME}.zip`, 'index.html', ...dataFiles];
-    child_process.spawnSync('ect', args, {stdio: 'inherit', cwd: BUILD_FOLDER});
+    const sources = ['index.html', ...dataFiles];
+    const sourceList = sources.join(' ');
+    child_process.execSync(`npx bestzip ../${PROGRAM_NAME}.zip ${sourceList}`, {cwd:BUILD_FOLDER, stdio: 'inherit'});
 };

package/examples/starter/index.html

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