littlejsengine 1.4.8 → 1.4.91

package/engine/index.d.ts

@@ -849,14 +849,14 @@ declare let touchGamepadAlpha: number;
  *  @default
  *  @memberof Settings */
 declare let vibrateEnable: number;
-/** Volume scale to apply to all sound, music and speech
- *  @default
- *  @memberof Settings */
-declare let soundVolume: number;
 /** All audio code can be disabled and removed from build
  *  @default
  *  @memberof Settings */
 declare let soundEnable: number;
+/** Volume scale to apply to all sound, music and speech
+ *  @default
+ *  @memberof Settings */
+declare let soundVolume: number;
 /** Default range where sound no longer plays
  *  @default
  *  @memberof Settings */
@@ -873,18 +873,18 @@ declare let medalDisplayTime: number;
  *  @default
  *  @memberof Settings */
 declare let medalDisplaySlideTime: number;
-/** Width of medal display
- *  @default
- *  @memberof Settings */
-declare let medalDisplayWidth: number;
-/** Height of medal display
+/** Size of medal display
  *  @default
  *  @memberof Settings */
-declare let medalDisplayHeight: number;
+declare let medalDisplaySize: Vector2;
 /** Size of icon in medal display
  *  @default
  *  @memberof Settings */
 declare let medalDisplayIconSize: number;
+/** Set to stop medals from being unlockable (like if cheats are enabled)
+ *  @default
+ *  @memberof Settings */
+declare let medalsPreventUnlock: any;
 /**
  * LittleJS Object Base Object Class
  * <br> - Base object class used by the engine
@@ -1060,8 +1060,8 @@ declare function worldToScreen(worldPos: Vector2): Vector2;
 declare let engineFontImage: any;
 declare class FontImage {
     /** Create an image font
-     *  @param {HTMLImageElement}   [image] - The image the font is stored in, if undefined the default font is used
-     *  @param {Vector2} [tileSize=vec2(8)] - The size of the font source tiles
+     *  @param {HTMLImageElement} [image] - Image for the font, if undefined default font is used
+     *  @param {Vector2} [tileSize=vec2(8)] - Size of the font source tiles
      *  @param {Vector2} [paddingSize=vec2(0,1)] - How much extra space to add between characters
      *  @param {Number}  [startTileIndex=0] - Tile index in image where font starts
      *  @param {CanvasRenderingContext2D} [context=overlayContext] - context to draw to
@@ -1528,9 +1528,6 @@ declare class Particle extends EngineObject {
 /** List of all medals
  *  @memberof Medals */
 declare const medals: any[];
-/** Set to stop medals from being unlockable (like if cheats are enabled)
- *  @memberof Medals */
-declare let medalsPreventUnlock: any;
 declare let medalsDisplayQueue: any[];
 declare let medalsSaveName: any;
 declare let medalsDisplayTimeLast: any;
@@ -1589,11 +1586,11 @@ 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;
-    session_id: string | number;
+    cryptoJS: any;
+    session_id: string;
     medals: any;
     scoreboards: any;
     /** Send message to unlock a medal by id
@@ -1621,6 +1618,7 @@ declare class Newgrounds {
      * @return {Object}                - The response JSON object
      */
     call(component: string, parameters?: any, async?: boolean): any;
+    CryptoJS(): any;
 }
 /** The WebGL canvas which appears above the main canvas and below the overlay canvas
  *  @type {HTMLCanvasElement}
@@ -1681,7 +1679,7 @@ declare const gl_VERTEX_BUFFER_SIZE: number;
 /** Name of engine */
 declare const engineName: "LittleJS";
 /** Version of engine */
-declare const engineVersion: "1.4.8";
+declare const engineVersion: "1.4.9";
 /** Frames per second to update objects
  *  @default */
 declare const frameRate: 60;

package/examples/breakout/game.js

@@ -8,22 +8,22 @@ let levelSize, ball, paddle, score, brickCount;
 
 // sound effects
 const sound_start  = new Sound([,0,500,,.04,.3,1,2,,,570,.02,.02,,,,.04]);
