littlejsengine 1.10.4 → 1.11.1

package/examples/box2d/gameObjects.js

@@ -12,7 +12,8 @@
 function spawnBox(pos, size=1, color=WHITE, type=box2dBodyTypeDynamic, applyTexture=true, angle=0)
 {
     size = typeof size == 'number' ? vec2(size) : size; // square
-    const o = new Box2dObject(pos, size, applyTexture && tile(3), angle, color, type);
+    const o = new Box2dObject(pos, size, applyTexture && spriteAtlas.squareOutline, angle, color, type);
+    o.drawSize = size.scale(1.02); // slightly enarge to cover gaps
     o.addBox(size);
     return o;
 }
@@ -20,7 +21,7 @@ function spawnBox(pos, size=1, color=WHITE, type=box2dBodyTypeDynamic, applyText
 function spawnCircle(pos, diameter=1, color=WHITE, type=box2dBodyTypeDynamic, applyTexture=true, angle=0)
 {
     const size = vec2(diameter);
-    const o = new Box2dObject(pos, size, applyTexture && tile(2), angle, color, type);
+    const o = new Box2dObject(pos, size, applyTexture && spriteAtlas.circleOutline, angle, color, type);
     o.addCircle(diameter);
     return o;
 }
@@ -115,7 +116,7 @@ class CarObject extends Box2dObject
             const damping     = .7;
             const frequencyHz = 4;
             const maxTorque   = 50;
-            const sprite      = tile(4);
+            const sprite      = spriteAtlas.wheel;
 
             // create wheels
             this.wheels = [];
@@ -208,7 +209,7 @@ class PulleyJointObjects extends Box2dObject
 {
     constructor(pos, size, color, connectionPos)
     {
-        super(pos, size, tile(3), 0, color);
+        super(pos, size, spriteAtlas.squareOutline, 0, color);
         this.addBox(size);
         this.connectionPos = connectionPos;
     }
@@ -228,7 +229,7 @@ class MotorJointObject extends Box2dObject
 {
     constructor(pos, size, color, otherObject)
     {
-        super(pos, size, tile(4), 0, color);
+        super(pos, size, spriteAtlas.wheel, 0, color);
         this.addCircle(size.x);
         this.connectionPos = pos;
         const joint = box2dCreateMotorJoint(otherObject, this);
@@ -265,7 +266,7 @@ class SoftBodyObject extends Box2dObject
             const mass = .1;
             const center = vec2(x-nodeSize.x/2, y-nodeSize.y/2);
             const p = pos.add(center.multiply(spacing));
-            const o = new Box2dObject(p, vec2(objectDiameter*1.1), tile(0), 0, color);
+            const o = new Box2dObject(p, vec2(objectDiameter*1.1), spriteAtlas.circle, 0, color);
             o.addCircle(objectDiameter);
             o.setMass(mass);
             o.setAngularDamping(10);
@@ -336,7 +337,7 @@ class ClothObject extends Box2dObject
             const mass = .5;
             const center = vec2(x-nodeSize.x/2, y-nodeSize.y/2);
             const p = pos.add(center.multiply(spacing));
-            const o = new Box2dObject(p, vec2(.4), tile(0), 0, color);
+            const o = new Box2dObject(p, vec2(.4), spriteAtlas.circle, 0, color);
             o.addCircle(objectDiameter);
             o.setFilterData(2, 2);
             o.setLinearDamping(1);
@@ -463,7 +464,7 @@ function explosion(pos, radius=3, strength=300)
     new ParticleEmitter(
         pos, 0,                     // pos, angle
         radius/2, .2, 50*radius, PI,// emitSize, emitTime, emitRate, emiteCone
-        tile(1),                    // tileInfo
+        spriteAtlas.dot,            // tileInfo
         hsl(0,0,0),   hsl(0,0,0),   // colorStartA, colorStartB
         hsl(0,0,0,0), hsl(0,0,0,0), // colorEndA, colorEndB
         1, 1, 2, .1, .1,    // time, sizeStart, sizeEnd, speed, angleSpeed
@@ -475,7 +476,7 @@ function explosion(pos, radius=3, strength=300)
     new ParticleEmitter(
         pos, 0,                         // pos, angle
         radius, .1, 100*radius, PI,     // emitSize, emitTime, emitRate, emiteCone
-        tile(1),                        // tileInfo
+        spriteAtlas.dot,                // tileInfo
         hsl(0,1,.5),   hsl(.15,1,.5),   // colorStartA, colorStartB
         hsl(0,1,.5,0), hsl(.1, 1,.5,0), // colorEndA, colorEndB
         .7, 1, .5, .1, .1, // time, sizeStart, sizeEnd, speed, angleSpeed

package/examples/box2d/index.html

@@ -7,8 +7,8 @@
 </head><body>
 
 <script src=../../dist/littlejs.js></script>
-<script src=../../plugins/Box2D_v2.3.1_min.wasm.js?1100></script>
-<script src=../../plugins/box2d.js?1100></script>
-<script src=scenes.js?1100></script>
-<script src=gameObjects.js?1100></script>
-<script src=game.js?1100></script>
+<script src=../../plugins/Box2D_v2.3.1_min.wasm.js?1105></script>
+<script src=../../plugins/box2d.js?1105></script>
+<script src=scenes.js?1105></script>
+<script src=gameObjects.js?1105></script>
+<script src=game.js?1105></script>

package/examples/box2d/scenes.js

@@ -132,7 +132,7 @@ function loadScene(_scene)
             const o1 = spawnCircle(vec2(23.5,3), 3, randColor());
             const j1 = box2dCreateRevoluteJoint(groundObject, o1, o1.pos);
             const o2 = spawnCircle(vec2(28,3), 6, randColor());
-            o1.tileInfo = o2.tileInfo = tile(5);
+            o1.tileInfo = o2.tileInfo = spriteAtlas.gear;
             const j2 = box2dCreateRevoluteJoint(groundObject, o2, o2.pos);
             box2dCreateGearJoint(o1, o2, j1, j2, 2);
         }
@@ -144,21 +144,21 @@ function loadScene(_scene)
         }
         {
             // distance joint
-            const o1 = new Box2dObject(vec2(30,11), vec2(4), tile(2), 0, randColor(), box2dBodyTypeStatic);
+            const o1 = new Box2dObject(vec2(30,11), vec2(4), spriteAtlas.circleOutline, 0, randColor(), box2dBodyTypeStatic);
             o1.renderOrder = -2;
             const o2 = spawnCircle(vec2(30,8), 2, randColor());
             box2dCreateDistanceJoint(o1, o2);
         }
         {
             // motor joint
-            const o = new Box2dObject(vec2(10,8), vec2(4), tile(2), 0, randColor(), box2dBodyTypeStatic);
+            const o = new Box2dObject(vec2(10,8), vec2(4), spriteAtlas.circleOutline, 0, randColor(), box2dBodyTypeStatic);
             o.renderOrder = -2;
             new MotorJointObject(vec2(10,8), vec2(2), randColor(), o);
         }
         {
             // friction joint
             const o = spawnBox(vec2(10,15), 3, randColor());
-            o.tileInfo = tile(6);
+            o.tileInfo = spriteAtlas.squareOutline2;
             const joint = box2dCreateFrictionJoint(groundObject, o);
             joint.SetMaxForce(200);
             joint.SetMaxTorque(200);

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?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
 <script src=../../plugins/postProcess.js></script>
-<script src=gameObjects.js?1100></script>
-<script src=game.js?1100></script>
+<script src=gameObjects.js?1105></script>
+<script src=game.js?1105></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?1100></script>
-<script src=game.js?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
+<script src=game.js?1105></script>

package/examples/electron/game.js

@@ -10,6 +10,9 @@
 // show the LittleJS splash screen
 setShowSplashScreen(true);
 
+// fix texture bleeding by shrinking tile slightly
+tileFixBleedScale = .5;
+
 // sound effects
 const sound_click = new Sound([1,.5]);
 

package/examples/electron/index.html

@@ -7,7 +7,7 @@
 </head><body>
 
 <!-- LittleJS Engine -->
-<script src=../../dist/littlejs.js?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
 
 <!-- Add your game scripts here -->
-<script src=game.js?1100></script>
+<script src=game.js?1105></script>

package/examples/htmlMenu/index.html

@@ -32,7 +32,7 @@
 <!-- setup html menu system -->
 <div class="topDiv">
 <div id="menu" class="menuDiv">
-<h1><i style="font-size:30px">Test Menu</i></h1>
+<b style="font-size:50px">Test Menu</b>
 This is an example menu using html elements.
 <input value="Test Input" onchange="alert('New text: ' + this.value)">
 <input type="range" onchange="alert('New value: ' + this.value)">
@@ -52,5 +52,5 @@ setMenuVisible(false);
 </script>
 
 <!-- Add your game scripts here -->
-<script src=../../dist/littlejs.js?1100></script>
-<script src=game.js?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
+<script src=game.js?1105></script>

package/examples/index.html

@@ -1,11 +1,12 @@
 <head>
 <title>LittleJS Examples</title>
+<style>
+iframe {width:480px; height:270px;}
+</style>
 <link rel=icon type=image/png href=../favicon.png>
 <body>
 <h1>All LittleJS Engine Examples</h1>
-<p>
-<img src=screenshot.jpg width=500>
-</p>
+<img src=screenshot.jpg width=480>
 <h2>Main Demos</h2>
 <p>
 <a href="starter">Starter</a> - Clean example with only a few things to get you started<br>
@@ -30,4 +31,10 @@
 <a href="typescript">LittleJS using TypeScript</a> - Uses LittleJS type definitions<br>
 <a href="electron">LittleJS building with Electron</a> - Builds to an executable<br>
 </p>
+<h2>Live Demos</h2>
+<p>
+<iframe id=iframe src="breakout"></iframe>
+<iframe id=iframe src="platformer"></iframe>
+<iframe id=iframe src="puzzle"></iframe>
+</p>
 </body>

package/examples/js13k/game.js

@@ -7,6 +7,9 @@
 
 'use strict';
 
+// fix texture bleeding by shrinking tile slightly
+tileFixBleedScale = .5;
+
 // sound effects
 const sound_click = new Sound([1,.5]);
 

package/examples/js13k/index.html

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

package/examples/module/game.js

@@ -13,6 +13,9 @@ const {tile, vec2, hsl} = LittleJS;
 // show the LittleJS splash screen
 LittleJS.setShowSplashScreen(true);
 
+// fix texture bleeding by shrinking tile slightly
+LittleJS.setTileFixBleedScale(.5);
+
 // sound effects
 const sound_click = new LittleJS.Sound([1,.5]);
 
@@ -123,7 +126,7 @@ function gameRender()
 function gameRenderPost()
 {
     // draw to overlay canvas for hud rendering
-    LittleJS.drawTextScreen('LittleJS with Modules', vec2(LittleJS.mainCanvasSize.x/2, 80), 80);
+    LittleJS.drawTextOverlay('LittleJS with Modules', vec2(LittleJS.mainCanvasSize.x/2, 80), 80);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/module/index.html

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

package/examples/particles/index.html

@@ -10,11 +10,14 @@ button { margin:1px; }
 </style>
 </head><body>
 
-<script src=../../dist/littlejs.js?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
 <script>
 
 'use strict';
 
+// fix texture bleeding by shrinking tiles slightly
+tileFixBleedScale = .5;
+
 let particleEditor = 0, particleSystem, particleSystemDiv, particleSystemCode;
 let inputExpand;
 let restartTimer = new Timer();

package/examples/platformer/game.js

@@ -16,36 +16,36 @@ let spriteAtlas, score, deaths;
 // enable touch gamepad on touch devices
 touchGamepadEnable = true;
 
-// fix texture bleeding by shrinking tile slightly
-tileFixBleedScale = .1;
-
 ///////////////////////////////////////////////////////////////////////////////
 function gameInit()
 {
+    // engine settings
+    gravity = -.01;
+    objectDefaultDamping = .99;
+    objectDefaultAngleDamping = .99;
+    cameraScale = 4*16;
+
     // create a table of all sprites
+    const gameTile = (i, size=16)=>  tile(i, size, 0, 1);
     spriteAtlas =
     {
         // large tiles
-        circle:  tile(0),
-        crate:   tile(2),
-        player:  tile(3),
-        enemy:   tile(5),
-        coin:    tile(6),
+        circle:  gameTile(0),
+        crate:   gameTile(1),
+        player:  gameTile(2),
+        enemy:   gameTile(4),
+        coin:    gameTile(5),
 
         // small tiles
-        gun:     tile(2,8),
-        grenade: tile(3,8),
+        gun:     gameTile(vec2(0,2),8),
+        grenade: gameTile(vec2(1,2),8),
     };
+
     // setup level
     buildLevel();
 
     // init game
     score = deaths = 0;
-    gravity = -.01;
-    objectDefaultDamping = .99;
-    objectDefaultAngleDamping = .99;
-    cameraScale = 4*16;
-    cameraPos = getCameraTarget();
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -77,6 +77,10 @@ function gameUpdate()
     // M = move player to mouse
     if (keyWasPressed('KeyM'))
         player.pos = mousePos;
+
+    // R = restart level
+    if (keyWasPressed('KeyR'))
+        buildLevel();
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/platformer/gameCharacter.js

@@ -15,7 +15,7 @@ class Character extends GameObject
 {
     constructor(pos)
     { 
-        super(pos, vec2(.6,.95), tile());
+        super(pos, vec2(.6,.95));
 
         this.weapon = new Weapon(pos, this);
         this.lastPos = pos;
@@ -178,7 +178,7 @@ class Character extends GameObject
         
         // apply movement acceleration and clamp
         const maxCharacterSpeed = .2;
-        this.velocity.x = clamp(this.velocity.x + moveInput.x * .042, -maxCharacterSpeed, maxCharacterSpeed);
+        this.velocity.x = clamp(this.velocity.x + moveInput.x * .04, -maxCharacterSpeed, maxCharacterSpeed);
 
         // track last pos for ladder collision code
         this.lastPos = this.pos.copy();
@@ -226,7 +226,7 @@ class Character extends GameObject
         if (!this.isDead())
         {
             // bounce pos with walk cycle
-            bodyPos = bodyPos.add(vec2(0,.05*Math.sin(this.walkCyclePercent*PI)));
+            bodyPos = bodyPos.add(vec2(0,.01+.05*Math.sin(this.walkCyclePercent*PI)));
 
             // make bottom flush
             bodyPos = bodyPos.add(vec2(0,(this.drawSize.y-this.size.y)/2));

package/examples/platformer/gameLevel.js

@@ -35,6 +35,7 @@ function buildLevel()
 
     // spawn player
     player = new Player(playerStartPos);
+    cameraPos = getCameraTarget();
 }
 
 function loadLevel(level=0)

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?1100></script>
-<script src=gameObjects.js?1100></script>
-<script src=gameCharacter.js?1100></script>
-<script src=gamePlayer.js?1100></script>
-<script src=gameEffects.js?1100></script>
-<script src=gameLevel.js?1100></script>
-<script src=gameLevelData.js?1100></script>
-<script src=game.js?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
+<script src=gameObjects.js?1105></script>
+<script src=gameCharacter.js?1105></script>
+<script src=gamePlayer.js?1105></script>
+<script src=gameEffects.js?1105></script>
+<script src=gameLevel.js?1105></script>
+<script src=gameLevelData.js?1105></script>
+<script src=game.js?1105></script>

package/examples/puzzle/game.js

@@ -13,6 +13,7 @@ setShowSplashScreen(true);
 
 // do not use pixelated rendering
 setCanvasPixelated(false);
+setTilesPixelated(false);
 
 const fallTime = .2;
 const cameraOffset = vec2(0,-.5);
@@ -223,8 +224,8 @@ function gameRender()
 function gameRenderPost()
 {
     // draw text on top of everything
-    drawText('Score: ' + score,    cameraPos.add(vec2(-3,-3.1)), .9, hsl(), .1);
-    drawText('Best: ' + bestScore, cameraPos.add(vec2( 3,-3.1)), .9, hsl(), .1);
+    drawTextOverlay('Score: ' + score,    cameraPos.add(vec2(-3,-3.1)), .9, hsl(), .1);
+    drawTextOverlay('Best: ' + bestScore, cameraPos.add(vec2( 3,-3.1)), .9, hsl(), .1);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

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?1100></script>
-<script src=game.js?1100></script>
+<script src=../../dist/littlejs.js?1105></script>
+<script src=game.js?1105></script>

package/examples/starter/game.js

@@ -7,8 +7,9 @@
 
 'use strict';
 
-// show the LittleJS splash screen
-setShowSplashScreen(true);
+
+// fix texture bleeding by shrinking tile slightly
+tileFixBleedScale = .5;
 
 // sound effects
 const sound_click = new Sound([1,.5]);
@@ -63,7 +64,7 @@ function gameInit()
     // create particle emitter
     particleEmitter = new ParticleEmitter(
         vec2(16,9), 0,              // emitPos, emitAngle
-        0, 0, 500, PI,              // emitSize, emitTime, emitRate, emiteCone
+        0, 0, 0, PI,              // emitSize, emitTime, emitRate, emiteCone
         tile(0, 16),                // tileIndex, tileSize
         hsl(1,1,1),   hsl(0,0,0),   // colorStartA, colorStartB
         hsl(0,0,0,0), hsl(0,0,0,0), // colorEndA, colorEndB
@@ -108,19 +109,55 @@ function gameUpdatePost()
 function gameRender()
 {
     // draw a grey square in the background without using webgl
-    drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6), 0, false);
+    drawRect(vec2(16,8), vec2(202,214), hsl(0,0,.6), 0, false);
     
-    // draw the logo as a tile
-    drawTile(vec2(21,5), vec2(4.5), tile(3,128));
 }
 
 ///////////////////////////////////////////////////////////////////////////////
 function gameRenderPost()
 {
-    // draw to overlay canvas for hud rendering
-    drawTextScreen('LittleJS Engine Demo', 
-        vec2(mainCanvasSize.x/2, 70), 80,   // position, size
-        hsl(0,0,1), 6, hsl(0,0,0));         // color, outline size and color
+    drawNineSlice(vec2(10,10), vec2(4,4), tile(1))
+}
+
+function drawNineSlice(pos, size, tileInfo, context=overlayContext)
+{
+  // calculate the size of a slice
+  const s = tileInfo.size.x / 3;
+
+  // define the 9 parts as [x, y, width, height]
+  const part1 = [0, 0, s, s];
+  const part2 = [s, 0, s, s];
+  const part3 = [s * 2, 0, s, s];
+  const part4 = [0, s, s, s];
+  const part5 = [s, s, s, s];
+  const part6 = [s * 2, s, s, s];
+  const part7 = [0, s * 2, s, s];
+  const part8 = [s, s * 2, s, s];
+  const part9 = [s * 2, s * 2, s, s];
+
+  // target width/height (try different values!)
+  const width = 16 * size.x;
+  const height = 16 * size.y;
+
+  const img = tileInfo.getTextureInfo().image;
+
+  const originPos = pos.subtract(size.divide(vec2(2))).add(vec2( - 0.5));
+
+  // draw the corners
+  //context.imageSmoothingEnabled = false
+  context.drawImage(img, ...part1, originPos.x + 0, originPos.y + 0, s + 1, s + 1); // top left
+  context.drawImage(img, ...part3, originPos.x + width - s, originPos.y + 0, s + 1, s + 1); // top right
+  context.drawImage(img, ...part7, originPos.x + 0, originPos.y + height - s, s + 1, s + 1); // bottom left
+  context.drawImage(img, ...part9, originPos.x + width - s, originPos.y + height - s, s + 1, s + 1); // bottom right
+
+  // draw the edges
+  context.drawImage(img, ...part2, originPos.x + s, originPos.y + 0, width - 2 * s + 1, s + 1); // top
+  context.drawImage(img, ...part8, originPos.x + s, originPos.y + height - s, width - 2 * s + 1, s + 1); // bottom
+  context.drawImage(img, ...part4, originPos.x + 0, originPos.y + s, s + 1, height - 2 * s + 1); // left
+  context.drawImage(img, ...part6, originPos.x + width - s, originPos.y + s, s + 1, height - 2 * s + 1); // right
+
+  // draw the center
+  context.drawImage(img, ...part5, originPos.x + s, originPos.y + s, width - 2 * s + 1, height - 2 * s + 1);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/starter/index.html

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

package/examples/stress/index.html

@@ -7,7 +7,7 @@
 </head><body>
 
 <!-- LittleJS Engine -->
-<script src=../../dist/littlejs.min.js?1100></script>
+<script src=../../dist/littlejs.min.js?1105></script>
 <script>
 
 /*

package/examples/typescript/game.js

@@ -9,6 +9,8 @@ import * as LittleJS from '../../dist/littlejs.esm.js';
 const { tile, vec2, hsl } = LittleJS;
 // show the LittleJS splash screen
 LittleJS.setShowSplashScreen(true);
+// fix texture bleeding by shrinking tile slightly
+LittleJS.setTileFixBleedScale(.5);
 // sound effects
 const sound_click = new LittleJS.Sound([1, .5]);
 // medals

package/examples/typescript/game.ts

@@ -13,6 +13,9 @@ const {tile, vec2, hsl} = LittleJS;
 // show the LittleJS splash screen
 LittleJS.setShowSplashScreen(true);
 
+// fix texture bleeding by shrinking tile slightly
+LittleJS.setTileFixBleedScale(.5);
+
 // sound effects
 const sound_click = new LittleJS.Sound([1,.5]);
 

package/examples/typescript/index.html

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