littlejsengine 1.11.17 → 1.12.4

package/examples/typescript/game.ts

@@ -6,22 +6,22 @@
 
 'use strict';
 
-// import module
-import * as LittleJS from '../../dist/littlejs.esm.js';
-const {tile, vec2, hsl} = LittleJS;
+// import LittleJS module
+import * as LJS from '../../dist/littlejs.esm.js';
+const {tile, vec2, hsl} = LJS;
 
 // show the LittleJS splash screen
-LittleJS.setShowSplashScreen(true);
+LJS.setShowSplashScreen(true);
 
 // fix texture bleeding by shrinking tile slightly
-LittleJS.setTileFixBleedScale(.5);
+LJS.setTileFixBleedScale(.5);
 
 // sound effects
-const sound_click = new LittleJS.Sound([1,.5]);
+const sound_click = new LJS.Sound([1,.5]);
 
 // medals
-const medal_example = new LittleJS.Medal(0, 'Example Medal', 'Welcome to LittleJS!');
-LittleJS.medalsInit('Hello World');
+const medal_example = new LJS.Medal(0, 'Example Medal', 'Welcome to LittleJS!');
+LJS.medalsInit('Hello World');
 
 // game variables
 let particleEmitter;
@@ -30,46 +30,44 @@ let particleEmitter;
 function gameInit()
 {
     // create tile collision and visible tile layer
-    const tileCollisionSize = vec2(32, 16);
-    LittleJS.initTileCollision(tileCollisionSize);
     const pos = vec2();
-    const tileLayer = new LittleJS.TileLayer(pos, tileCollisionSize);
+    const tileLayer = new LJS.TileCollisionLayer(pos, vec2(32,16));
 
     // get level data from the tiles image
-    const mainContext = LittleJS.mainContext;
-    const tileImage = LittleJS.textureInfos[0].image;
+    const mainContext = LJS.mainContext;
+    const tileImage = LJS.textureInfos[0].image;
     mainContext.drawImage(tileImage, 0, 0);
     const imageData = mainContext.getImageData(0,0,tileImage.width,tileImage.height).data;
-    for (pos.x = tileCollisionSize.x; pos.x--;)
-    for (pos.y = tileCollisionSize.y; pos.y--;)
+    for (pos.x = tileLayer.size.x; pos.x--;)
+    for (pos.y = tileLayer.size.y; pos.y--;)
     {
         // check if this pixel is set
-        const i = pos.x + tileImage.width*(15 + tileCollisionSize.y - pos.y);
+        const i = pos.x + tileImage.width*(15 + tileLayer.size.y - pos.y);
         if (!imageData[4*i])
             continue;
         
         // set tile data
         const tileIndex = 1;
-        const direction = LittleJS.randInt(4)
-        const mirror = !LittleJS.randInt(2);
-        const color = LittleJS.randColor();
-        const data = new LittleJS.TileLayerData(tileIndex, direction, mirror, color);
+        const direction = LJS.randInt(4)
+        const mirror = !LJS.randInt(2);
+        const color = LJS.randColor();
+        const data = new LJS.TileLayerData(tileIndex, direction, mirror, color);
         tileLayer.setData(pos, data);
-        LittleJS.setTileCollisionData(pos, 1);
+        tileLayer.setCollisionData(pos);
     }
 
     // draw tile layer with new data
     tileLayer.redraw();
 
     // move camera to center of collision
-    LittleJS.setCameraPos(tileCollisionSize.scale(.5));
-    LittleJS.setCameraScale(32);
+    LJS.setCameraPos(tileLayer.size.scale(.5));
+    LJS.setCameraScale(32);
 
     // enable gravity
-    LittleJS.setGravity(-.01);
+    LJS.setGravity(vec2(0,-.01));
 
     // create particle emitter
-    particleEmitter = new LittleJS.ParticleEmitter(
+    particleEmitter = new LJS.ParticleEmitter(
         vec2(16,9), 0,              // emitPos, emitAngle
         1, 0, 500, Math.PI,         // emitSize, emitTime, emitRate, emitCone
         tile(0, 16),                // tileIndex, tileSize
@@ -86,14 +84,14 @@ function gameInit()
 ///////////////////////////////////////////////////////////////////////////////
 function gameUpdate()
 {
-    if (LittleJS.mouseWasPressed(0))
+    if (LJS.mouseWasPressed(0))
     {
         // play sound when mouse is pressed
-        sound_click.play(LittleJS.mousePos);
+        sound_click.play(LJS.mousePos);
 
         // change particle color and set to fade out
         particleEmitter.colorStartA = hsl();
-        particleEmitter.colorStartB = LittleJS.randColor();
+        particleEmitter.colorStartB = LJS.randColor();
         particleEmitter.colorEndA = particleEmitter.colorStartA.scale(1,0);
         particleEmitter.colorEndB = particleEmitter.colorStartB.scale(1,0);
 
@@ -102,8 +100,8 @@ function gameUpdate()
     }
 
     // move particles to mouse location if on screen
-    if (LittleJS.mousePosScreen.x)
-        particleEmitter.pos = LittleJS.mousePos;
+    if (LJS.mousePosScreen.x)
+        particleEmitter.pos = LJS.mousePos;
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -116,19 +114,19 @@ function gameUpdatePost()
 function gameRender()
 {
     // draw a grey square in the background without using webgl
-    LittleJS.drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6), 0, false);
+    LJS.drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6), 0, false);
     
     // draw the logo as a tile
-    LittleJS.drawTile(vec2(21,5), vec2(4.5), tile(3,128));
+    LJS.drawTile(vec2(21,5), vec2(4.5), tile(3,128));
 }
 
 ///////////////////////////////////////////////////////////////////////////////
 function gameRenderPost()
 {
     // draw to overlay canvas for hud rendering
-    LittleJS.drawTextScreen('LittleJS with TypeScript', vec2(LittleJS.mainCanvasSize.x/2, 80), 80);
+    LJS.drawTextScreen('LittleJS with TypeScript', vec2(LJS.mainCanvasSize.x/2, 80), 80);
 }
 
 ///////////////////////////////////////////////////////////////////////////////
 // Startup LittleJS Engine
