littlejsengine 1.4.6 → 1.4.8

package/engine/engineWebGL.js

@@ -27,7 +27,7 @@ let glContext;
 let glTileTexture;
 
 // WebGL internal variables not exposed to documentation
-let glActiveTexture, glShader, glArrayBuffer, glVertexData, glPositionData, glColorData, glBatchCount, glBatchAdditive, glAdditive;
+let glActiveTexture, glShader, glArrayBuffer, glPositionData, glColorData, glBatchCount, glBatchAdditive, glAdditive;
 
 ///////////////////////////////////////////////////////////////////////////////
 
@@ -37,7 +37,6 @@ function glInit()
     // create the canvas and tile texture
     glCanvas = document.createElement('canvas');
     glContext = glCanvas.getContext('webgl', {antialias: false});
-    glCanvas.style = styleCanvas;
     glTileTexture = glCreateTexture(tileImage);
 
     // some browsers are much faster without copying the gl buffer so we just overlay it instead
@@ -49,27 +48,25 @@ function glInit()
         'uniform mat4 m;'+            // transform matrix
         'attribute vec2 p,t;'+        // position, uv
         'attribute vec4 c,a;'+        // color, additiveColor
-        'varying vec2 v;'+            // return uv
-        'varying vec4 d,e;'+          // return color, additiveColor
+        'varying vec4 v,d,e;'+        // return uv, color, additiveColor
         'void main(){'+               // shader entry point
         'gl_Position=m*vec4(p,1,1);'+ // transform position
-        'v=t;d=c;e=a;'+               // pass stuff to fragment shader
+        'v=vec4(t,p);d=c;e=a;'+       // pass stuff to fragment shader
         '}'                           // end of shader
         ,
-        'precision highp float;'+           // use highp for better accuracy
-        'varying vec2 v;'+                  // uv
-        'varying vec4 d,e;'+                // color, additiveColor
-        'uniform sampler2D s;'+             // texture
-        'void main(){'+                     // shader entry point
-        'gl_FragColor=texture2D(s,v)*d+e;'+ // modulate texture by color plus additive
-        '}'                                 // end of shader
+        'precision highp float;'+              // use highp for better accuracy
+        'varying vec4 v,d,e;'+                 // uv, color, additiveColor
+        'uniform sampler2D s;'+                // texture
+        'void main(){'+                        // shader entry point
+        'gl_FragColor=texture2D(s,v.xy)*d+e;'+ // modulate texture by color plus additive
+        '}'                                    // end of shader
     );
 
     // init buffers
-    glVertexData = new ArrayBuffer(gl_MAX_BATCH * gl_VERTICES_PER_QUAD * gl_VERTEX_BYTE_STRIDE);
+    const vertexData = new ArrayBuffer(gl_VERTEX_BUFFER_SIZE);
     glArrayBuffer = glContext.createBuffer();
-    glPositionData = new Float32Array(glVertexData);
-    glColorData = new Uint32Array(glVertexData);
+    glPositionData = new Float32Array(vertexData);
+    glColorData = new Uint32Array(vertexData);
     glBatchCount = 0;
 }
 
@@ -144,18 +141,19 @@ function glCreateTexture(image)
     image && image.width && glContext.texImage2D(gl_TEXTURE_2D, 0, gl_RGBA, gl_RGBA, gl_UNSIGNED_BYTE, image);
         
     // use point filtering for pixelated rendering
-    glContext.texParameteri(gl_TEXTURE_2D, gl_TEXTURE_MIN_FILTER, cavasPixelated ? gl_NEAREST : gl_LINEAR);
-    glContext.texParameteri(gl_TEXTURE_2D, gl_TEXTURE_MAG_FILTER, cavasPixelated ? gl_NEAREST : gl_LINEAR);
+    const filter = cavasPixelated ? gl_NEAREST : gl_LINEAR;
+    glContext.texParameteri(gl_TEXTURE_2D, gl_TEXTURE_MIN_FILTER, filter);
+    glContext.texParameteri(gl_TEXTURE_2D, gl_TEXTURE_MAG_FILTER, filter);
     glContext.texParameteri(gl_TEXTURE_2D, gl_TEXTURE_WRAP_S, gl_CLAMP_TO_EDGE);
     glContext.texParameteri(gl_TEXTURE_2D, gl_TEXTURE_WRAP_T, gl_CLAMP_TO_EDGE);
     return texture;
 }
 
 // called automatically by engine before render
