littlejsengine 1.13.1 → 1.14.2

package/examples/shorts/slidingPuzzle.js

@@ -33,8 +33,8 @@ class PuzzlePiece extends EngineObject
 function gameInit()
 {
     // create puzzle pieces
-    for(let x=gridSize.x; x--;)
-    for(let y=gridSize.y; y--;)
+    for (let x=gridSize.x; x--;)
+    for (let y=gridSize.y; y--;)
         (x||y) && new PuzzlePiece(vec2(x,y), pieceSize);
 
     // center camera on grid

package/examples/shorts/starfield.js

@@ -1,17 +1,15 @@
 function gameRender()
 {
-    setBlendMode(1);
     // precreate variables to avoid overhead
     const pos = vec2(), size = vec2(), color = WHITE;
-    for(let i=2e3; i--;)
+    for (let i=2e3; i--;)
     {
         // use math to generate random star positions
         const offset = time*(9+i**2.1%15) + i**2.3;
-        pos.x = offset%70-35;
-        pos.y = i/120-8;
-        size.x = size.y = i%.11+.07;
-        color.setHSLA(0, 0, Math.sin(i)**4);
+        pos.x = offset%70 - 35;
+        pos.y = i/110 - 9;
+        size.x = size.y = i%.11 + .07;
+        color.set(1,1,1,Math.sin(i)**4);
         drawRect(pos, size, color);
     }
-    setBlendMode(0);
 }

package/examples/shorts/systemFont.js

@@ -6,7 +6,7 @@ function gameRender()
 
     // show every character in the system font
     let s = '';
-    for(let i=32; i<128; ++i)
+    for (let i=32; i<128; ++i)
     {
         if (i%32 == 0)
             s += '\n';

package/examples/shorts/uiSystem.js

@@ -8,28 +8,36 @@ function gameInit()
     new UISystemPlugin;
     uiSystem.defaultSoundPress = new Sound([1,0,220]);
     uiSystem.defaultSoundClick = new Sound([1,0,440]);
+    uiSystem.defaultCornerRadius = 8;
 
     // setup example menu
-    uiMenu = new UIObject(mainCanvasSize.scale(.5));
-    const uiBackground = new UIObject(vec2(), vec2(400));
-    uiMenu.addChild(uiBackground);
+    uiBackground = new UIObject(mainCanvasSize.scale(.5), vec2(1e5));
+    uiBackground.color = hsl(0,0,.8);
+    const uiMenu = new UIObject(vec2(), vec2(450));
+    uiBackground.addChild(uiMenu);
 
     // example text
-    const textTitle = new UIText(vec2(0,-100), vec2(400, 60), 'LittleJS UI\nSystem Demo');
+    const textTitle = new UIText(vec2(0,-120), vec2(400, 60), 'LittleJS UI\nSystem Demo');
     uiMenu.addChild(textTitle);
 
     // example button
-    const button1 = new UIButton(vec2(70,40), vec2(100), 'Test');
-    button1.textHeight = 40;
+    const button1 = new UIButton(vec2(70,0), vec2(140, 80), 'Test');
+    button1.textHeight = 60;
     uiMenu.addChild(button1);
     button1.onClick = ()=> uiBackground.color = randColor();
 
     // example checkbox
-    const checkbox = new UICheckbox(vec2(-70,40), vec2(50));
+    const checkbox = new UICheckbox(vec2(-70,0), vec2(50));
+    checkbox.onChange = ()=> button1.disabled = checkbox.checked;
     uiMenu.addChild(checkbox);
 
+    // example scrollbar
+    const scrollbar = new UIScrollbar(vec2(0,90), vec2(300, 50), soundVolume, 'Volume');
+    uiMenu.addChild(scrollbar);
+    scrollbar.onChange = ()=> setSoundVolume(scrollbar.value);
+
     // exit button
-    const button2 = new UIButton(vec2(0,140), vec2(300, 50), 'Exit Menu');
+    const button2 = new UIButton(vec2(0,170), vec2(300, 50), 'Exit Menu');
     button2.textHeight = 40;
     uiMenu.addChild(button2);
     button2.onClick = ()=> uiMenu.visible = false;

package/examples/starter/build.js

@@ -36,7 +36,7 @@ fs.rmSync(`${PROGRAM_NAME}.zip`, { force: true });
 fs.mkdirSync(BUILD_FOLDER);
 
 // copy data files
-for(const file of dataFiles)
+for (const file of dataFiles)
     fs.copyFileSync(file, `${BUILD_FOLDER}/${file}`);
 
 Build
@@ -50,7 +50,6 @@ Build
 
 console.log('');
 console.log(`Build Completed in ${((Date.now() - startTime)/1e3).toFixed(2)} seconds!`);
-console.log(`Size of ${PROGRAM_NAME}.zip: ${fs.statSync(`${PROGRAM_NAME}.zip`).size} bytes`);
 
 ///////////////////////////////////////////////////////////////////////////////
 
@@ -73,7 +72,7 @@ function Build(outputFile, files=[], buildSteps=[])
 
 function closureCompilerStep(filename)
 {
-    console.log(`Running closure compiler...`);
+    console.log('Running closure compiler...');
 
     // use closer compiler to minify the code
     const filenameTemp = filename + '.tmp';
@@ -84,22 +83,23 @@ function closureCompilerStep(filename)
 
 function uglifyBuildStep(filename)
 {
-    console.log(`Running uglify...`);
+    console.log('Running uglify...');
     child_process.execSync(`npx uglifyjs ${filename} -c -m -o ${filename}`, {stdio: 'inherit'});
 };
 
 function roadrollerBuildStep(filename)
 {
-    console.log(`Running roadroller...`);
+    console.log('Running roadroller...');
     child_process.execSync(`npx roadroller ${filename} -o ${filename}`, {stdio: 'inherit'});
 };
 
 function htmlBuildStep(filename)
 {
-    console.log(`Building html...`);
+    console.log('Building html...');
 
     // create html file
-    let buffer = '<!DOCTYPE html>';
+    let buffer = ''
+    buffer += '<!DOCTYPE html>';
     buffer += '<head>';
     buffer += `<title>${PROGRAM_TITLE}</title>`;
     buffer += '<meta charset=utf-8>';
@@ -115,8 +115,9 @@ function htmlBuildStep(filename)
 
 function zipBuildStep(filename)
 {
-    console.log(`Zipping...`);
+    console.log('Zipping...');
     const sources = ['index.html', ...dataFiles];
     const sourceList = sources.join(' ');
     child_process.execSync(`npx bestzip ../${PROGRAM_NAME}.zip ${sourceList}`, {cwd:BUILD_FOLDER, stdio: 'inherit'});
+    console.log(`Size of ${PROGRAM_NAME}.zip: ${fs.statSync(`${PROGRAM_NAME}.zip`).size} bytes`);
 };

package/examples/starter/game.js

@@ -104,7 +104,10 @@ function gameUpdate()
 
     // move particles to mouse location if on screen
     if (mousePosScreen.x)
+    {
         particleEmitter.pos = mousePos;
+        particleEmitter.velocity = mouseDelta.scale(.3*timeDelta);
+    }
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -116,8 +119,8 @@ function gameUpdatePost()
 ///////////////////////////////////////////////////////////////////////////////
 function gameRender()
 {
-    // draw a grey square in the background without using webgl
-    drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6), 0, false);
+    // draw a grey square in the background
+    drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6));
     
     // draw the logo as a tile
     drawTile(vec2(21,5), vec2(4.5), tile(3,128));

package/examples/starter/index.html

@@ -7,7 +7,7 @@
 </head><body>
 
 <!-- LittleJS Engine -->
-<script src=../../dist/littlejs.js?11212></script>
+<script src=../../dist/littlejs.js?1136></script>
 
 <!-- LittleJS Engine Source
 <script src=../../src/engineDebug.js></script>
@@ -31,4 +31,4 @@
 -->
 
 <!-- Add your game scripts here -->
-<script src=game.js?11212></script>
+<script src=game.js?1136></script>

package/examples/stress/index.html

@@ -21,7 +21,7 @@ import * as LJS from '../../dist/littlejs.esm.min.js';
 const {vec2, rgb} = LJS;
 
 // keep our own list of simple sprites and track fps
-let sprites, tileLayer, timeMS, fpsDisplay, statsDisplay, spriteColor, spriteAdditiveColor;
+let sprites, tileLayer, timeMS, fpsDisplay, statsDisplay, spriteColor, spriteAdditiveColor, musicInstance;
 
 ///////////////////////////////////////////////////////////////////////////////
 
@@ -59,8 +59,13 @@ function gameInit()
 ///////////////////////////////////////////////////////////////////////////////
 function gameUpdate()
 {
-    if (LJS.mouseWasPressed(0) && !music.getSource())
-        music.play();
+    if (LJS.mouseWasPressed(0))
+    {
+        if (!musicInstance)
+            musicInstance = music.play();
+        else if (!musicInstance.isPlaying())
+            musicInstance.start();
+    }
 
     // mouse click = change color
     if (LJS.mouseWasPressed(0) || LJS.mouseIsDown(2))
@@ -123,23 +128,23 @@ function gameRender()
     // update sprites
     for (const sprite of sprites)
     {
-        // keep sprites above 0
-        sprite.pos.y = LJS.max(sprite.pos.y, 0);
-
         // apply velocity and gravity
         sprite.pos.x += sprite.velocity.x;
         sprite.pos.y += sprite.velocity.y += LJS.gravity.y;
 
         // bounce
         if (sprite.pos.y < 0)
+        {
+            sprite.pos.y = 0;
             sprite.velocity.y = LJS.rand(.3,.8);
+        }
         if (sprite.pos.x < 0)
             sprite.pos.x = 0, sprite.velocity.x *= -1;
         if (sprite.pos.x > tileLayer.size.x)
             sprite.pos.x = tileLayer.size.x, sprite.velocity.x *= -1;
 
         // rotate sprite
-        sprite.angle += .02*LJS.sign(sprite.velocity.x);
+        sprite.angle += sprite.velocity.x > 0 ? .02 : -.02;
 
         // draw the sprite directly using glDraw for extra speed
         LJS.glDraw(sprite.pos.x, sprite.pos.y, 1, 1, sprite.angle, 0, 0, 1, 1,
@@ -162,5 +167,5 @@ LJS.engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost,
 
 ///////////////////////////////////////////////////////////////////////////////
 // music - Depp Loop
-const music = new LJS.ZzFXMusic([[[.6,0,76,,,1,1,.5,,,,,.1,,,.06,,.5,.2,,-700],[,0,43,.01,,.2,2,,,,,,,,,,.01],[,0,170,.003,,.008,,.97,-35,53,,,,,,.1],[.8,0,270,,,.12,3,1.65,-2,,,,,4.5,,.02],[,0,86,,,.1,,.7,,,,.5,,6.7,1,.05],[,0,41,,.05,.4,2,0,,,9,.01,,,,.08,.02],[,0,2200,,,.04,3,2,,,800,.02,,4.8,,.01,.1],[.3,0,16,,,.3,3]],[[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,22,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,24,,,,,,,,,,,,,,,,,,,,,,,,22,,22,,22,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,24,,,,,,,,27,,,,,,,,,,,,,,,,27,,,,24,,,,24,,,,,,,,27,,,,,,,,,,,,,,,,24,,24,,24,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[6,1,,,34,34,34,,,,,,34,34,,,,,34,,,,34,34,,,,,34,,,,34,,,,34,34,34,,,,,,34,,,,,,34,34,,,34,34,,,,,,,,,34,34],[4,1,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,23,23,35,23,23,36,23,23,35,23,23,36,23,23,35,35,23,23,35,23,23,35,23,23,36,23,23,35,23,23,36,36],[5,-1,21,,,19,,,21,,,,,,,,,,21,,,19,,,17,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,],[3,1,24,,,24,,,24,,,,,,,,,,24,,,24,,,24,,,,24.75,24.5,24.26,24.01,24.01,24.01,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[4,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,24.75,24.5,24.26,24.01,24.01,24.01,24.01,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,23,,21,23,,35,,23,,21,23,,35,,35,,23,,21,23,,35,,21,23,,35,,21,23,,,],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,36,34,,33,34,34,36,31,36,34,,31,34,32,,33,36,34,,31,34,34,36,33,36,33,,31,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,21,,19,21,,33,,21,,19,21,,33,,33,,21,,19,21,,33,,21,,19,21,,33,,33,,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29],[2,1,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,],[6,1,,,36,,,,,,36,,36,,,,,,,,36,,,,,,36,,36,,,,,,,,36,,,,,,,,,,,,,,,,36,,,,,,36,,36,,,,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,25,,,25,,,,,,,,25,,,,,,,,25,25,25,25]],[[1,-1,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,19,19,31,19,19,31,19,19,31,19,19,31,19,19,31,31],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,36,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,19,,19,19,31,19,19,31,19,,19,19,31,19,19,31],[2,1,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,,,,,,34,,34,,,,,,,,34,,,,,,34,,34,,,,,,]]],[0,1,1,2,3,4,4]]);
+const music = new LJS.ZzFXMusic([[[.6,0,43,,,1,1,.5,,,,,.1,,,.05,,.5,.4,.2],[,0,43,.01,,.2,2,,,,,,,,,,.01],[,0,170,.003,,.008,,.97,-35,53,,,,,,.1],[.8,0,270,,,.12,3,1.65,-2,,,,,4.5,,.02],[,0,86,,,.1,,.7,,,,.5,,6.7,1,.05],[,0,41,,.05,.4,2,0,,,9,.01,,,,.08,.02],[,0,2200,,,.04,3,2,,,800,.02,,4.8,,.01,.1],[.3,0,16,,,.3,3]],[[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,22,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,24,,,,,,,,,,,,,,,,,,,,,,,,22,,22,,22,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33],[3,1,24,,,,,,,,27,,,,,,,,,,,,,,,,27,,,,24,,,,24,,,,,,,,27,,,,,,,,,,,,,,,,24,,24,,24,,,,],[5,-1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[,1,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,24,,,,23,,,,,,,,,,,,,,,,,,,,,,,,24,,23,,21,,,,],[6,1,,,34,34,34,,,,,,34,34,,,,,34,,,,34,34,,,,,34,,,,34,,,,34,34,34,,,,,,34,,,,,,34,34,,,34,34,,,,,,,,,34,34],[4,1,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,,,,,,,24,,,,,,24,,24,,,,24,,,,24,,,,,,,,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,23,23,35,23,23,36,23,23,35,23,23,36,23,23,35,35,23,23,35,23,23,35,23,23,36,23,23,35,23,23,36,36],[5,-1,21,,,19,,,21,,,,,,,,,,21,,,19,,,17,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,],[3,1,24,,,24,,,24,,,,,,,,,,24,,,24,,,24,,,,24.75,24.5,24.26,24.01,24.01,24.01,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[4,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,24.75,24.5,24.26,24.01,24.01,24.01,24.01,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,23,,21,23,,35,,23,,21,23,,35,,35,,23,,21,23,,35,,21,23,,35,,21,23,,,],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,36,34,,33,34,34,36,31,36,34,,31,34,32,,33,36,34,,31,34,34,36,33,36,33,,31,,,]],[[1,-1,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,21,21,33,21,21,33,21,21,33,21,21,33,21,21,33,33,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,21,,19,21,,33,,21,,19,21,,33,,33,,21,,19,21,,33,,21,,19,21,,33,,33,,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29],[2,1,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,34,34,,34,,,],[6,1,,,36,,,,,,36,,36,,,,,,,,36,,,,,,36,,36,,,,,,,,36,,,,,,,,,,,,,,,,36,,,,,,36,,36,,,,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,25,,,25,,,,,,,,25,,,,,,,,25,25,25,25]],[[1,-1,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,14,14,26,14,14,26,14,14,26,14,14,26,14,14,26,26,17,17,29,17,17,29,17,17,29,17,17,29,17,17,29,29,19,19,31,19,19,31,19,19,31,19,19,31,19,19,31,31],[4,1,24,24,,24,24,,24,24,24,24,,24,24,,24,,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,24,24,24,24,,24,24,,36,,24,24,,24,24,,24,24,24,24,,24,24,,24,24],[7,-1,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,14,,14,14,26,14,14,26,17,,17,17,29,17,17,29,17,,17,17,29,17,17,29,19,,19,19,31,19,19,31,19,,19,19,31,19,19,31],[2,1,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,36,36,,36,,,],[3,1,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25,,,,,25,,,,,,,,25,,,,,,,,25,,,,,,,,25,25,25,25],[6,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,34,,,,,,34,,34,,,,,,,,34,,,,,,34,,34,,,,,,]]],[0,1,1,2,3,4,4]]);
 </script>

package/examples/style.css

@@ -30,22 +30,27 @@ iframe
 #selectExample
 {
     flex-grow: 1;
+    min-height: 100px;
+}
+#divTextareas
+{
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 300px;
 }
 .CodeMirror,
 #textareaCode
 {
     flex-grow: 1;
-    padding: 5px;
     resize: none;
     color: #fff;
     background: #000;
-    font-size: 20px;
 }
 #textareaConsole,
 #textareaError
 {
     flex-grow: .3;
-    padding: 5px;
     resize: none;
     display: none;
     color:#f22;
@@ -79,9 +84,10 @@ iframe
 {
     margin: 0px;
     text-align: center;
-    font-size: 20px;
+    font-size: 15px;
     display: inline-block;
     align-self: center;
+    font-style: italic;
 }
 select
 {
@@ -109,10 +115,17 @@ button:disabled
     background-color: #666;
     border-color: #666;
 }
+input[type='checkbox']:disabled
+{
+    opacity: 0.5;
+}
 .error-line
 {
-    background-color: rgba(255, 0, 0, 0.15) !important;
-    border-left: 3px solid #ff0000 !important;
+    background-color: #f004 !important;
+}
+.nowrap
+{
+    white-space:nowrap;
 }
 
 /*  LittleJS CodeMirror Theme */

package/examples/typescript/build.js

@@ -27,5 +27,5 @@ child_process.execSync(`npx tsc ${tsFiles} --outDir "./${BUILD_FOLDER}" --target
 console.log(`TypeScript built in ${((Date.now() - startTime)/1e3).toFixed(2)} seconds!`);
 
 console.log(`Moving js files back to root...`);
-for(const file of jsSourceFiles)
+for (const file of jsSourceFiles)
     fs.copyFileSync(`${BUILD_FOLDER}/${file}`, file);

package/examples/typescript/game.js

@@ -85,8 +85,8 @@ function gameUpdatePost() {
 }
 ///////////////////////////////////////////////////////////////////////////////
 function gameRender() {
-    // draw a grey square in the background without using webgl
-    LJS.drawRect(vec2(16, 8), vec2(20, 14), hsl(0, 0, .6), 0, false);
+    // draw a grey square in the background
+    LJS.drawRect(vec2(16, 8), vec2(20, 14), hsl(0, 0, .6));
     // draw the logo as a tile
     LJS.drawTile(vec2(21, 5), vec2(4.5), tile(3, 128));
 }

package/examples/typescript/game.ts

@@ -101,7 +101,10 @@ function gameUpdate()
 
     // move particles to mouse location if on screen
     if (LJS.mousePosScreen.x)
+    {
         particleEmitter.pos = LJS.mousePos;
+        particleEmitter.velocity = LJS.mouseDelta.scale(.3*LJS.timeDelta);
+    }
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -113,8 +116,8 @@ function gameUpdatePost()
 ///////////////////////////////////////////////////////////////////////////////
 function gameRender()
 {
-    // draw a grey square in the background without using webgl
-    LJS.drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6), 0, false);
+    // draw a grey square in the background
+    LJS.drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6));
     
     // draw the logo as a tile
     LJS.drawTile(vec2(21,5), vec2(4.5), tile(3,128));

package/examples/uiSystem/game.js

@@ -23,6 +23,7 @@ function createUI()
 {
     LJS.uiSystem.defaultSoundPress = new LJS.Sound([1,0,220]);
     LJS.uiSystem.defaultSoundClick = new LJS.Sound([1,0,440]);
+    LJS.uiSystem.defaultCornerRadius = 8;
 
     // setup root to attach all ui elements to
     uiRoot = new LJS.UIObject;
@@ -53,26 +54,26 @@ function createUI()
     // example tile image
     const tileTest = new LJS.UITile(vec2(150,-130), vec2(110), tile(3,128))
     uiMenu.addChild(tileTest);
-
-    // example checkbox
-    const checkbox = new LJS.UICheckbox(vec2(-140,-20), vec2(40));
-    uiMenu.addChild(checkbox);
-    checkbox.onChange = ()=> console.log('Checkbox clicked');
-
-    // text attached to checkbox
-    const checkboxText = new LJS.UIText(vec2(170,0), vec2(300, 40), 'Test Checkbox');
-    checkbox.addChild(checkboxText);
-
     // example scrollbar
     const scrollbar = new LJS.UIScrollbar(vec2(0,60), vec2(350, 50));
     uiMenu.addChild(scrollbar);
-    scrollbar.onChange  = ()=> console.log('New scrollbar value:', scrollbar.value);
+    scrollbar.onChange = ()=> scrollbar.text = scrollbar.value.toFixed(2)
+    scrollbar.onChange();
 
     // example button
     const button1 = new LJS.UIButton(vec2(0,140), vec2(350, 50), 'Test Button');
     uiMenu.addChild(button1);
     button1.onClick = ()=> console.log('Button 1 clicked');
 
+    // example checkbox
+    const checkbox = new LJS.UICheckbox(vec2(-140,-20), vec2(40));
+    uiMenu.addChild(checkbox);
+    checkbox.onChange = ()=> button1.disabled = checkbox.checked;
+
+    // text attached to checkbox
+    const checkboxText = new LJS.UIText(vec2(170,0), vec2(300, 40), 'Test Checkbox');
+    checkbox.addChild(checkboxText);
+
     // exit button
     const button2 = new LJS.UIButton(vec2(0,220), vec2(350, 50), 'Exit Menu');
     uiMenu.addChild(button2);
@@ -110,7 +111,7 @@ function gameRender()
 {
     // test game rendering
     LJS.drawRect(vec2(), vec2(1e3), hsl(0,0,.2));
-    for(let i=0; i<1e3; ++i)
+    for (let i=0; i<1e3; ++i)
     {
         const pos = vec2(30*Math.sin(i+LJS.time/9),20*Math.sin(i*i+LJS.time/9));
         LJS.drawTile(pos, vec2(2), tile(3,128), hsl(i/9,1,.4), LJS.time+i, !(i%2), hsl(i/9,1,.1,0));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "littlejsengine",
-  "version": "1.13.1",
+  "version": "1.14.2",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "dist/littlejs.esm.js",
   "types": "dist/littlejs.d.ts",
@@ -39,4 +39,4 @@
     "typescript": "~5.1.6",
     "uglify-js": "~3.17.4"
   }
-}
+}