littlejsengine 1.5.1 → 1.6.0

package/{engine/engine.all.release.js → build/littlejs.release.js}

@@ -124,7 +124,7 @@ const nearestPowerOfTwo = (v)=> 2**Math.ceil(Math.log2(v));
  *  @param {Vector2} [sizeB] - Size of box B
  *  @return {Boolean}        - True if overlapping
  *  @memberof Utilities */
-const isOverlapping = (pA, sA, pB, sB)=> abs(pA.x - pB.x)*2 < sA.x + sB.x & abs(pA.y - pB.y)*2 < sA.y + sB.y;
+const isOverlapping = (pA, sA, pB, sB)=> abs(pA.x - pB.x)*2 < sA.x + sB.x && abs(pA.y - pB.y)*2 < sA.y + sB.y;
 
 /** Returns an oscillating wave between 0 and amplitude with frequency of 1 Hz by default
  *  @param {Number} [frequency=1] - Frequency of the wave in Hz
@@ -898,7 +898,7 @@ const engineName = 'LittleJS';
  *  @type {String}
  *  @default
  *  @memberof Engine */
-const engineVersion = '1.5.1';
+const engineVersion = '1.6.0';
 
 /** Frames per second to update objects
  *  @type {Number}
@@ -1006,8 +1006,8 @@ function engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRender
             averageFPS = lerp(.05, averageFPS, 1e3/(frameTimeDeltaMS||1));
         const debugSpeedUp   = debug && keyIsDown(107); // +
         const debugSpeedDown = debug && keyIsDown(109); // -
-        if (debug)
-            frameTimeDeltaMS *= debugSpeedUp ? 5 : debugSpeedDown ? .2 : 1; // +/- to speed/slow time
+        if (debug) // +/- to speed/slow time
+            frameTimeDeltaMS *= debugSpeedUp ? 5 : debugSpeedDown ? .2 : 1;
         timeReal += frameTimeDeltaMS / 1e3;
         frameTimeBufferMS += !paused * frameTimeDeltaMS;
         if (!debugSpeedUp)
@@ -1016,8 +1016,8 @@ function engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRender
         if (canvasFixedSize.x)
         {
             // clear canvas and set fixed size
-            overlayCanvas.width  = mainCanvas.width  = canvasFixedSize.x;
-            overlayCanvas.height = mainCanvas.height = canvasFixedSize.y;
+            mainCanvas.width  = canvasFixedSize.x;
+            mainCanvas.height = canvasFixedSize.y;
             
             // fit to window by adding space on top or bottom if necessary
             const aspect = innerWidth / innerHeight;
@@ -1028,10 +1028,14 @@ function engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRender
         else
         {
              // clear canvas and set size to same as window
-             overlayCanvas.width  = mainCanvas.width  = min(innerWidth,  canvasMaxSize.x);
-             overlayCanvas.height = mainCanvas.height = min(innerHeight, canvasMaxSize.y);
+             mainCanvas.width  = min(innerWidth,  canvasMaxSize.x);
+             mainCanvas.height = min(innerHeight, canvasMaxSize.y);
         }
         
+        // clear overlay canvas and set size
+        overlayCanvas.width  = mainCanvas.width;
+        overlayCanvas.height = mainCanvas.height;
+
         // save canvas size
         mainCanvasSize = vec2(mainCanvas.width, mainCanvas.height);
 
@@ -2083,15 +2087,15 @@ function inputUpdatePost()
 onkeydown = (e)=>
 {
     if (debug && e.target != document.body) return;
-    e.repeat || (inputData[isUsingGamepad = 0][remapKeyCode(e.keyCode)] = 3);
+    e.repeat || (inputData[isUsingGamepad = 0][remapKey(e.which)] = 3);
     preventDefaultInput && e.preventDefault();
 }
 onkeyup = (e)=>
 {
     if (debug && e.target != document.body) return;
-    inputData[0][remapKeyCode(e.keyCode)] = 4;
+    inputData[0][remapKey(e.which)] = 4;
 }
-const remapKeyCode = (c)=> inputWASDEmulateDirection ? c==87?38 : c==83?40 : c==65?37 : c==68?39 : c : c;
+const remapKey = (c)=> inputWASDEmulateDirection ? c==87?38 : c==83?40 : c==65?37 : c==68?39 : c : c;
 
 ///////////////////////////////////////////////////////////////////////////////
 // Mouse event handlers
@@ -3505,7 +3509,7 @@ class Particle extends EngineObject
  * LittleJS Medal System
  * <br> - Tracks and displays medals
  * <br> - Saves medals to local storage
- * <br> - Newgrounds and OS13k integration
+ * <br> - Newgrounds integration
  * @namespace Medals
  */
 
@@ -4124,7 +4128,9 @@ function glRenderPostProcess()
     {
         // copy overlay canvas so it will be included in post processing
         mainContext.drawImage(overlayCanvas, 0, 0);
-        overlayCanvas.width |= 0;
+
+        // clear overlay canvas
+        overlayCanvas.width = mainCanvas.width;
     }
 
     // setup shader program to draw one triangle

package/examples/breakout/index.html

@@ -1,10 +1,11 @@
 <html><head>