-function glPreRender(width, height, cameraX, cameraY, cameraScale)
+function glPreRender()
 {
     // clear and set to same size as main canvas
-    glContext.viewport(0, 0, glCanvas.width = width, glCanvas.height = height);
+    glContext.viewport(0, 0, glCanvas.width = mainCanvas.width, glCanvas.height = mainCanvas.height);
     glContext.clear(gl_COLOR_BUFFER_BIT);
 
     // set up the shader
@@ -163,7 +161,7 @@ function glPreRender(width, height, cameraX, cameraY, cameraScale)
     glContext.activeTexture(gl_TEXTURE0);
     glContext.bindTexture(gl_TEXTURE_2D, glActiveTexture = glTileTexture);
     glContext.bindBuffer(gl_ARRAY_BUFFER, glArrayBuffer);
-    glContext.bufferData(gl_ARRAY_BUFFER, glVertexData.byteLength, gl_DYNAMIC_DRAW);
+    glContext.bufferData(gl_ARRAY_BUFFER, gl_VERTEX_BUFFER_SIZE, gl_DYNAMIC_DRAW);
     glSetBlendMode();
     
     // set vertex attributes
@@ -181,14 +179,14 @@ function glPreRender(width, height, cameraX, cameraY, cameraScale)
     initVertexAttribArray('a', gl_UNSIGNED_BYTE, 1, 4, 1); // additiveColor
 
     // build the transform matrix
-    const sx = 2 * cameraScale / width;
-    const sy = 2 * cameraScale / height;
+    const sx = 2 * cameraScale / mainCanvas.width;
+    const sy = 2 * cameraScale / mainCanvas.height;
     glContext.uniformMatrix4fv(glContext.getUniformLocation(glShader, 'm'), 0,
         new Float32Array([
             sx, 0, 0, 0,
             0, sy, 0, 0,
             1, 1, -1, 1,
-            -1-sx*cameraX, -1-sy*cameraY, 0, 0
+            -1-sx*cameraPos.x, -1-sy*cameraPos.y, 0, 0
         ])
     );
 }
@@ -236,10 +234,10 @@ function glCopyToContext(context, forceDraw)
  *  @param uv0Y
  *  @param uv1X
  *  @param uv1Y
- *  @param [rgba=0xffffffff]
+ *  @param rgba
  *  @param [rgbaAdditive=0]
  *  @memberof WebGL */