-LittleJS.engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);
+LJS.engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);

package/examples/typescript/index.html

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

package/examples/uiSystem/game.js

@@ -6,8 +6,12 @@
 
 'use strict';
 
+// import LittleJS module
+import * as LJS from '../../dist/littlejs.esm.js';
+const {vec2, hsl, tile} = LJS;
+
 // sound effects
-const sound_ui = new Sound([1,0]);
+const sound_ui = new LJS.Sound([1,0]);
 
 // UI system
 let uiRoot, uiMenu;
@@ -15,43 +19,43 @@ const getMenuVisible =()=> uiMenu.visible;
 const setMenuVisible =(visible)=> uiMenu.visible = visible;
 
 // use a fixed size canvas
-canvasFixedSize = vec2(1920, 1080); // 1080p
-canvasPixelated = false;
+LJS.setCanvasFixedSize(vec2(1920, 1080)); // 1080p
+LJS.setCanvasPixelated(false);
 
 function createUI()
 {
     // setup root to attach all ui elements to
-    uiRoot = new UIObject();
-    const uiInfo = new UIText(vec2(0,90), vec2(1e3, 70), 
+    uiRoot = new LJS.UIObject();
+    const uiInfo = new LJS.UIText(vec2(0,90), vec2(1e3, 70), 
         'LittleJS UI System Example\nM = Toggle menu');
-    uiInfo.textColor = WHITE;
+    uiInfo.textColor = LJS.WHITE;
     uiInfo.lineWidth = 8;
     uiRoot.addChild(uiInfo);
 
     // setup example menu
-    uiMenu = new UIObject(vec2(0,450));
+    uiMenu = new LJS.UIObject(vec2(0,450));
     uiRoot.addChild(uiMenu);
-    const uiBackground = new UIObject(vec2(0,0), vec2(450,580));
+    const uiBackground = new LJS.UIObject(vec2(0,0), vec2(450,580));
     uiBackground.lineWidth = 8;
     uiMenu.addChild(uiBackground);
 
     // example large text
-    const textTitle = new UIText(vec2(0,-220), vec2(500, 90), 'Test Title');
+    const textTitle = new LJS.UIText(vec2(0,-220), vec2(500, 90), 'Test Title');
     uiMenu.addChild(textTitle);
-    textTitle.textColor = RED;
+    textTitle.textColor = LJS.RED;
     textTitle.lineWidth = 4;
-    textTitle.lineColor = BLUE;
+    textTitle.lineColor = LJS.BLUE;
 
     // example multiline text
-    const textTest = new UIText(vec2(-60,-140), vec2(300, 50), 'Test Text\nSecond text line.')
+    const textTest = new LJS.UIText(vec2(-60,-140), vec2(300, 50), 'Test Text\nSecond text line.')
     uiMenu.addChild(textTest);
 
     // example tile image
-    const tileTest = new UITile(vec2(150,-130), vec2(110), tile(3,128))
+    const tileTest = new LJS.UITile(vec2(150,-130), vec2(110), tile(3,128))
     uiMenu.addChild(tileTest);
 
     // example checkbox
-    const checkbox = new UICheckbox(vec2(-140,-20), vec2(40));
+    const checkbox = new LJS.UICheckbox(vec2(-140,-20), vec2(40));
     uiMenu.addChild(checkbox);
     checkbox.onPress = ()=>
     {
@@ -61,18 +65,18 @@ function createUI()
     }
 
     // text attached to checkbox
-    const checkboxText = new UIText(vec2(170,0), vec2(300, 40), 'Test Checkbox');
+    const checkboxText = new LJS.UIText(vec2(170,0), vec2(300, 40), 'Test Checkbox');
     checkbox.addChild(checkboxText);
 
     // example scrollbar
-    const scrollbar = new UIScrollbar(vec2(0,60), vec2(350, 50));
+    const scrollbar = new LJS.UIScrollbar(vec2(0,60), vec2(350, 50));
     uiMenu.addChild(scrollbar);
     scrollbar.onChange  = ()=> console.log('New scrollbar value:', scrollbar.value);
     scrollbar.onPress   = ()=> sound_ui.play(0,.3,2);
     scrollbar.onRelease = ()=> sound_ui.play(0,.3,4);
 
     // example button
-    const button1 = new UIButton(vec2(0,140), vec2(350, 50), 'Test Button');
+    const button1 = new LJS.UIButton(vec2(0,140), vec2(350, 50), 'Test Button');
     uiMenu.addChild(button1);
     button1.onPress = ()=>
     {
@@ -81,7 +85,7 @@ function createUI()
     }
 
     // exit button
-    const button2 = new UIButton(vec2(0,220), vec2(350, 50), 'Exit Menu');
+    const button2 = new LJS.UIButton(vec2(0,220), vec2(350, 50), 'Exit Menu');
     uiMenu.addChild(button2);
     button2.onPress = ()=>
     {
@@ -94,7 +98,7 @@ function createUI()
 ///////////////////////////////////////////////////////////////////////////////
 function gameInit()
 {
-    new UISystemPlugin;
+    new LJS.UISystemPlugin;
     createUI();
 }
 
@@ -106,27 +110,26 @@ function gameUpdate()
 ///////////////////////////////////////////////////////////////////////////////
 function gameUpdatePost()
 {
-    // center ui
-    uiRoot.pos.x = mainCanvasSize.x/2;
+    // toggle menu visibility
+    if (LJS.keyWasPressed('KeyM'))
+        setMenuVisible(!getMenuVisible());
 
-    // menu system
-    const menuVisible = getMenuVisible();
-    paused = menuVisible;
+    // center ui
+    uiRoot.pos.x = LJS.mainCanvasSize.x/2;
 
-    // toggle menu visibility
-    if (keyWasPressed('KeyM'))
-        setMenuVisible(!menuVisible);
+    // pause when menu is visible
+    LJS.setPaused(getMenuVisible())
 }
 
 ///////////////////////////////////////////////////////////////////////////////
 function gameRender()
 {
     // test game rendering
-    drawRect(vec2(), vec2(1e3), hsl(0,0,.2));
+    LJS.drawRect(vec2(), vec2(1e3), hsl(0,0,.2));
     for(let i=0; i<1e3; ++i)
     {
-        const pos = vec2(30*Math.sin(i+time/9),20*Math.sin(i*i+time/9));
-        drawTile(pos, vec2(2), tile(3,128), hsl(i/9,1,.4), time+i, !(i%2), hsl(i/9,1,.1,0));
+        const pos = vec2(30*Math.sin(i+LJS.time/9),20*Math.sin(i*i+LJS.time/9));
+        LJS.drawTile(pos, vec2(2), tile(3,128), hsl(i/9,1,.4), LJS.time+i, !(i%2), hsl(i/9,1,.1,0));
     }
 }
 
@@ -137,4 +140,4 @@ function gameRenderPost()
 
 ///////////////////////////////////////////////////////////////////////////////
 // Startup LittleJS Engine
-engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);
+LJS.engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);

package/examples/uiSystem/index.html

@@ -6,9 +6,5 @@
 <link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<!-- LittleJS Engine -->
-<script src=../../dist/littlejs.js?11115></script>
-
 <!-- Add your game scripts here -->
-<script src=../../plugins/uiSystem.js?11115></script>
-<script src=game.js?11115></script>
+<script src=game.js type=module></script>

package/package.json

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

package/plugins/box2d.js

@@ -24,6 +24,10 @@ let box2d;
  *  @default */
 let box2dDebug = false;
 
+/** Enable Box2D debug drawing
+ *  @param {boolean} enable */
+function box2dSetDebug(enable) { box2dDebug = enable; }
+
 ///////////////////////////////////////////////////////////////////////////////
 /** 
  * Box2D Object - extend with your own custom physics objects
@@ -1427,7 +1431,7 @@ class Box2dPlugin
      *  @param {number} [frames] */
     step(frames=1)
     {
-        box2d.world.SetGravity(box2d.vec2dTo(vec2(0,gravity)));
+        box2d.world.SetGravity(box2d.vec2dTo(gravity));
         for (let i=frames; i--;)
             box2d.world.Step(timeDelta, this.velocityIterations, this.positionIterations);
     }
@@ -1568,8 +1572,8 @@ class Box2dPlugin
         aabb.set_upperBound(box2d.vec2dTo(pos));
 
         let queryObject;
-        debugRaycast && debugRect(pos, vec2(), queryObject ? '#f00' : '#00f', .02);
         box2d.world.QueryAABB(queryCallback, aabb);
+        debugRaycast && debugRect(pos, vec2(), queryObject ? '#f00' : '#00f', .02);
         return queryObject;
     }
 