+<title>Little JS Breakout Game Demo</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../../favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.js?125></script>
+<script src=../../build/littlejs.js?125></script>
 <script src=gameObjects.js?125></script>
 <script src=game.js?125></script>

package/examples/electron/build.bat

@@ -0,0 +1,52 @@
+rem Simple build script for LittleJS by Frank Force
+rem Minfies and combines index.html and index.js and zips the result
+
+set NAME=game
+set BUILD_FOLDER=build
+set BUILD_FILENAME=index.js
+
+rem remove old files
+rmdir /s /q %BUILD_FOLDER%
+mkdir %BUILD_FOLDER%
+pushd %BUILD_FOLDER%
+
+rem copy engine release build
+type ..\..\..\build\littlejs.release.js >> %BUILD_FILENAME%
+echo. >> %BUILD_FILENAME%
+
+rem add your game's files to include here
+type ..\game.js >> %BUILD_FILENAME%
+echo. >> %BUILD_FILENAME%
+
+rem copy images to build folder
+copy ..\tiles.png tiles.png
+
+rem minify code with uglify
+call npx uglifyjs -o %BUILD_FILENAME% --compress --mangle -- %BUILD_FILENAME%
+if %ERRORLEVEL% NEQ 0 (
+    pause
+    exit /b %ERRORLEVEL%
+)
+
+rem build the html, you can add html header and footers here
+rem type ..\header.html >> index.html
+echo ^<body^>^<script^> >> index.html
+type %BUILD_FILENAME% >> index.html
+echo ^</script^> >> index.html
+
+rem delete intermediate files
+del %BUILD_FILENAME%
+
+rem copy elecron files to build folder
+copy ..\electron.js electron.js
+copy ..\package.json package.json
+
+popd
+
+rem build with electron
+call npx electron-packager ./%BUILD_FOLDER% --overwrite
+if %ERRORLEVEL% NEQ 0 (
+    pause
+    exit /b %ERRORLEVEL%
+)
+pause

package/{electron → examples/electron}/electron.js

@@ -1,18 +1,13 @@
 // Modules to control application life and create native browser window
-const {app, BrowserWindow} = require('electron')
-const path = require('path')
+const { app, BrowserWindow } = require('electron')
 
