littlejsengine 1.2.0 → 1.2.3

package/engine/index.d.ts

@@ -760,6 +760,10 @@ declare let inputWASDEmulateDirection: number;
  *  @default
  *  @memberof Settings */
 declare let touchGamepadEnable: number;
+/** True if touch gamepad should be analog stick or false to use if 8 way dpad
+ *  @default
+ *  @memberof Settings */
+declare let touchGamepadAnalog: number;
 /** Size of virutal gamepad for touch devices in pixels
  *  @default
  *  @memberof Settings */
@@ -974,6 +978,7 @@ declare function worldToScreen(worldPos: Vector2): Vector2;
  * // draw text
  * font.drawTextScreen("LittleJS\nHello World!", vec2(200, 50));
  */
+declare let engineFontImage: any;
 declare class FontImage {
     /** Create an image font
      *  @param {Image}   [image] - The image the font is stored in, if undefined the default font is used
@@ -983,7 +988,7 @@ declare class FontImage {
      *  @param {CanvasRenderingContext2D} [context=overlayContext] - context to draw to
      */
     constructor(image?: new (width?: number, height?: number) => HTMLImageElement, tileSize?: Vector2, paddingSize?: Vector2, startTileIndex?: number, context?: CanvasRenderingContext2D);
-    image: new (width?: number, height?: number) => HTMLImageElement;
+    image: any;
     tileSize: Vector2;
     paddingSize: Vector2;
     startTileIndex: number;
@@ -1102,7 +1107,6 @@ declare const isTouchDevice: boolean;
 declare let touchGamepadTimer: Timer;
 declare let touchGamepadButtons: any[];
 declare let touchGamepadStick: Vector2;
-declare let touchGamepadAnalog: number;
 /**
  * Sound Object - Stores a zzfx sound for later use and can be played positionally
  * <br>
@@ -1337,9 +1341,9 @@ declare class TileLayer extends EngineObject {
  * let pos = vec2(2,3);
  * let particleEmiter = new ParticleEmitter
  * (
- *     pos, 1, 0, 500, PI,  // pos, emitSize, emitTime, emitRate, emiteCone
+ *     pos, 0, 1, 0, 500, PI,  // pos, angle, emitSize, emitTime, emitRate, emiteCone
  *     0, vec2(16),                            // tileIndex, tileSize
- *     new Color, new Color(0,0,0),            // colorStartA, colorStartB
+ *     new Color(1,1,1),   new Color(0,0,0),   // colorStartA, colorStartB
  *     new Color(1,1,1,0), new Color(0,0,0,0), // colorEndA, colorEndB
  *     2, .2, .2, .1, .05,  // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
  *     .99, 1, 1, PI, .05,  // damping, angleDamping, gravityScale, particleCone, fadeRate,
@@ -1349,6 +1353,7 @@ declare class TileLayer extends EngineObject {
 declare class ParticleEmitter extends EngineObject {
     /** Create a particle system with the given settings
      *  @param {Vector2} position           - World space position of the emitter
+     *  @param {Number}  [angle=0]          - Angle to rotate the object
      *  @param {Number}  [emitSize=0]       - World space size of the emitter (float for circle diameter, vec2 for rect)
      *  @param {Number}  [emitTime=0]       - How long to stay alive (0 is forever)
      *  @param {Number}  [emitRate=100]     - How many particles per second to spawn, does not emit if 0
@@ -1375,7 +1380,7 @@ declare class ParticleEmitter extends EngineObject {
      *  @param {Boolean} [randomColorLinear=1]  - Should color be randomized linearly or across each component
      *  @param {Number}  [renderOrder=0]        - Render order for particles (additive is above other stuff by default)
      */
-    constructor(pos: any, emitSize?: number, emitTime?: number, emitRate?: number, emitConeAngle?: number, tileIndex?: number, tileSize?: number, colorStartA?: Color, colorStartB?: Color, colorEndA?: Color, colorEndB?: Color, particleTime?: number, sizeStart?: number, sizeEnd?: number, speed?: number, angleSpeed?: number, damping?: number, angleDamping?: number, gravityScale?: number, particleConeAngle?: number, fadeRate?: number, randomness?: number, collideTiles?: boolean, additive?: boolean, randomColorLinear?: boolean, renderOrder?: number);
+    constructor(pos: any, angle?: number, emitSize?: number, emitTime?: number, emitRate?: number, emitConeAngle?: number, tileIndex?: number, tileSize?: number, colorStartA?: Color, colorStartB?: Color, colorEndA?: Color, colorEndB?: Color, particleTime?: number, sizeStart?: number, sizeEnd?: number, speed?: number, angleSpeed?: number, damping?: number, angleDamping?: number, gravityScale?: number, particleConeAngle?: number, fadeRate?: number, randomness?: number, collideTiles?: boolean, additive?: boolean, randomColorLinear?: boolean, renderOrder?: number);
     /** @property {Number} - World space size of the emitter (float for circle diameter, vec2 for rect) */
     emitSize: number;
     /** @property {Number} - How long to stay alive (0 is forever) */
@@ -1514,8 +1519,6 @@ declare class Newgrounds {
      * @param {Number} id    - The scoreboard id
      * @param {Number} value - The score value */
     postScore(id: number, value: number): any;
-    /** Send message to log a view */
-    logView(): any;
     /** Get scores from a scoreboard
      * @param {Number} id         - The scoreboard id
      * @param {String} [user=0]   - A user's id or name
@@ -1525,6 +1528,8 @@ declare class Newgrounds {
      * @return {Object}           - The response JSON object
      */
     getScores(id: number, user?: string, social?: number, skip?: number, limit?: number): any;
+    /** Send message to log a view */
+    logView(): any;
     /** Send a message to call a component of the Newgrounds API
      * @param {String}  component      - Name of the component
      * @param {Object}  [parameters=0] - Parameters to use for call
@@ -1583,7 +1588,7 @@ declare const gl_VERTEX_BYTE_STRIDE: number;
 /** Name of engine */
 declare const engineName: "LittleJS";
 /** Version of engine */
-declare const engineVersion: "1.2.0";
+declare const engineVersion: "1.2.3";
 /** Frames per second to update objects
  *  @default */
 declare const frameRate: 60;
@@ -1609,4 +1614,4 @@ declare let tileImageFixBleed: any;
 declare let averageFPS: any;
 declare let drawCount: any;
 declare const styleBody: string;
-declare const styleCanvas: "position:absolute";
+declare const styleCanvas: "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)";

package/examples/breakout/gameObjects.js

@@ -56,11 +56,11 @@ class Block extends EngineObject
         const color1 = this.color;
         const color2 = color1.lerp(new Color, .5);
         new ParticleEmitter(
-            this.pos, this.size, .1, 200, PI,     // pos, emitSize, emitTime, emitRate, emiteCone
+            this.pos, 0, this.size, .1, 200, PI,  // pos, angle, emitSize, emitTime, emitRate, emiteCone
             0, vec2(16),                          // tileIndex, tileSize
             color1, color2,                       // colorStartA, colorStartB
             color1.scale(1,0), color2.scale(1,0), // colorEndA, colorEndB
-            .2, 1, 1, .1, .05,  // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
+            .2, 1, 1, .1, .05,    // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
             .99, .95, .4, PI, .1, // damping, angleDamping, gravityScale, particleCone, fadeRate, 
             1, 0, 1               // randomness, collide, additive, randomColorLinear, renderOrder
         );

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?97></script>
-<script src=game.js?97></script>
-<script src=gameObjects.js?97></script>
+<script src=../../engine/engine.all.js?102></script>
+<script src=game.js?102></script>
+<script src=gameObjects.js?102></script>

package/examples/platformer/game.js

@@ -73,18 +73,18 @@ function gameRender()
 function gameRenderPost()
 {
     // draw to overlay canvas for hud rendering
-    const drawText = (text, x, y, size=70) =>
+    const drawText = (text, x, y, size=50) =>
     {
         overlayContext.textAlign = 'center';
         overlayContext.textBaseline = 'top';
         overlayContext.font = size + 'px arial';
         overlayContext.fillStyle = '#fff';
-        overlayContext.lineWidth = 3;
+        overlayContext.lineWidth = 2;
         overlayContext.strokeText(text, x, y);
         overlayContext.fillText(text, x, y);
     }
-    drawText('Score: ' + score,   overlayCanvas.width*1/3, 20);
-    drawText('Deaths: ' + deaths, overlayCanvas.width*2/3, 20);
+    drawText('Score: ' + score,   overlayCanvas.width*1/4, 20);
+    drawText('Deaths: ' + deaths, overlayCanvas.width*3/4, 20);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/platformer/gameEffects.js

@@ -39,7 +39,7 @@ function makeDebris(pos, color = new Color, amount = 100, size=.2, elasticity =
 {
     const color2 = color.lerp(new Color, .5);
     const emitter = new ParticleEmitter(
-        pos, 1, .1, 100, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        pos, 0, 1, .1, 100, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         undefined, undefined,  // tileIndex, tileSize
         color, color2,         // colorStartA, colorStartB
         color, color2,         // colorEndA, colorEndB
@@ -100,7 +100,7 @@ function explosion(pos, radius=3)
 
     // smoke
     new ParticleEmitter(
-        pos, radius/2, .2, 50*radius, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        pos, 0, radius/2, .2, 50*radius, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         0, undefined,        // tileIndex, tileSize
         new Color(0,0,0), new Color(0,0,0), // colorStartA, colorStartB
         new Color(0,0,0,0), new Color(0,0,0,0), // colorEndA, colorEndB
@@ -111,7 +111,7 @@ function explosion(pos, radius=3)
 
     // fire
     new ParticleEmitter(
-        pos, radius/2, .1, 100*radius, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        pos, 0, radius/2, .1, 100*radius, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         0, undefined,        // tileIndex, tileSize
         new Color(1,.5,.1), new Color(1,.1,.1), // colorStartA, colorStartB
         new Color(1,.5,.1,0), new Color(1,.1,.1,0), // colorEndA, colorEndB

package/examples/platformer/gameObjects.js

@@ -210,7 +210,7 @@ class Weapon extends EngineObject
 
         // shell effect
         this.addChild(this.shellEmitter = new ParticleEmitter(
-            vec2(), 0, 0, 0, .1,  // pos, emitSize, emitTime, emitRate, emiteCone
+            vec2(), 0, 0, 0, 0, .1,  // pos, angle, emitSize, emitTime, emitRate, emiteCone
             undefined, undefined, // tileIndex, tileSize
             new Color(1,.8,.5), new Color(.9,.7,.5), // colorStartA, colorStartB
             new Color(1,.8,.5), new Color(.9,.7,.5), // colorEndA, colorEndB
@@ -321,7 +321,7 @@ class Bullet extends EngineObject
 
         // spark effects
         const emitter = new ParticleEmitter(
-            this.pos, 0, .1, 100, .5, // pos, emitSize, emitTime, emitRate, emiteCone
+            this.pos, 0, 0, .1, 100, .5, // pos, angle, emitSize, emitTime, emitRate, emiteCone
             undefined, undefined,     // tileIndex, tileSize
             new Color(1,1,0), new Color(1,0,0), // colorStartA, colorStartB
             new Color(1,1,0), new Color(1,0,0), // colorEndA, colorEndB

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?97></script>
-<script src=gameObjects.js?97></script>
-<script src=gamePlayer.js?97></script>
-<script src=gameEffects.js?97></script>
-<script src=gameLevel.js?97></script>
-<script src=game.js?97></script>
+<script src=../../engine/engine.all.js?102></script>
+<script src=gameObjects.js?102></script>
+<script src=gamePlayer.js?102></script>
+<script src=gameEffects.js?102></script>
+<script src=gameLevel.js?102></script>
+<script src=game.js?102></script>

package/examples/puzzle/game.js

@@ -284,7 +284,7 @@ function clearMatches()
             const color1 = tileColors[data];
             const color2 = color1.lerp(new Color, .5);
             new ParticleEmitter(
-                pos.add(vec2(.5)), 1, .1, 100, PI,   // pos, emitSize, emitTime, emitRate, emiteCone
+                pos.add(vec2(.5)), 0, 1, .1, 100, PI,// pos, angle, emitSize, emitTime, emitRate, emiteCone
                 undefined, undefined,                // tileIndex, tileSize
                 color1, color2,                      // colorStartA, colorStartB
                 color1.scale(1,0), color2.scale(1,0),// colorEndA, colorEndB

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?97></script>
-<script src=game.js?97></script>
+<script src=../../engine/engine.all.js?102></script>
+<script src=game.js?102></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?97></script>
+<script src=../../engine/engine.all.min.js?102></script>
 <script>
 
 /*
@@ -54,7 +54,7 @@ function gameInit()
 
     // display stats using a div so when using glOverlay it still appears on top
     document.body.appendChild(statsDisplay = document.createElement('div'));
-    statsDisplay.style = 'position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4em;text-align:center;font-family:arial;user-select:none';
+    statsDisplay.style = 'position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6em;text-align:center;font-family:arial;user-select:none';
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/game.js

@@ -57,12 +57,12 @@ function gameInit()
     // create particle emitter
     const center = tileCollisionSize.scale(.5).add(vec2(0,9));
     particleEmiter = new ParticleEmitter(
-        center, 1, 0, 500, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        center, 0, 1, 0, 500, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         0, vec2(16),                            // tileIndex, tileSize
-        new Color, new Color(0,0,0),            // colorStartA, colorStartB
+        new Color(1,1,1),   new Color(0,0,0),   // colorStartA, colorStartB
         new Color(1,1,1,0), new Color(0,0,0,0), // colorEndA, colorEndB
-        2, .2, .2, .1, .05,  // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
-        .99, 1, 1, PI, .05,  // damping, angleDamping, gravityScale, particleCone, fadeRate, 
+        2, .2, .2, .1, .05,     // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
+        .99, 1, 1, PI, .05,     // damping, angleDamping, gravityScale, particleCone, fadeRate, 
         .5, 1, 1                // randomness, collide, additive, randomColorLinear, renderOrder
     );
     particleEmiter.elasticity = .3;

package/index.html

@@ -6,21 +6,21 @@
 </head><body>
 
 <!-- LittleJS engine scripts -->
-<script src=engine/engineDebug.js?97></script>
-<script src=engine/engineUtilities.js?97></script>
-<script src=engine/engineSettings.js?97></script>
-<script src=engine/engineObject.js?97></script>
-<script src=engine/engineDraw.js?97></script>
-<script src=engine/engineInput.js?97></script>
-<script src=engine/engineAudio.js?97></script>
-<script src=engine/engineTileLayer.js?97></script>
-<script src=engine/engineParticles.js?97></script>
-<script src=engine/engineMedals.js?97></script>
-<script src=engine/engineWebGL.js?97></script>
-<script src=engine/engine.js?97></script>
+<script src=engine/engineDebug.js?102></script>
+<script src=engine/engineUtilities.js?102></script>
+<script src=engine/engineSettings.js?102></script>
+<script src=engine/engineObject.js?102></script>
+<script src=engine/engineDraw.js?102></script>
+<script src=engine/engineInput.js?102></script>
+<script src=engine/engineAudio.js?102></script>
+<script src=engine/engineTileLayer.js?102></script>
+<script src=engine/engineParticles.js?102></script>
+<script src=engine/engineMedals.js?102></script>
+<script src=engine/engineWebGL.js?102></script>
+<script src=engine/engine.js?102></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?97></script>
+<script src=game.js?102></script>

package/package.json

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