package/plugins/pluginExport.js

@@ -2,8 +2,6 @@
  * LittleJS Module Plugins Export
  */
 
-'use strict';
-
 export
 {
     // Newgrounds
@@ -31,6 +29,7 @@ export
     // Box2D Physics
     box2d,
     box2dDebug,
+    box2dSetDebug,
     box2dEngineInit,
     Box2dPlugin,
     Box2dObject,

package/reference.md

@@ -13,7 +13,7 @@ To start LittleJS, you need to create a few functions and pass them to engineIni
 
 ```javascript
 // Start up LittleJS engine with your callback functions
-engineInit(init, update, updatePost, render, renderPost, imageSources=['tiles.png']);
+engineInit(init, update, updatePost, render, renderPost, imageSources=[]);
 ```
 
 ## LittleJS Utilities Classes and Functions
@@ -29,7 +29,7 @@ engineInit(init, update, updatePost, render, renderPost, imageSources=['tiles.pn
 vec2(x=0, y=x)                                // Create a 2D vector with Vector or floats
 rgb(r=1, g=1, b=1, a=1)                       // Create a color object with RGBA values
 hsl(h=0, s=0, l=1, a=1)                       // Create a color object with HSLA values
-tile(pos=(0,0), size, textureIndex=0)         // Create a tile info object
+tile(pos, size=(16,16), texture=0, padding=0) // Create a tile info object
 
 // Helper functions 
 abs(value)                                    // Get absolute value
@@ -131,12 +131,12 @@ Timer.valueOf()        // Get how long since elapsed, 0 if not set
 
 ```javascript
 // Drawing functions
-drawTile(pos, size=(1,1), tileInfo, color, angle=0, mirror, additiveColor)
-drawRect(pos, size=(1,1), color=(1,1,1,1), angle=0)
-drawLine(posA, posB, thickness=.1, color=(1,1,1,1))
+drawTile(pos, size=(1,1), tileInfo, color=WHITE, angle=0, mirror, additiveColor)
+drawRect(pos, size=(1,1), color=WHITE, angle=0)
+drawLine(posA, posB, thickness=.1, color=WHITE)
 drawCanvas2D(pos, size, angle, mirror, drawFunction)
-drawText(text, pos, size=1, color=(1,1,1,1), lineWidth, lineColor)
-drawTextScreen(text, pos, size=1, color=(1,1,1,1), lineWidth, lineColor)
+drawText(text, pos, size=1, color=WHITE, lineWidth, lineColor)
+drawTextScreen(text, pos, size=1, color=WHITE, lineWidth, lineColor)
 setBlendMode(additive)
 toggleFullscreen()
 isFullscreen()
@@ -172,10 +172,15 @@ getCameraSize()          // Get the camera's visible area in world space
 canvasMaxSize = (1920, 1200)  // The max size of the canvas
 canvasFixedSize = (0, 0)      // Fixed size of the canvas
 fontDefault = 'arial'         // Default font used for text rendering
-canvasPixelated = true        // Disable filtering for crisper pixel art?
-showSplashScreen = false      // Show the LittleJS splash screen on startup?
-glEnable = true               // Enable fast WebGL rendering?
-glOverlay = true              // Prevent compositing the WebGL canvas?
+canvasPixelated = true        // Use nearest neighbor canvas scaling for more pixelated look
+tilesPixelated = true         // Disable filtering for crisper pixel art
+showSplashScreen = false      // Show the LittleJS splash screen on startup
+glEnable = true               // Enable fast WebGL rendering
+glOverlay = true              // Prevent compositing the WebGL canvas
+
+// Tile sheet settings
+tileSizeDefault = (16,16)  // Default size of tiles in pixels
+tileFixBleedScale = .3     // How much smaller to draw tiles to prevent bleeding
 ```
 
 ## LittleJS Audio System
@@ -224,7 +229,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
+keyDirection(up, down, left, right)                        // Get input vector from arrow keys or wasd
 
 // Mouse / Touch
 mousePos                              // World space mouse position
@@ -276,7 +281,7 @@ touchGamepadAlpha = .3                // Transparency of touch gamepad overlay
 
 ```javascript
 // Engine Object
-EngineObject(pos=(0,0), size=(1,1), tileInfo, angle=0, color, renderOrder=0)
+EngineObject(pos, size=(1,1), tileInfo, angle=0, color, renderOrder=0)
 EngineObject.update()                              // Update object, called automatically
 EngineObject.render()                              // Render object, called automatically
 EngineObject.destroy()                             // Destroy this object and children
@@ -317,7 +322,7 @@ objectDefaultAngleDamping = 1 // How much to slow angular velocity each frame (0
 objectDefaultElasticity = 0   // How much to bounce when a collision occurs (0-1)
 objectDefaultFriction = .8    // How much to slow when touching (0-1)
 objectMaxSpeed = 1            // Clamp max speed to avoid fast objects missing collisions
-gravity = 0                   // How much gravity to apply to objects
+gravity = (0,0)               // How much gravity to apply to objects
 
 // Engine Object functions
 engineObjectsCollect(pos, size, objects=engineObjects)k
@@ -336,15 +341,8 @@ engineObjectsDestroy()
 - Drawn directly to the main canvas without using WebGL
 
 ```javascript
-// Tile Collision System
-tileCollisionSize                              // Size of the tile collision layer
-initTileCollision(size)                        // Clear and initialize tile collision
-setTileCollisionData(pos, data=0)              // Set tile collision data at pos
-getTileCollisionData(pos)                      // Get tile collision data at pos
-tileCollisionTest(pos, size=(0,0), object)     // Check if collision should occur
-tileCollisionRaycast(posStart, posEnd, object) // Return the center of tile if hit
-
-// Tile Layer Object
+
+// LittleJS Layer System
 TileLayer(position, size, tileInfo, scale)     // Create a tile layer object
 TileLayer.setData(layerPos, data, redraw)      // Set data at position
 TileLayer.getData(layerPos)                    // Get data at position
@@ -355,12 +353,16 @@ TileLayer.drawTile(pos, size=(1,1), tileInfo, color, angle, mirror) // Draw tile
 TileLayer.drawCanvas2D(pos, size, angle, mirror, drawFunction)      // Draw to 2D canvas
 
 // Tile Layer Data Object
-TileLayerData(tile, direction=0, mirror=false, color=(1,1,1,1)) // Create tile data object
+TileLayerData(tile, direction=0, mirror=false, color=WHITE) // Create tile data object
 TileLayerData.clear()      // Clear this tile data
 
-// Tile sheet settings
-tileSizeDefault = (16,16)  // Default size of tiles in pixels
-tileFixBleedScale = .3     // How much smaller to draw tiles to prevent bleeding
+// Tile Collision Layer
+TileCollisionLayer(position, size, tileInfo=tile()) // Create a tile collision layer object
+TileCollisionLayer.size                             // Size of the tile collision layer
+TileCollisionLayer.setCollisionData(pos, data=1)    // Set tile collision data at pos
+getTileCollisionData(pos)                           // Get tile collision data at pos
+tileCollisionTest(pos, size=(0,0), object)          // Check if collision should occur
+tileCollisionRaycast(posStart, posEnd, object)      // Return the center of tile if hit
 ```
 
 ## LittleJS Particle System

package/src/engine.js

@@ -30,7 +30,7 @@ const engineName = 'LittleJS';
  *  @type {string}
  *  @default
  *  @memberof Engine */
-const engineVersion = '1.11.17';
+const engineVersion = '1.12.4';
 
 /** Frames per second to update
  *  @type {number}

package/src/engineBuild.js

@@ -35,7 +35,6 @@ const enginePluginFiles =
     `${PLUGIN_FOLDER}/zzfxm.js`,
     `${PLUGIN_FOLDER}/uiSystem.js`,
     `${PLUGIN_FOLDER}/box2d.js`,
-    `${PLUGIN_FOLDER}/pluginExport.js`,
 ];
 const asciiArt =`
       ~~~~°°°°ooo°oOo°ooOooOooOo.
@@ -65,7 +64,11 @@ Build
 (
     'Build Engine -- all',
     `${BUILD_FOLDER}/${ENGINE_NAME}.js`,
-    [`${SOURCE_FOLDER}/engineDebug.js`, ...engineSourceFiles],
+    [
+        `${SOURCE_FOLDER}/engineDebug.js`, 
+        ...engineSourceFiles, 
+        ...enginePluginFiles
+    ],
     [], true
 );
 
@@ -73,7 +76,11 @@ Build
 (
     'Build Engine -- release',
     `${BUILD_FOLDER}/${ENGINE_NAME}.release.js`,
-    [`${SOURCE_FOLDER}/engineRelease.js`, ...engineSourceFiles],
+    [
+        `${SOURCE_FOLDER}/engineRelease.js`, 
+        ...engineSourceFiles, 
+        ...enginePluginFiles
+    ],
     [], true
 );
 
@@ -92,7 +99,7 @@ Build
     [
         `${BUILD_FOLDER}/${ENGINE_NAME}.js`, 
         `${SOURCE_FOLDER}/engineExport.js`, 
-        ...enginePluginFiles
+        `${PLUGIN_FOLDER}/pluginExport.js`
     ],
     [typeScriptBuildStep]
 );
@@ -104,9 +111,9 @@ Build
     [
         `${BUILD_FOLDER}/${ENGINE_NAME}.release.js`, 
         `${SOURCE_FOLDER}/engineExport.js`, 
-        ...enginePluginFiles
+        `${PLUGIN_FOLDER}/pluginExport.js`
     ],
-    [closureCompilerStep, uglifyBuildStep]
+    [uglifyBuildStep]
 );
 
 console.log(`Engine built in ${((Date.now() - startTime)/1e3).toFixed(2)} seconds!`);

package/src/engineDebug.js

@@ -329,11 +329,9 @@ function debugRender()
             }
         }
 