-function createWindow () {
+const createWindow = () => {
   // Create the browser window.
   const mainWindow = new BrowserWindow({
-  useContentSize: true,
-    width: 1024,
-    height: 576,
-    webPreferences: {
-      preload: path.join(__dirname, 'preload.js')
-    }
+    width: 800,
+    height: 600
   })
-
+  
   // hide menu
   mainWindow.setMenu(null);
   //mainWindow.setFullScreen(true);
@@ -27,20 +22,22 @@ function createWindow () {
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
-app.whenReady().then(createWindow)
+app.whenReady().then(() => {
+  createWindow()
 
-// Quit when all windows are closed.
-app.on('window-all-closed', function () {
-  // On macOS it is common for applications and their menu bar
-  // to stay active until the user quits explicitly with Cmd + Q
-  if (process.platform !== 'darwin') app.quit()
+  app.on('activate', () => {
+    // On macOS it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+  })
 })
 
-app.on('activate', function () {
-  // On macOS it's common to re-create a window in the app when the
-  // dock icon is clicked and there are no other windows open.
-  if (BrowserWindow.getAllWindows().length === 0) createWindow()
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') app.quit()
 })
 
 // In this file you can include the rest of your app's specific main process
-// code. You can also put them in separate files and require them here.
+// code. You can also put them in separate files and require them here.

package/{game.js → examples/electron/game.js}

@@ -103,7 +103,7 @@ function gameRender()
 function gameRenderPost()
 {
     // draw to overlay canvas for hud rendering
-    drawTextScreen('Hello World', vec2(mainCanvasSize.x/2, 80), 80);
+    drawTextScreen('LittleJS Engine Demo', vec2(mainCanvasSize.x/2, 80), 80);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/electron/index.html

@@ -0,0 +1,2 @@
+<body><script> 
+eval(Function("[M='DYhuJzCBV~LKby?Vt_b^ejSdE[eOF]^xwJzztBUSE|iPNBKKb?dBsnnlAtsdW{Bah}DrNQBAvepYbgAd|MkbArM~O||rTzOp@j@plQJwXWvVhjJOIAP]qltDKs]}eKr_hNM[lCb@AimlGZse}EkgtrHOvPEpL_wCglz}RRMIaRQzRhG{}zBgw@o]PR]~GKdRJGuuTSzzixXpGA}gRynsIAu{Sw{F}R|LIG@CsRCM`JUJvCzAYYZu@oL[I|WDTw|soA_N|ancvowsba{YWMEFfRfNMYRp_TvI~Fx`ZQzun_?[FQ@j?nsDgS}HlS_G~]h^vAvy^dSsvmUzvoHPLSdEgeGgYV{KTFMcq?byagUHA{yNhjvosWF|JY}?fQEbD}OjGVwx^c}OMOl^bWOui^[Ivg[jsXiPsH`v}AUS`pXxUJz]hAOQhlYOCMUceMnrGhge|EkH{?WpWojSpLiJRRVcNwXKw{JXRZgzX]gQ@etO^dYcUGvirBooulMfYq@JovQKWTOHCIDd`K?junfya]tnwNmtrCnEB{FBvcPIR|p|]apt~LzVZ`uIsSeaTtTVKi[|LYGO[ML_ulpHJ?QteSYjISIHNzI~mePARzyvRJcPtslrQgXO`fAyNNzFJ{abI]jpXTnT{YFRvrJAZnOzUaRuTX?uAkmmeJpZJmvyULO@`p@R}[t~qOlHB_TqPslYp|R^ftUiccRghndwglFSLpBAa[g}cKvx|HibXgWlIGXsGIHCa_f[tS?]eiZq^dtAhlWJffyPW]n|D[zRUFIAdi_iVHNQfkSn@QdEqqhUEgzE{pCpfnhacZJWV[MOjtdQq_ZMcC@pwJwmnFt^HK^tEOUeu{nl[wvQqf{SE`UhYtcDsdLALAbt`qDfmeZ`Gyj_iWv_[?}SPzvE[AtFJ^_X?pq|SjuuYFSkniQYdhaUmNmvDtHn[DTt{TIE}NtkDvi~?bd~RAu|fK^?lOvUUv]AWT?Ui]^_Z{kytzlQ@rhR`_OTEnDFk[bDtj|uyttWJ_VkirTg]WBlS{[om@LudgyTdJ^MNdmXo^lRP`e`kKtZVD|YGFqjGCYQH`EpErSwlhtYDgRUwujfAXWXJI|NDwQ|OApShIKEJJeOcBUbchxxQ^}gcH?gbfNYwk~{|]LScUWE`Gzv{hx^FyioJP[^_CMUeICIIdroIVKkR}xTKYDLqUzfl{XVao`@zbtAlV{?mOXelBkgKeQuwqPWbf^PM]ahX]{IFKYF@b_VE_vFs[ct~l?CA_}mZV^aoMAdYCOU`PDjYFEwqxxUHWzpnY@?H~GagutCltWqq{zsWds^jkN{`z{Pp}pZCnyfV^tLhLE|ydFFDytCUAIghmjfWqbH?ma]_gRnYJsboB{nQSoIVYVrqHLO`mzC{QkZojEUA`FLfOKzM_mQommrT?yezZeYPodczzc_aQuQrBSNeQ@Kitt^QKmf@]KKHjygOxxYH?B^UgPp]zXK[xffIt`jHIFw?zfy~|m`KpIyJ{{nwW@TqacRjViIfW{UKT@mYNZWOTUeckbaYMnJ~h|}y_?a{nnE_s?GV_tWBqSPr?gqq@wfIZWLCA|CAN_MvkhvcnQhKZsBrmU^w[D|YNf}_nZJwNXM{Dw?PDY~rusf_Nrm{NyzSY}qt|y]mPgPRl?SliU@CxtCFf@ZNP`gg|g@FsI^mUayJjOK~doq~|GuDt`PwKMWyb}|~iklbESGhcS?a~zT_a]yTKpMi?Llrs@bQ_L|xh?wUOpuXkZoSzWDvwmyg[ggMnEAAr_w?Fctw|EHql|OGtTRN{XBWxdvVsiEwZkGFD|{WspkNjMSV[nxYmppwBVb]tlZReEPHhIDZfHgEZemYtiXft_}_sOEnA~U~`awBrmQ`W[[jaOu@Fp_dtyZc]|BR{[jSOy}SA]?sfaRz[jwiMufnOLOBKalL`JiYH]YUQMkwJuqvd[lPcZt[Ek?r`TkRDTXBszW}QszISPMPzj]l}ALBP?coK[M}QMu|wHvPrMNPA^vCUGbGeCBhF|SgQeVptFfDMWrpc@Taj~WpCNPzwvBSSY`ccans??UzK^adxVBOtiNdoZmqaJ]T^RkMfPuxlyn|YUcdf[AQWqOVGUTUSz_CROMCRtM^WCCCcFo}o@bH[J{l?wUM[soFzKgJRpv[FCLYRXOd|bdqfd?AAwYCSeZkbWj~SoXDi`xRUyQWQX_j@GuxZkjxN^RZgfd~~|N`gBA]kJ^jLTZxlNV]N`_urbSf|Yt?prXcvhiS?hfbamVv{LPqhim{]bCM}OA}^DYjrDsrFIsSDvhCKLu^]`vKo{tWV_FdyqpUPIKgN`Qa[GaKuKvF?kcEhJvS[ypCruGUVHmk^xG_Q@HXMmpiaKvf?UjJ{icwDQrrq{UYw_DmVFzhHqzUUi?o_~VRU_HxKdUm|y`dvA^{Ai`tnSdO@YsBWAIBflM?UvLR]vTf`TcMoc`fVGNWIkTJsfMkDMzHIJcuC^ASrCabcl[?QfonyEFyogsunyRacV{CgFm[hynYFecGgAdftoVsZJNdPCRDkk[UUMWq_Pox`Xk{HeeROyfq`?rCg?JIrtnO@Ns{Tm{@r|}gExLpF|JgzZV~eliS?zT?y~CxIIZ?[_SRbJcO@_kdVJOWwZNAUFEVBBgxK_xhkGZa_JxymZlCAaygyaf?dIo]m}Wgpf~K_]bAQgOwnJ{k{XmHGGyePZsjd{?OvUCG_zrjAo{Uo_QyCJzWJ]wf|_FIYQxgrdqjv~lcItCWI}sAyqPX]RlX?FJjKUBJKccMPWcgp[`YALWnUJpmyp`oqB~IP@zOZZpz`b_xMG}dCNuxsaRgsqIv?cGPWEFWeBIFPQ@l}OVPbwvrGvkPBZ?jRyrh^i{gO@?wqvzGHzFnAPw}mkpzvJWrNQfLof]WL[}?nXSz_ADPjhQcG_aGS[|@DYJqMX?O^NqUQ^Bi@d~}`fhleXD?L~J|NzlkQoJCBMWvwgzMhAXqxIbIgNf@?vroNXhzJ?@oUShEqi}LAyTp|cYKyjf|Vs[wbGDfkegITHOozosxloZdxlFmE_?pjFMZMrR]DbjdzXPzNYT}@rPKDwY^_WWgNRYtoIETZhvzXP[wa|tWKTwF^KogSPW{o?[N}AyT`GtdzSErko?DtjzKBJdWXugT~s`rW~|TjTCTgCeD|Fu_YsR]VXmUOxBVVY|GMNC`BhQltZtz`YsG?k_DXUfSGKMSYlhiabhMLOyYJfUlR_|RRzFmb@FQxZO`wlGQP^FxEE`?l~n~W`DNYmbnz_pnZZaDG|_YeeF[wqjSVu{^BMQg}wpp{J_qyLlzMrTY|HDTN`QzoQuHeaktwqmPOg[Z[cEzjmQyF][qtCQ]NPJk~jZkDRDej]yk^tLJmRJZsEBh{Sa]Md^D|EI~yCSNMqAjn?BMwuXNe|KnjSXrmPThgj_hc^B_SficQw|T@SSgzBygIwDtvEqDRlTB}hA@mZUW]g`dfbtEsR?rWqWkVp``InYlyoerOtU?okUZV?jK}CPWw?Onq?^IezHJTqBASonkuD{_GzqZ[aSMZPhvBnpQYII~VT}JPxgQUZShecdMcDNYjemVgIF|~dnM[{@~~QDAcCeK_QLSx|BFIC`esdZmo??xI]~p|uRcQY_Q}LlzWioticXqY?pNOWNhOW_q{sm[?NLoivJcl~qDRwFM_dTK[j@^DF[bFY`sEVhUq[miWk[xV?RM?KVNSG^f_qnvRxN?zMwCaxwZNvw@ohtzk^gDC`Z_]zUHnOFLr~ZhGFYIYyWOl?IbAKVJcKtj@~ToUxGCDDZIx?nd?iOV^uh{dsRWtva?faEhvImhRbneQWoSCPFu}[Hb]XrcDOqkVbkyIazdpDcAaCxYW]jmcQhOsE|b[}CdczX^J}yKGjtAJAWsgGSV~ntNxtmYJEhbh{u[HKv_kPDhZt?oGT~V}dLsPWWCpT|qtGix|mfU`rFh`ir{bTgskDf]FZ}NZXJiAVUNaiIwkuskx~}u@djezJXzq?LBA^_dCIW@XW|t`bouxD|ACJvpChHVp[|wD]FpB_~~lV_Pz[|_s[ku^wAzh[{qm|W~K@OBK@vlDG|Y|RelcMQKvtmmdVGQ}OCFexbHzJR}Y}akNvONeOxcZ@JhVUC{dcXndDvsG[ytriKIdRIwVJgQ]wX?Cg~aTXtDcvVM^Z``tLyH~Ez~BRKDBplY`tnvS_w|RmGBQ[Yh_Q[ftvHMPpFoUR|cAGAjKj^[Ht@cD}ruQOpnTQhpYC`@yKdJPaSbIRv}VfCbYDE@BUuqaM?AFYo_ZGM]{ndLiLzrQsYWIUrisBQBBBOf_ImzH@|}xU}yC~ry`mbSlHgnMDKqFIRFqKZ?CXUToMcveLQaQ~]|OPC[[tfFvu{V^h]s[G{l?O`Y}kBnJk}XPy`ldz^Ktur?CEWVfWkgLMzS`usxxfDEuN`UHbfikOU~YG]lDfAlv]Vctn`KxS~v|ALhjCSZEHC}NwYuRIyjgYQUtp]lMAGyQNqFLfyMiHnK`SyMdXOofrwQg_VMKJgP@QtWto@v]qAGxbJDh_MVJJZRASfi@GjM]TwzgaM^zyLke~eYnHcq_ZBr`RKoeq~pauJETAgraal?EdOgqRfcjcpBExanDBdw[YYj]p@nRyCcBFx_STvj~nMeXGyEslPfCQJm_acS|}OvEeYanDQSEVzFbVIWvNnIxjPT_NXi@y]IkSGiFmu^lq`pKB_UpFoSmKkufT[{^i?rccrmoGMVtYjcOZolZdgUwKI^voQfjNd}LxukpVjx~VqN|nyLUBY^qAqn`^?phzGoiRhx_c?btr^AFByUK]wNtGGrkfsXpjjLUCe?O}iCqbnwBNXjrrVFPgKtBKMUnpaYdj@acAua[PeU]n_U?tpDMoepGZhPcuB|IynrfSCKNkzftCqZ?ti~jKOHBRM}jWza^cVFRXnzK?tL_TFmqSsqMfIAPINqLDqQy}YZGuhyzyb|OLj~vfgRfEfv?usSOLsF`[uUcJY_gnaKF?dXNvDEFQWqDbSBpi~ZCQEUy_hd@Owm^YKt_BIXv@NDk[jxRMWICW~GD[`sTQLGv`gPyUbmDdDO}OdbKvwzLoDKavDJRgQwnHIMe?u|xtBo?eqqSPMgwfzyatUiSnBnEuToTwb]cbrRQQ^uAIPswLp|hKaPWk^`MKhE^auir{sJNzqptiGN@Iz@~X`O`JuL?efbeF_k][dvHESTkxn^HnXUsxPbI?lE|EDbKmCRL~NprItUGvq~q{qBp]njD[yctdo^JxjZFSrgHwDouGkqHxgg}mj{noEHzfmb~JSVzIoyAlzwtmQbL~OdZWRZ`mpUDKagmcvNmne[jP|nxCJqzUgLXJBmGG~?a}uDTGbIqsC@u]VfgPVgbg[xto`zeQ_nXRbwY}K~|n`yKeSBFswLA?oCOdiwmc?YwcVGvitUWIjVSawT~Yh`NXx~Jr?HRf}LqVExCisFu|@KvWGETo]?[Xviep^tXQlsS|xschkIzdVzNdgf?ZcwsXX]RanjaebtW[Ujl|^BOlkwK`CTOkvyC?N@EnuWVN]X?oUwlhJVyZAVLmLW]P_vrZoZ}O]vFrWBXwz{lU]XVwrPx]khjwUuv}xUAfaVgfEwv[JgiUpxIIfr}??wIhnnNvMtbmq[hDkfgfTaInXGW[WW?@nnaDVLbGRvFXDSZHcjoMrwbZ`BQCegnD}NJjtNR`[AfJjVAfwrWLnVftTcVYUNCFb[n}[yyEEFSHNllFBh@c^^t?bQDld}OlyIxKwTv[BnLENhKGrHITL^|waFPlQsa]soPPFxON}UKWy^yvyKe]WuqWb]xaGAbPL@tGyLknI_AfSAj^YD?tlORYT_Go`AdJXhJkgiIAhIzV`^ZsyCagoORq`yviJcbAJKuuiE}c{WeoI_mjcjLQtfwgGIYzYGsTE@i@IrvgUj[U[DzmS|bH?DDeDldazEsXBLlqf[uUeYPtq`tLUvkIs~a`HiXFac~WV@t[[eAnLWcpvASBOYiRLCdyCLwpBQXwXGJorQcyNTQkBQQ][rYy~p^RCj~ELPkV`aka}aNSLpyDydUGrC@zG?wSlIuvQjaZH}~tIgYYvrfXIaMHvMg}@~xgr[NKsgUpGcGBwVcRmjw@@NFaGY[|WyQkF_n^~rGpcDr?fqBEq~ZoagW[wCMirZB[l}~hSX^XzCyabfiLXPkbDplwGdIzJPNPQb@BtN^Wmh[?]dMeCkwa@VQSeQCkEQwKBpuZ_ClD}E_sEr?B`_rupxp?ckRsn~Cfoxji^Tucc@}nKCFrW@gHe?Cxd@}SlS@iX^aTzMY_CK@o|nr}{y@qXsgRJ`ItgUP?yvnaIxTr{AfplV}cvEVUeUFPtFD?g_imZ^tw]vHcFclKsqvOYdgJl@hlOrNN|zniXkJMqiSvtnn~AUyuOheTwX_tLz|_cfikR{IEyRw~OuCf[]IAT[PPKIOnc|IAsec^cFwcoeIHFFUQAyRIUAEDzngxosbFd@NEJzFGQCGwWKJNmBwZ_F}OA}MKzIE@LAfAXcp}fNBNCTpGgmV[BaoDIvOd}h~@^N@WD?w|s[i[B@Pv_ZMCzk^qBbNuVzjYWscbJfQVPn|mCKrrazm]QAVS?mfw^vGf]b@N?xA@~b{fily@]f_F@FW|DdLsFng?rdE`PftgWBH^rYn@f`zAZanDdBXkAplT}mpcokSIVfmHbvKNmYblbBu^OYJQqKFHgRwuYfOnvvaSuXBUWS?^Bzkto^gbv?YlP@lnWGEayDQsaqu_fm{WcoCleS@axo~[FqMaUfIikX~vssKAzyevpoHmLGKFfus|tfroqyXJMJ|{`MNrg}Rf`T]weSQIPnD~L?mRfT^ciedQ~BK]?`OcBE~B@j]`D?OF]GPfIwnlX|jgopQQNgqMZkqAjz}ZYDnsBPlyYigZEy[Gfdi@{afvogVO}du{f}j]Eto@si]yf?dVr[yaSIXBrxWiSRxa_BG_pADKsF]|`mLGUHdE_Z}moOXKMbwpzi[XfYTQ_QrdN[pyowYJue|{xLgVdI}{?njX`^MwWV@LWAanGO|u`V?`Da{JAT?HvoL|sDTeeZxSf@hIqwRLrlQGONq?lOCeoAIF?I?AOdg`MxyfyKyyXEjsv[r^Uq?Wj~CoRvTjjxausxHB`CwauprXOle`IpYdsOg]F?iDz]hTSp[_FhmUkRGy]f^dS?fJYFYYgaYSi_DUbNWMSYJfdheVFdw[I}WjP_GMD^LMn~pGQytBn~Qe}aT^VeM_E{M`mNA^{orkcdMy?DToGNLtF[oPbBCd|BmXn|ynz@noy~b}|mGEOQ[f_Dx`JxhL]?DZuvdEpd[f]z|b{xCkFirFxdK|ZAOofbKYngwAEKeaPsFEg?Q`vgkb}`rmuz^f`hvVpOjtjqtcXmhq^W@uRPNnqcmVhp`HJ@WuUIOmpc?`CE??ewy}gAEcMUjY^MqrtQrfoQhqbx]lrHn`cAG|cI`rHF?_?g]HXG][~BcjDigTFkgkW[geovnUFARvz[i?]EV{rIAJ}Rna@_L[vdrd{QlbHs[FlJKpRXlyPp`zeNYoT_am]YOkJiWZBBhb~tvANUcsy|mmj]X|cUdkwIW|vGFUselsg?QFjk?lI[XUr|je@~`NWwJhFHG`ek}TX?UcezDgU]TcMdRy{rq}r[||oBIAXjFtKx_?rXhiVN|dwuVFbfVMsBzfpq|Z|bKRifQ_Bp@mY_]dt{lMB`vDGs~aBKNS@DQ{trAl^^nO_BSb{nZ]AuCZGN@cDPYL{ZJpPvR[PUgoLncXbMpgucJjgETBi[hhmpzbw@TjvZOP]EhFcH{g]HWOmSOBkEjXCkvO`gZSL?NW}PBGqaObGE]Qw[UZtEv~xLk@^~oSXWBaOmjnNQYh^H~KQbhox?X{uNa}aJJf}Qc~`}_MtvjXcNr@?VafbhkRFJqCSFe``I{yqFMjmUVB^fau~}ieSUcEOe`l?VWThanHwXPU`fGHFruFQm`h~`{|GVHv~_Wbz_v]`_TLuGYp_RZvFtTn@@PUTSMWXRNnoEaYKNT{sqQIHt_UUvA|ziPqvbQi~t@s]QmrQaYxpIFHqdYxsRSrUb^GhDk`@wYE^JFABqmjKtkWwWkWfMM}Yj~bvgd`WQYefZg}YqJ'",...']charCodeAtUinyxp',"for(;e<13590;c[e++]=x-128)for(x=1;x<128;n=p.map((i,y)=>(t=r[i]*2+1,t=Math.log(t/(h-t)),A-=a[y]*t,t/750)),A=~-h/(1+Math.exp(A))|1,U=o%h<A,o=o%h+(U?A:h-A)*(o>>13)-!U*A,p.map((i,y)=>(t=r[i]+=(U*h/2-r[i]<<17)/((C[i]+=C[i]<5)+.1)>>17,a[y]+=n[y]*(U-A/h))),x=x*2+U)for(p='010202103203210431053105410642065206541'.split(A=0).map((i,y)=>(t=0,[...i].map((i,y)=>(t=t*997+(c[e-i]|0)|0)),h*512-1&t*997+x)*12+y);o<h*512;o=o*64|M.charCodeAt(d++)&63);for(C=String.fromCharCode(...c);r=/[\0-]/.exec(C);)with(C.split(r))C=join(shift());return C")([],[],1<<13,[0,0,0,0,0,0,0,0,0,0,0,0],new Uint16Array(51e6).fill(1<<11),new Uint8Array(51e6),0,0,0))</script> 

package/examples/electron/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "LittleJSGame",
+  "version": "1.0.0",
+  "description": "A minimal Electron application",
+  "main": "electron.js",
+  "scripts": {},
+  "repository": "https://github.com/electron/electron-quick-start",
+  "keywords": [
+    "Electron",
+    "LittleJS",
+    "Game"
+  ],
+  "author": "GitHub",
+  "license": "CC0-1.0",
+  "devDependencies": {
+    "electron": "~25.2.0",
+    "electron-packager": "~17.1.1"
+  },
+  "dependencies": {}
+}

package/examples/empty/game.js

@@ -27,7 +27,7 @@ function gameRender()
 ///////////////////////////////////////////////////////////////////////////////
 function gameRenderPost()
 {
-    drawTextScreen('LittleJS Empty Project', mainCanvasSize.scale(.5), 80);
+    drawTextScreen('Hello World!', mainCanvasSize.scale(.5), 80);
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/empty/index.html

@@ -1,6 +1,6 @@
 <html><head>
-<link rel=icon type=image/png href=../../favicon.png>
+<title>Little JS Hello World Demo</title>
 </head><body>
 
-<script src=../../engine/engine.all.js></script>
+<script src=../../build/littlejs.js></script>
 <script src=game.js></script>

package/examples/module/game.js

@@ -5,7 +5,7 @@
 'use strict';
 
 // import module
-import * as LittleJS from '../../engine/engine.all.module.js';
+import * as LittleJS from '../../build/littlejs.esm.js';
 const {Vector2, Color, Timer, vec2} = LittleJS;
 
 // sound effects

package/examples/module/index.html

@@ -1,8 +1,9 @@
 <html><head>
+<title>Little JS Module Demo</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../../favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
 <!-- Add your game scripts here -->

package/examples/particles/index.html

@@ -1,8 +1,9 @@
 <html><head>
+<title>Little JS Particle System Designer</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 <style>
 input
 {
@@ -15,7 +16,7 @@ button
 </style>
 </head><body>
 
-<script src=../../engine/engine.all.js?125></script>
+<script src=../../build/littlejs.js?125></script>
 <script>
 
 'use strict';

package/examples/platformer/index.html

@@ -1,11 +1,12 @@
 <html><head>
+<title>Little JS Platforming Game Demo</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../../favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.js?125></script>
+<script src=../../build/littlejs.js?125></script>
 <script src=gameObjects.js?125></script>
 <script src=gamePlayer.js?125></script>
 <script src=gameEffects.js?125></script>

package/examples/puzzle/index.html

@@ -1,9 +1,10 @@
 <html><head>
+<title>Little Puzzle Game Demo</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../../favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.js?125></script>
+<script src=../../build/littlejs.js?125></script>
 <script src=game.js?125></script>

package/{build.bat → examples/starter/build.bat}

@@ -1,19 +1,12 @@
 rem Simple build script for LittleJS by Frank Force
 rem Minfies and combines index.html and index.js and zips the result
-rem Run buildSetup.bat to install required dependencies.
 
 set NAME=game
 set BUILD_FOLDER=build
 set BUILD_FILENAME=index.js
 
-rem rebuild engine first
-cd engine
-call engineBuild.bat
-if %ERRORLEVEL% NEQ 0 (
-    pause
-    exit /b %ERRORLEVEL%
-)
-cd ..
+rem install dev packages
+rem call npm install
 
 rem remove old files
 del %NAME%.zip
@@ -21,8 +14,18 @@ rmdir /s /q %BUILD_FOLDER%
 
 rem copy engine release build
 mkdir %BUILD_FOLDER%
-cd %BUILD_FOLDER%
-type ..\engine\engine.all.release.js >> %BUILD_FILENAME%
+pushd %BUILD_FOLDER%
+
+rem rebuild engine first
+pushd ..\..\..\src
+call engineBuild.bat
+if %ERRORLEVEL% NEQ 0 (
+    pause
+    exit /b %ERRORLEVEL%
+)
+popd
+
+type ..\..\..\build\littlejs.release.js >> %BUILD_FILENAME%
 echo. >> %BUILD_FILENAME%
 
 rem add your game's files to include here
@@ -41,9 +44,8 @@ if %ERRORLEVEL% NEQ 0 (
 )
 del temp_%BUILD_FILENAME%
 
-rem more minification with uglify or terser (they both do about the same)
+rem more minification with uglify
 call npx uglifyjs -o %BUILD_FILENAME% --compress --mangle -- %BUILD_FILENAME%
-rem call terser -o %BUILD_FILENAME% --compress --mangle -- %BUILD_FILENAME%
 if %ERRORLEVEL% NEQ 0 (
     pause
     exit /b %ERRORLEVEL%
@@ -66,12 +68,10 @@ rem delete intermediate files
 del %BUILD_FILENAME%
 
 rem zip the result, ect is recommended
-call ..\node_modules\ect-bin\vendor\win32\ect.exe -9 -strip -zip ..\%NAME%.zip index.html tiles.png
+call ..\..\..\node_modules\ect-bin\vendor\win32\ect.exe -9 -strip -zip ..\%NAME%.zip index.html tiles.png
 if %ERRORLEVEL% NEQ 0 (
     pause
     exit /b %ERRORLEVEL%
 )
 
-cd ..
-
-rem pause to see result
+popd

package/examples/starter/game.js

@@ -0,0 +1,111 @@
+/*
+    LittleJS Hello World Starter Game
+*/
+
+'use strict';
+
+// sound effects
+const sound_click = new Sound([1,.5]);
+
+// medals
+const medal_example = new Medal(0, 'Example Medal', 'Welcome to LittleJS!');
+medalsInit('Hello World');
+
+// game variables
+let particleEmiter;
+
+///////////////////////////////////////////////////////////////////////////////
+function gameInit()
+{
+    // create tile collision and visible tile layer
+    initTileCollision(vec2(32, 16));
+    const pos = vec2();
+    const tileLayer = new TileLayer(pos, tileCollisionSize);
+
+    // get level data from the tiles image
+    const imageLevelDataRow = 1;
+    mainContext.drawImage(tileImage, 0, 0);
+    for (pos.x = tileCollisionSize.x; pos.x--;)
+    for (pos.y = tileCollisionSize.y; pos.y--;)
+    {
+        const imageData = mainContext.getImageData(pos.x, 16*(imageLevelDataRow+1)-pos.y-1, 1, 1).data;
+        if (imageData[0])
+        {
+            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();
+
+    // move camera to center of collision
+    cameraPos = tileCollisionSize.scale(.5);
+
+    // enable gravity
+    gravity = -.01;
+
+    // create particle emitter
+    particleEmiter = new ParticleEmitter(
+        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
+        new Color(1,1,1,0), new Color(0,0,0,0), // colorEndA, colorEndB
+        2, .2, .2, .1, .05,   // time, sizeStart, sizeEnd, speed, angleSpeed
+        .99, 1, 1, PI,        // damping, angleDamping, gravityScale, cone
+        .05, .5, 1, 1         // fadeRate, randomness, collide, additive
+    );
+    particleEmiter.elasticity = .3; // bounce when it collides
+    particleEmiter.trailScale = 2;  // stretch in direction of motion
+}
+
+///////////////////////////////////////////////////////////////////////////////
+function gameUpdate()
+{
+    if (mouseWasPressed(0))
+    {
+        // play sound when mouse is pressed
+        sound_click.play(mousePos);
+
+        // change particle color and set to fade out
+        particleEmiter.colorStartA = new Color;
+        particleEmiter.colorStartB = randColor();
+        particleEmiter.colorEndA = particleEmiter.colorStartA.scale(1,0);
+        particleEmiter.colorEndB = particleEmiter.colorStartB.scale(1,0);
+
+        // unlock medals
+        medal_example.unlock();
+    }
+
+    // move particles to mouse location if on screen
+    if (mousePosScreen.x)
+        particleEmiter.pos = mousePos;
+}
+
+///////////////////////////////////////////////////////////////////////////////
+function gameUpdatePost()
+{
+
+}
+
+///////////////////////////////////////////////////////////////////////////////
+function gameRender()
+{
+    // draw a grey square in the background without using webgl
+    drawRect(cameraPos, tileCollisionSize.add(vec2(5)), new Color(.2,.2,.2), 0, 0);
+}
+
+///////////////////////////////////////////////////////////////////////////////
+function gameRenderPost()
+{
+    // draw to overlay canvas for hud rendering
+    drawTextScreen('LittleJS Engine Demo', vec2(mainCanvasSize.x/2, 80), 80);
+}
+
+///////////////////////////////////////////////////////////////////////////////
+// Startup LittleJS Engine
+engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, 'tiles.png');

package/examples/starter/index.html

@@ -0,0 +1,27 @@
+<html><head>
+<title>Little JS Starter Project</title>
+<meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
+<meta name=apple-mobile-web-app-capable content=yes>
+<meta name=mobile-web-app-capable content=yes>
+<link rel=icon type=image/png href=../favicon.png>
+</head><body>
+
+<!-- LittleJS engine scripts -->
+<script src=../../src/engineDebug.js?125></script>
+<script src=../../src/engineUtilities.js?125></script>
+<script src=../../src/engineSettings.js?125></script>
+<script src=../../src/engineObject.js?125></script>
+<script src=../../src/engineDraw.js?125></script>
+<script src=../../src/engineInput.js?125></script>
+<script src=../../src/engineAudio.js?125></script>
+<script src=../../src/engineTileLayer.js?125></script>
+<script src=../../src/engineParticles.js?125></script>
+<script src=../../src/engineMedals.js?125></script>
+<script src=../../src/engineWebGL.js?125></script>
+<script src=../../src/engine.js?125></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?125></script>

package/examples/stress/index.html

@@ -1,11 +1,12 @@
 <html><head>
+<title>Little JS Stress Test</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../../favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
-<script src=../../engine/engine.all.min.js?125></script>
+<script src=../../build/littlejs.min.js?125></script>
 <script>
 
 /*

package/examples/typescript/game.js

@@ -3,7 +3,7 @@
 */
 'use strict';
 // import module
-import * as LittleJS from '../../engine/engine.all.module.js';
+import * as LittleJS from '../../build/littlejs.esm.js';
 const { Vector2, Color, Timer, vec2 } = LittleJS;
 // sound effects
 const sound_click = new LittleJS.Sound([1, .5]);

package/examples/typescript/game.ts

@@ -5,7 +5,7 @@
 'use strict';
 
 // import module
-import * as LittleJS from '../../engine/engine.all.module.js';
+import * as LittleJS from '../../build/littlejs.esm.js';
 const {Vector2, Color, Timer, vec2} = LittleJS;
 
 // sound effects

package/examples/typescript/index.html

@@ -1,8 +1,9 @@
 <html><head>
+<title>Little TypeScript Demo</title>
 <meta name=viewport content=width=device-width,height=device-height,initial-scale=1,maximum-scale=1>
 <meta name=apple-mobile-web-app-capable content=yes>
 <meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../../favicon.png>
+<link rel=icon type=image/png href=../favicon.png>
 </head><body>
 
 <!-- Add your game scripts here -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "littlejsengine",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "engine/engine.all.module.js",
   "repository": {
@@ -23,9 +23,9 @@
   },
   "homepage": "https://github.com/KilledByAPixel/LittleJS",
   "scripts": {
-    "build": "build.bat"
+    "build": "cd src && engineBuild.bat"
   },
-  "dependencies": {
+  "devDependencies": {
     "ect-bin": "~1.4.1",
     "google-closure-compiler": "~20230502.0.0",
     "roadroller": "~2.1.0",