-const sound_break  = new Sound([,,90,,.01,.03,4,,,,,,,9,50,.2,,.2,.01], 0);
-const sound_bounce = new Sound([,,1e3,,.03,.02,1,2,,,940,.03,,,,,.2,.6,,.06], 0);
+const sound_break  = new Sound([,,90,,.01,.03,4,,,,,,,9,50,.2,,.2,.01]);
+const sound_bounce = new Sound([,,1e3,,.03,.02,1,2,,,940,.03,,,,,.2,.6,,.06]);
 
 ///////////////////////////////////////////////////////////////////////////////
 function gameInit()
 {
     canvasFixedSize = vec2(1280, 720); // 720p
-    levelSize = vec2(72, 40);
+    levelSize = vec2(38, 20);
     cameraPos = levelSize.scale(.5);
-    paddle = new Paddle(vec2(levelSize.x/2-12,2));
+    paddle = new Paddle(vec2(levelSize.x/2-12,1));
     score = brickCount = 0;
 
     // spawn bricks
     const pos = vec2();
-    for (pos.x = 6; pos.x <= levelSize.x-6; pos.x += 4)
-    for (pos.y = levelSize.y/2; pos.y <= levelSize.y-4; pos.y += 2)
+    for (pos.x = 4; pos.x <= levelSize.x-4; pos.x += 2)
+    for (pos.y = 12; pos.y <= levelSize.y-2; pos.y += 1)
         new Brick(pos);
 
     initPostProcess(); // set up a post processing shader
@@ -35,7 +35,7 @@ function gameUpdate()
     // spawn ball
     if (!ball && (mouseWasPressed(0) || gamepadWasPressed(0)))
     {
-        ball = new Ball(vec2(levelSize.x/2, levelSize.y/2-6));
+        ball = new Ball(vec2(levelSize.x/2, levelSize.y/2));
         sound_start.play();
     }
 }