-function glDraw(x, y, sizeX, sizeY, angle, uv0X, uv0Y, uv1X, uv1Y, rgba=0xffffffff, rgbaAdditive=0)
+function glDraw(x, y, sizeX, sizeY, angle, uv0X, uv0Y, uv1X, uv1Y, rgba, rgbaAdditive=0)
 {
     // flush if there is no room for more verts or if different blend mode
     if (glBatchCount == gl_MAX_BATCH || glBatchAdditive != glAdditive)
@@ -250,43 +248,16 @@ function glDraw(x, y, sizeX, sizeY, angle, uv0X, uv0Y, uv1X, uv1Y, rgba=0xffffff
     const cx = c*sizeX, cy = c*sizeY, sx = s*sizeX, sy = s*sizeY;
         
     // setup 2 triangles to form a quad
-    let offset = glBatchCount++ * gl_VERTICES_PER_QUAD * gl_INDICIES_PER_VERT;
-
-    // vertex 0
-    glPositionData[offset++] = x - cx - sy;
-    glPositionData[offset++] = y - cy + sx;
-    glPositionData[offset++] = uv0X; glPositionData[offset++] = uv1Y;
-    glColorData[offset++]    = rgba; glColorData[offset++]    = rgbaAdditive;
-    
-    // vertex 1
-    glPositionData[offset++] = x + cx + sy;
-    glPositionData[offset++] = y + cy - sx;
-    glPositionData[offset++] = uv1X; glPositionData[offset++] = uv0Y;
-    glColorData[offset++]    = rgba; glColorData[offset++]    = rgbaAdditive;
-    
-    // vertex 2
-    glPositionData[offset++] = x - cx + sy;
-    glPositionData[offset++] = y + cy + sx;
-    glPositionData[offset++] = uv0X; glPositionData[offset++] = uv0Y;
-    glColorData[offset++]    = rgba; glColorData[offset++]    = rgbaAdditive;
-    
-    // vertex 0
-    glPositionData[offset++] = x - cx - sy;      
-    glPositionData[offset++] = y - cy + sx;  
-    glPositionData[offset++] = uv0X; glPositionData[offset++] = uv1Y;
-    glColorData[offset++]    = rgba; glColorData[offset++]    = rgbaAdditive;
-
-    // vertex 3
-    glPositionData[offset++] = x + cx - sy;
-    glPositionData[offset++] = y - cy - sx;
-    glPositionData[offset++] = uv1X; glPositionData[offset++] = uv1Y;
-    glColorData[offset++]    = rgba; glColorData[offset++]    = rgbaAdditive;
-
-    // vertex 1
-    glPositionData[offset++] = x + cx + sy;
-    glPositionData[offset++] = y + cy - sx;
-    glPositionData[offset++] = uv1X; glPositionData[offset++] = uv0Y;
-    glColorData[offset++]    = rgba; glColorData[offset++]    = rgbaAdditive;
+    for(let i=6, offset = glBatchCount++ * gl_VERTICES_PER_QUAD * gl_INDICIES_PER_VERT; i--;)
+    {
+        const a = i-4&&i>1, b = i-5&&i-2&&i-1;
+        glPositionData[offset++] = x + (a?-cx:cx) + (b?sy:-sy);
+        glPositionData[offset++] = y + (b?cy:-cy) + (a?sx:-sx);
+        glPositionData[offset++] = a ? uv0X : uv1X; 
+        glPositionData[offset++] = b ? uv0Y : uv1Y;
+        glColorData[offset++] = rgba; 
+        glColorData[offset++] = rgbaAdditive;
+    }
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -338,14 +309,13 @@ function glRenderPostProcess()
         return;
     
     // prepare to render post process shader
-    const width = mainCanvas.width, height = mainCanvas.height;
     if (glEnable)
     {
         glFlush(); // clear out the buffer
         mainContext.drawImage(glCanvas, 0, 0); // copy to the main canvas
     }
-    else
-        glContext.viewport(0, 0, glCanvas.width = width, glCanvas.height = height); // set viewport
+    else // set viewport
+        glContext.viewport(0, 0, glCanvas.width = mainCanvas.width, glCanvas.height = mainCanvas.height);
 
     // setup shader program to draw one triangle
     glContext.useProgram(glPostShader);
@@ -369,7 +339,7 @@ function glRenderPostProcess()
     const uniformLocation = (name)=>glContext.getUniformLocation(glPostShader, name);
     glContext.uniform1i(uniformLocation('iChannel0'), 0);
     glContext.uniform1f(uniformLocation('iTime'), time);
-    glContext.uniform3f(uniformLocation('iResolution'), width, height, 1);
+    glContext.uniform3f(uniformLocation('iResolution'), mainCanvas.width, mainCanvas.height, 1);
     glContext.drawArrays(gl_TRIANGLES, 0, 3);
 }
 
@@ -409,4 +379,5 @@ gl_UNPACK_FLIP_Y_WEBGL = 37440,
 gl_VERTICES_PER_QUAD = 6,
 gl_INDICIES_PER_VERT = 6,
 gl_MAX_BATCH = 1<<16,
-gl_VERTEX_BYTE_STRIDE = (4 * 2) * 2 + (4) * 2; // vec2 * 2 + (char * 4) * 2
+gl_VERTEX_BYTE_STRIDE = (4 * 2) * 2 + (4) * 2, // vec2 * 2 + (char * 4) * 2
+gl_VERTEX_BUFFER_SIZE = gl_MAX_BATCH * gl_VERTICES_PER_QUAD * gl_VERTEX_BYTE_STRIDE;

package/engine/index.d.ts

@@ -1,6 +1,6 @@
 /** Draw textured tile centered in world space, with color applied if using WebGL
  *  @param {Vector2} pos                                - Center of the tile in world space
- *  @param {Vector2} [size=new Vector2(1,1)]            - Size of the tile in world space, width and height
+ *  @param {Vector2} [size=new Vector2(1,1)]            - Size of the tile in world space
  *  @param {Number}  [tileIndex=-1]                     - Tile index to use, negative is untextured
  *  @param {Vector2} [tileSize=tileSizeDefault]         - Tile size in source pixels
  *  @param {Color}   [color=new Color(1,1,1)]           - Color to modulate with
@@ -183,7 +183,7 @@ declare function glCreateProgram(vsSource: WebGLShader, fsSource: WebGLShader):
  *  @return {WebGLTexture}
  *  @memberof WebGL */
 declare function glCreateTexture(image: new (width?: number, height?: number) => HTMLImageElement): WebGLTexture;
-declare function glPreRender(width: any, height: any, cameraX: any, cameraY: any, cameraScale: any): void;
+declare function glPreRender(): void;
 /** Draw all sprites and clear out the buffer, called automatically by the system whenever necessary
  *  @memberof WebGL */
 declare function glFlush(): void;
@@ -202,15 +202,19 @@ declare function glCopyToContext(context: CanvasRenderingContext2D, forceDraw?:
  *  @param uv0Y
  *  @param uv1X
  *  @param uv1Y
- *  @param [rgba=0xffffffff]
+ *  @param rgba
  *  @param [rgbaAdditive=0]
  *  @memberof WebGL */
-declare function glDraw(x: any, y: any, sizeX: any, sizeY: any, angle: any, uv0X: any, uv0Y: any, uv1X: any, uv1Y: any, rgba?: number, rgbaAdditive?: number): void;
+declare function glDraw(x: any, y: any, sizeX: any, sizeY: any, angle: any, uv0X: any, uv0Y: any, uv1X: any, uv1Y: any, rgba: any, rgbaAdditive?: number): void;
 /** Set up a post processing shader
  *  @param {String} shaderCode
  *  @memberof WebGL */
 declare function glInitPostProcess(shaderCode: string): void;
 declare function glRenderPostProcess(): void;
+/** Set if game is paused
+ *  @param {Boolean} paused
+ */
+declare function setPaused(_paused: any): void;
 /** Start up LittleJS engine with your callback functions
  *  @param {Function} gameInit        - Called once after the engine starts up, setup the game
  *  @param {Function} gameUpdate      - Called every frame at 60 frames per second, handle input and update the game state
@@ -221,7 +225,7 @@ declare function glRenderPostProcess(): void;
  */
 declare function engineInit(gameInit: Function, gameUpdate: Function, gameUpdatePost: Function, gameRender: Function, gameRenderPost: Function, tileImageSource?: string): void;
 declare function enginePreRender(): void;
-/** Calls update on each engine object (recursively if child), removes destroyed objects, and updated time */
+/** Update each engine object, remove destroyed objects, and update time */
 declare function engineObjectsUpdate(): void;
 /** Destroy and remove all objects */
 declare function engineObjectsDestroy(): void;
@@ -441,9 +445,13 @@ declare function randVector(length?: number): Vector2;
  *  @return {Color}
  *  @memberof Random */
 declare function randColor(cA?: Color, cB?: Color, linear?: boolean): Color;
-/** The seed used by the randSeeded function, should not be 0
+/** Seed used by the randSeeded function
  *  @memberof Random */
 declare let randSeed: number;
+/** Set seed used by the randSeeded function, should not be 0
+ *  @param {Number} seed
+ *  @memberof Random */
+declare function setRandSeed(seed: number): number;
 /** Returns a seeded random value between the two values passed in using randSeed
  *  @param {Number} [valueA=1]
  *  @param {Number} [valueB=0]
@@ -463,6 +471,13 @@ declare function randSeeded(a?: number, b?: number): number;
  * @memberof Utilities
  */
 declare function vec2(x?: number, y?: number): Vector2;
+/**
+ * Check if object is a valid Vector2
+ * @param {Vector2} vector
+ * @return {Boolean}
+ * @memberof Utilities
+ */
+declare function isVector2(v: any): boolean;
 /**
  * 2D Vector object with vector math library
  * <br> - Functions do not change this so they can be chained together
@@ -714,6 +729,15 @@ declare class Timer {
      * @return {Number} */
     valueOf(): number;
 }
+/** Position of camera in world space
+ *  @type {Vector2}
+ *  @default
+ *  @memberof Settings */
+declare let cameraPos: Vector2;
+/** Scale of camera in world space
+ *  @default
+ *  @memberof Settings */
+declare let cameraScale: number;
 /** The max size of the canvas, centered if window is larger
  *  @type {Vector2}
  *  @default
@@ -733,6 +757,14 @@ declare let cavasPixelated: number;
  *  @default
  *  @memberof Settings */
 declare let fontDefault: string;
+/** Enable webgl rendering, webgl can be disabled and removed from build (with some features disabled)
+ *  @default
+ *  @memberof Settings */
+declare let glEnable: number;
+/** Fixes slow rendering in some browsers by not compositing the WebGL canvas
+ *  @default
+ *  @memberof Settings */
+declare let glOverlay: number;
 /** Default size of tiles in pixels
  *  @type {Vector2}
  *  @default
@@ -783,23 +815,6 @@ declare let gravity: number;
  *  @default
  *  @memberof Settings */
 declare let particleEmitRateScale: number;
-/** Position of camera in world space
- *  @type {Vector2}
- *  @default
- *  @memberof Settings */
-declare let cameraPos: Vector2;
-/** Scale of camera in world space
- *  @default
- *  @memberof Settings */
-declare let cameraScale: number;
-/** Enable webgl rendering, webgl can be disabled and removed from build (with some features disabled)
- *  @default
- *  @memberof Settings */
-declare let glEnable: number;
-/** Fixes slow rendering in some browsers by not compositing the WebGL canvas
- *  @default
- *  @memberof Settings */
-declare let glOverlay: number;
 /** Should gamepads be allowed
  *  @default
  *  @memberof Settings */
@@ -991,10 +1006,6 @@ declare class EngineObject {
     isSolid: boolean;
     toString(): string;
 }
-/** Tile sheet for batch rendering system
- *  @type {Image}
- *  @memberof Draw */
-declare const tileImage: new (width?: number, height?: number) => HTMLImageElement;
 /** The primary 2D canvas visible to the user
  *  @type {HTMLCanvasElement}
  *  @memberof Draw */
@@ -1015,6 +1026,13 @@ declare let overlayContext: CanvasRenderingContext2D;
  *  @type {Vector2}
  *  @memberof Draw */
 declare let mainCanvasSize: Vector2;
+/** Tile sheet for batch rendering system
+ *  @type {Image}
+ *  @memberof Draw */
+declare const tileImage: new (width?: number, height?: number) => HTMLImageElement;
+declare let tileImageSize: any;
+declare let tileImageFixBleed: any;
+declare let drawCount: any;
 /** Convert from screen to world space coordinates
  *  - if calling outside of render, you may need to manually set mainCanvasSize
  *  @param {Vector2} screenPos
@@ -1169,8 +1187,8 @@ declare function vibrateStop(): boolean;
  *  @memberof Input */
 declare const isTouchDevice: boolean;
 declare let touchGamepadTimer: Timer;
-declare let touchGamepadButtons: any[];
-declare let touchGamepadStick: Vector2;
+declare let touchGamepadButtons: any;
+declare let touchGamepadStick: any;
 /**
  * Sound Object - Stores a zzfx sound for later use and can be played positionally
  * <br>
@@ -1554,7 +1572,7 @@ declare class Medal {
      *  @param {Number} y - Screen space Y position
      *  @param {Number} [size=medalDisplayIconSize] - Screen space size
      */
-    renderIcon(x: number, y: number, size?: number): void;
+    renderIcon(pos: any, size?: number): void;
     storageKey(): string;
 }
 declare let newgrounds: any;
