littlejsengine 1.4.8 → 1.4.9

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.9",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "engine/engine.all.module.js",
   "repository": {

package/README.md

@@ -1,80 +0,0 @@
-# ![LittleJS Logo](favicon.png) LittleJS - The Tiny JavaScript Game Engine That Can
-
-## All aboard!
-
-LittleJS is a super lightweight JavaScript game engine with a fast hybrid rendering system. It provides a comprehensive set of tools including rendering, physics, particles, sound effects, music, input handling, and debug tools. The code is very clean and well documented with a variety of examples to get you started. Choo-Choo! 🚂
-<div align="center">
-  
-## [Demo](https://killedbyapixel.github.io/LittleJS) | [Docs](https://killedbyapixel.github.io/LittleJS/docs) | [Trailer](https://youtu.be/chuBzGjv7Ms) | [Discord](https://discord.gg/zb7hcGkyZe)
-</div>
-
-![LittleJS Screenshot](examples/screenshot.jpg)
-
-## Examples
-
-### [Hello World](https://killedbyapixel.github.io/LittleJS/) - Clean project with only a few things to get you started
-### [Puzzle Game](https://killedbyapixel.github.io/LittleJS/examples/puzzle) - Match 3 puzzle game with HD rendering and high score tracking
-### [Platformer](https://killedbyapixel.github.io/LittleJS/examples/platformer) - Platformer/shooter with procedural generation and destruction
-### [Breakout](https://killedbyapixel.github.io/LittleJS/examples/breakout) - Breakout game with post processing effect
-### [Stress Test](https://killedbyapixel.github.io/LittleJS/examples/stress) - Max sprite/object test and music system demo
-### [Particle System Designer](https://killedbyapixel.github.io/LittleJS/examples/particles) - Particle system editor and visualizer
-
-## Features
-
-- Very small footprint with no dependencies
-- Can update and render 10,000+ objects at 60fps, often many times more
-- Object oriented system with fast 2D physics and collision handling for axis aligned boxes
-- Positional audio effects with [ZzFX](https://killedbyapixel.github.io/ZzFX/) and music with [ZzFXM](https://keithclark.github.io/ZzFXM/), mp3s, or wavs
-- Input processing system with keyboard, mouse, gamepad, and touch support
-- Particle effects system (particle editor/designer in progress)
-- Medal system tracks and displays achievements with Newgrounds integration
-- Several easy to understand example projects you can build on
-- Apply [Shadertoy](https://www.shadertoy.com) compatible shaders for post processinge effects
-- Debug tools and debug rendering system
-- [Full documentation](https://killedbyapixel.github.io/LittleJS/docs) automatically generated from the source code block tags with [JSDoc](https://github.com/jsdoc/jsdoc)
-- Build system automatically combines everything, minifies, and removes unused code
-- For size coding competitions like [js13kGames](https://js13kgames.com/), starter project builds to a 7KB zip file
-- Easily build a Windows executable with [Electron](https://www.electronjs.org/) for distribution on platforms like Steam
-- Open Source with the [MIT license](https://github.com/KilledByAPixel/LittleJS/blob/main/LICENSE) so it can be used for anything you want
-- Can be imported as a JavaScript module and includes [an example module project](https://killedbyapixel.github.io/LittleJS/examples/module)
-
-## Builds
-
-To easily include LittleJS in your game, you can use one of the 3 pre-built js files. These are also built automatically by the build scripts.
-
-- [engine.all.js](https://github.com/KilledByAPixel/LittleJS/blob/main/engine/engine.all.js) - The full game engine with debug mode available
-- [engine.all.release.js](https://github.com/KilledByAPixel/LittleJS/blob/main/engine/engine.all.release.js) - The engine optimized for release builds
-- [engine.all.min.js](https://github.com/KilledByAPixel/LittleJS/blob/main/engine/engine.all.min.js) - The engine in release mode and minified
-
-LittleJS can also be imported as a module. There are two module includes that are automatically built.
-
-- [engine.all.module.js](https://github.com/KilledByAPixel/LittleJS/blob/main/engine/engine.all.module.js) - The engine exported as a module with debug mode available
-- [engine.all.module.min.js](https://github.com/KilledByAPixel/LittleJS/blob/main/engine/engine.all.module.min.js) - The engine exported as a module in release mode
-
-The hello world example includes a batch file [build.bat](https://github.com/KilledByAPixel/LittleJS/blob/main/build.bat) that compresses everything into a tiny zip file using Google Closure, UglifyJS, Roadroller, and ECT. You must run [buildSetup.bat](https://github.com/KilledByAPixel/LittleJS/blob/main/buildSetup.bat) to install the necessary npm dependencies.
-
-## Debugging
-
-Debug builds of LittleJS have a special menu that can be opened by pressing ~, the tilde key.
-
-- ~: Debug Overlay
-- 1: Debug Physics
-- 2: Debug Particles
-- 3: Debug Gamepads
-- 4: God Mode
-- 5: Save Screenshot
-
-## Games Made With LittleJS
-
-- [Space Huggers](https://www.newgrounds.com/portal/view/819609) - Run and gun platformer with procedural levels
-- [Undergrowth](https://undergrowth.squidband.uk/) - An interactive music videogame for the band Squid
-- [Space Huggers - JS13K Edition](https://github.com/KilledByAPixel/SpaceHuggers) - Original js13k game with source code
-- [Isletopia](https://store.steampowered.com/app/1861260/Isletopia) - Relaxing strategy game of greenifying barren islands
-- [Dead Again](https://js13kgames.com/entries/dead-again) - Top down survial horror by [sanojian & repsej](https://github.com/sanojian/js13k_2022)
-- [Hel's Trial](https://js13kgames.com/entries/hels-trial) - Turn based RPG by [Sebastian Dorn](https://github.com/sebadorn/js13k-2022-death)
-- [Bit Butcher](https://js13kgames.com/entries/bit-butcher) - Survival crafting game by [Deathray Games](https://github.com/deathraygames/bit-butcher)
-- [Necrotic Commander](https://js13kgames.com/entries/necrotic-commander) - Tower defense game by [Daniel Jeffery](https://github.com/d-jeffery/NecroticCommander)
-- [Boxing up Bamboo](https://patrickgh3.itch.io/boxing-up-bamboo) - A challenging puzzle game by [Patrick Traynor](https://cwpat.me/about)
-- Send me your games!
-
-![LittleJS Logo](favicon.png)