@@ -59,11 +59,11 @@ function gameRenderPost()
 {
     // use built in image font for text
     const font = new FontImage;
-    font.drawText('Score: ' + score, cameraPos.add(vec2(0,22)), .2, 1);
+    font.drawText('Score: ' + score, cameraPos.add(vec2(0,9.6)), .1, 1);
     if (!brickCount)
-        font.drawText('You Win!', cameraPos.add(vec2(0,-5)), .25, 1);
+        font.drawText('You Win!', cameraPos.add(vec2(0,-5)), .2, 1);
     else if (!ball)
-        font.drawText('Click to Play', cameraPos.add(vec2(0,-5)), .25, 1);
+        font.drawText('Click to Play', cameraPos.add(vec2(0,-5)), .2, 1);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/breakout/gameObjects.js

@@ -9,7 +9,7 @@ class Paddle extends EngineObject
 {
     constructor(pos)
     {
-        super(pos, vec2(8,1));
+        super(pos, vec2(5,.5));
 
         // set to collide
         this.setCollision();
@@ -38,7 +38,7 @@ class Brick extends EngineObject
 {
     constructor(pos)
     {
-        super(pos, vec2(4,2), 1, vec2(32,16), 0, randColor());
+        super(pos, vec2(2,1), 1, vec2(32,16), 0, randColor());
 
         // set to collide
         this.setCollision();
@@ -62,7 +62,7 @@ class Brick extends EngineObject
             0, vec2(16),                          // tileIndex, tileSize
             color1, color2,                       // colorStartA, colorStartB
             color1.scale(1,0), color2.scale(1,0), // colorEndA, colorEndB
-            .2, 1, 2, .1, .05,  // time, sizeStart, sizeEnd, speed, angleSpeed
+            .2, .5, 1, .05, .05,// time, sizeStart, sizeEnd, speed, angleSpeed
             .99, .95, .4, PI,   // damping, angleDamping, gravityScale, cone
             .1, .5, 0, 1        // fadeRate, randomness, collide, additive
         );
@@ -76,11 +76,11 @@ class Ball extends EngineObject
 {
     constructor(pos)
     {
-        super(pos, vec2(1), 0);
+        super(pos, vec2(.5), 0);
 
         // make a bouncy ball
         this.setCollision();
-        this.velocity = vec2(randSign(), -1).scale(.2);
+        this.velocity = vec2(randSign(), -1).scale(.1);
         this.elasticity = 1;
         this.damping = 1;
     }
@@ -117,7 +117,7 @@ class Ball extends EngineObject
         {
             // put english on the ball when it collides with paddle
             this.velocity = this.velocity.rotate(.2 * (this.pos.x - o.pos.x));
-            this.velocity.y = max(abs(this.velocity.y), .2);
+            this.velocity.y = max(-this.velocity.y, .2);
             this.bounce();
             return 0;
         }
@@ -127,7 +127,7 @@ class Ball extends EngineObject
     bounce()
     {
         // speed up
-        const speed = min(1.1*this.velocity.length(), 1);
+        const speed = min(1.05*this.velocity.length(), .5);
         this.velocity = this.velocity.normalize(speed);
 
         // scale bounce sound pitch by speed

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

package/examples/module/game.js

@@ -12,7 +12,7 @@ const Timer   = LittleJS.Timer;
 const vec2    = LittleJS.vec2;
 
 // sound effects
-const sound_click = new LittleJS.Sound([.5,.5]);
+const sound_click = new LittleJS.Sound([1,.5]);
 
 // medals
 const medal_example = new LittleJS.Medal(0, 'Example Medal', 'Welcome to LittleJS!');
@@ -26,8 +26,8 @@ function gameInit()
 {
     // create tile collision and visible tile layer
     LittleJS.initTileCollision(vec2(32, 16));
-    const tileLayer = new LittleJS.TileLayer(vec2(), LittleJS.tileCollisionSize);
     const pos = vec2();
+    const tileLayer = new LittleJS.TileLayer(pos, LittleJS.tileCollisionSize);
 
     // get level data from the tiles image
     const imageLevelDataRow = 1;
@@ -36,24 +36,22 @@ function gameInit()
     for (pos.x = LittleJS.tileCollisionSize.x; pos.x--;)
     for (pos.y = LittleJS.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])
         {
-            LittleJS.setTileCollisionData(pos, 1);
-
             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);
             tileLayer.setData(pos, data);
+            LittleJS.setTileCollisionData(pos, 1);
         }
     }
     tileLayer.redraw();
 
     // move camera to center of collision
     LittleJS.setCameraPos(LittleJS.tileCollisionSize.scale(.5));
-    LittleJS.setCameraScale(32);
 
     // enable gravity
     LittleJS.setGravity(-.01);

package/examples/module/index.html

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

package/examples/particles/index.html

@@ -15,18 +15,7 @@ button
 </style>
 </head><body>
 
-<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 src=../../engine/engine.all.js?123></script>
 <script>
 
 'use strict';
@@ -74,6 +63,8 @@ addSetting('randomColorLinear','checkbox',0,0,0,  'Should color be randomized li
 
 function makeEmitter()
 {
+    if (particleSystem)
+        particleSystem.destroy();
     particleSystem = new ParticleEmitter(cameraPos);
     particleSystem.emitConeAngle =
     particleSystem.particleConeAngle = 3.14;
@@ -84,7 +75,7 @@ function gameInit()
 {
     makeEmitter();
     gravity = -.01;
-    cameraScale = 50;
+    cameraScale = 64;
 
     const div = particleSystemDiv = document.createElement('div');
     div.innerHTML = '<big><b>LittleJS Particle Tool';
@@ -175,7 +166,6 @@ function gameInit()
         {
             if (!confirm('Reset to default?'))
                 return;
-            particleSystem.destroy();
             makeEmitter();
             updateInputs(0);
             cameraScale = 50;

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?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>
+<script src=../../engine/engine.all.js?123></script>
+<script src=gameObjects.js?123></script>
+<script src=gamePlayer.js?123></script>
+<script src=gameEffects.js?123></script>
+<script src=gameLevel.js?123></script>
+<script src=game.js?123></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?121></script>
-<script src=game.js?121></script>
+<script src=../../engine/engine.all.js?123></script>
+<script src=game.js?123></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?121></script>
+<script src=../../engine/engine.all.min.js?123></script>
 <script>
 
 /*

package/game.js

@@ -44,7 +44,6 @@ function gameInit()
 
     // move camera to center of collision
     cameraPos = tileCollisionSize.scale(.5);
-    cameraScale = 32;
 
     // enable gravity
     gravity = -.01;

package/index.html

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

package/package.json

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