-        if (tileCollisionSize.x > 0 && tileCollisionSize.y > 0)
+        if (tileCollisionLayers.length) // show floored tile pick if there is tile collision
             drawRect(mousePos.floor().add(vec2(.5)), vec2(1), rgb(0,0,1,.5), 0, false);
         mainContext = saveContext;
-
-        //glCopyToContext(mainContext = saveContext);
     }
 
     {

package/src/engineExport.js

@@ -2,8 +2,6 @@
  * LittleJS Module Export
  */
 
-'use strict';
-
 export
 {
 	// Engine
@@ -279,15 +277,13 @@ export
 	EngineObject,
 
 	// Tiles
-	tileCollision,
-	tileCollisionSize,
-	initTileCollision,
-	setTileCollisionData,
+	tileCollisionLayers,
 	getTileCollisionData,
 	tileCollisionTest,
 	tileCollisionRaycast,
 	TileLayerData,
 	TileLayer,
+	TileCollisionLayer,
 
 	// Particles
 	ParticleEmitter,

package/src/engineInput.js

@@ -314,7 +314,9 @@ function gamepadsUpdate()
                 const button = gamepad.buttons[j];
                 const wasDown = gamepadIsDown(j,i);
                 data[j] = button.pressed ? wasDown ? 1 : 3 : wasDown ? 4 : 0;
-                isUsingGamepad ||= !i && button.pressed;
+                if (!button.value || button.value > .9) // must be a full press
+                if (!i && button.pressed)
+                    isUsingGamepad = true;
             }
 
             if (gamepadDirectionEmulateStick)