@@ -1571,10 +1589,10 @@ declare class Newgrounds {
      *  @param {Number} app_id   - The newgrounds App ID
      *  @param {String} [cipher] - The encryption Key (AES-128/Base64) */
     constructor(app_id: number, cipher?: string);
+    cryptoJS: any;
     app_id: number;
     cipher: string;
     host: string;
-    cryptoJS: any;
     session_id: string | number;
     medals: any;
     scoreboards: any;
@@ -1604,7 +1622,6 @@ declare class Newgrounds {
      */
     call(component: string, parameters?: any, async?: boolean): any;
 }
-declare function CryptoJS(): any;
 /** The WebGL canvas which appears above the main canvas and below the overlay canvas
  *  @type {HTMLCanvasElement}
  *  @memberof WebGL */
@@ -1620,7 +1637,6 @@ declare let glTileTexture: WebGLTexture;
 declare let glActiveTexture: any;
 declare let glShader: any;
 declare let glArrayBuffer: any;
-declare let glVertexData: any;
 declare let glPositionData: any;
 declare let glColorData: any;
 declare let glBatchCount: any;
@@ -1661,10 +1677,11 @@ declare const gl_VERTICES_PER_QUAD: 6;
 declare const gl_INDICIES_PER_VERT: 6;
 declare const gl_MAX_BATCH: number;
 declare const gl_VERTEX_BYTE_STRIDE: number;
+declare const gl_VERTEX_BUFFER_SIZE: number;
 /** Name of engine */
 declare const engineName: "LittleJS";
 /** Version of engine */
-declare const engineVersion: "1.4.6";
+declare const engineVersion: "1.4.8";
 /** Frames per second to update objects
  *  @default */
 declare const frameRate: 60;
@@ -1681,13 +1698,5 @@ declare let frame: number;
 declare let time: number;
 /** Actual clock time since start in seconds (not affected by pause or frame rate clamping) */
 declare let timeReal: number;
-/** Is the game paused? Causes time and objects to not be updated. */
+/** Is the game paused? Causes time and objects to not be updated */
 declare let paused: number;
-declare let frameTimeLastMS: number;
-declare let frameTimeBufferMS: number;
-declare let tileImageSize: any;
-declare let tileImageFixBleed: any;
-declare let averageFPS: any;
-declare let drawCount: any;
-declare const styleBody: "margin:0;overflow:hidden;background:#000";
-declare const styleCanvas: "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)";

package/examples/breakout/index.html

@@ -5,6 +5,6 @@
 <link rel=icon type=image/png href=../../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.js?118></script>
-<script src=gameObjects.js?118></script>
-<script src=game.js?118></script>
+<script src=../../engine/engine.all.js?121></script>
+<script src=gameObjects.js?121></script>
+<script src=game.js?121></script>

package/examples/module/index.html

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

package/examples/particles/index.html

@@ -15,18 +15,18 @@ button
 </style>
 </head><body>
 
-<script src=../../engine/engineDebug.js?118></script>
-<script src=../../engine/engineUtilities.js?118></script>
-<script src=../../engine/engineSettings.js?118></script>
-<script src=../../engine/engineObject.js?118></script>
-<script src=../../engine/engineDraw.js?118></script>
-<script src=../../engine/engineInput.js?118></script>
-<script src=../../engine/engineAudio.js?118></script>
-<script src=../../engine/engineTileLayer.js?118></script>
-<script src=../../engine/engineParticles.js?118></script>
-<script src=../../engine/engineMedals.js?118></script>
-<script src=../../engine/engineWebGL.js?118></script>
-<script src=../../engine/engine.js?118></script>
+<script src=../../engine/engineDebug.js?121></script>
+<script src=../../engine/engineUtilities.js?121></script>
+<script src=../../engine/engineSettings.js?121></script>
+<script src=../../engine/engineObject.js?121></script>
+<script src=../../engine/engineDraw.js?121></script>
+<script src=../../engine/engineInput.js?121></script>
+<script src=../../engine/engineAudio.js?121></script>
+<script src=../../engine/engineTileLayer.js?121></script>
+<script src=../../engine/engineParticles.js?121></script>
+<script src=../../engine/engineMedals.js?121></script>
+<script src=../../engine/engineWebGL.js?121></script>
+<script src=../../engine/engine.js?121></script>
 <script>
 
 'use strict';

package/examples/platformer/index.html

@@ -5,9 +5,9 @@
 <link rel=icon type=image/png href=../../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.js?118></script>
-<script src=gameObjects.js?118></script>
-<script src=gamePlayer.js?118></script>
-<script src=gameEffects.js?118></script>
-<script src=gameLevel.js?118></script>
-<script src=game.js?118></script>
+<script src=../../engine/engine.all.js?121></script>
+<script src=gameObjects.js?121></script>
+<script src=gamePlayer.js?121></script>
+<script src=gameEffects.js?121></script>
+<script src=gameLevel.js?121></script>
+<script src=game.js?121></script>

package/examples/puzzle/index.html

@@ -5,5 +5,5 @@
 <link rel=icon type=image/png href=../../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.js?118></script>
-<script src=game.js?118></script>
+<script src=../../engine/engine.all.js?121></script>
+<script src=game.js?121></script>

package/examples/stress/index.html

@@ -5,7 +5,7 @@
 <link rel=icon type=image/png href=../../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.min.js?118></script>
+<script src=../../engine/engine.all.min.js?121></script>
 <script>
 
 /*

package/game.js

@@ -5,7 +5,7 @@
 'use strict';
 
 // sound effects
-const sound_click = new Sound([.5,.5]);
+const sound_click = new Sound([1,.5]);
 
 // medals
 const medal_example = new Medal(0, 'Example Medal', 'Welcome to LittleJS!');
@@ -19,8 +19,8 @@ function gameInit()
 {
     // create tile collision and visible tile layer
     initTileCollision(vec2(32, 16));
-    const tileLayer = new TileLayer(vec2(), tileCollisionSize);
     const pos = vec2();
+    const tileLayer = new TileLayer(pos, tileCollisionSize);
 
     // get level data from the tiles image
     const imageLevelDataRow = 1;
@@ -28,17 +28,16 @@ function gameInit()
     for (pos.x = tileCollisionSize.x; pos.x--;)
     for (pos.y = tileCollisionSize.y; pos.y--;)
     {
-        const data = mainContext.getImageData(pos.x, 16*(imageLevelDataRow+1)-pos.y-1, 1, 1).data;
-        if (data[0])
+        const imageData = mainContext.getImageData(pos.x, 16*(imageLevelDataRow+1)-pos.y-1, 1, 1).data;
+        if (imageData[0])
         {
-            setTileCollisionData(pos, 1);
-
             const tileIndex = 1;
             const direction = randInt(4)
             const mirror = randInt(2);
             const color = randColor();
             const data = new TileLayerData(tileIndex, direction, mirror, color);
             tileLayer.setData(pos, data);
+            setTileCollisionData(pos, 1);
         }
     }
     tileLayer.redraw();
@@ -51,9 +50,8 @@ function gameInit()
     gravity = -.01;
 
     // create particle emitter
-    const center = tileCollisionSize.scale(.5).add(vec2(0,9));
     particleEmiter = new ParticleEmitter(
-        center, 0,                              // emitPos, emitAngle
+        vec2(16), 0,                            // emitPos, emitAngle
         1, 0, 500, PI,                          // emitSize, emitTime, emitRate, emiteCone
         0, vec2(16),                            // tileIndex, tileSize
         new Color(1,1,1),   new Color(0,0,0),   // colorStartA, colorStartB

package/index.html

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "littlejsengine",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "engine/engine.all.module.js",
   "repository": {