littlejsengine 1.14.19 → 1.14.28

package/examples/shorts/spriteAtlas.js

@@ -1,5 +1,3 @@
-let spriteAtlas;
-
 function gameInit()
 {
     // create a table of all sprites
@@ -18,12 +16,12 @@ function gameInit()
 function gameRender()
 {
     // draw a sprite from the atlas
-    let pos = vec2(Math.sin(time)*5,-3);// world position
-    let angle = 0;                      // world space angle
-    let size = vec2(9);                 // world space size
-    let mirror = 0;                     // should tile be mirrored?
-    let color = hsl(0,0,1);             // color to multiply by
-    let additive = hsl(0,0,0,0);        // color to add to
+    let pos = vec2(sin(time)*5,-3);// world position
+    let angle = 0;                 // world space angle
+    let size = vec2(9);            // world space size
+    let mirror = 0;                // should tile be mirrored?
+    let color = hsl(0,0,1);        // color to multiply by
+    let additive = hsl(0,0,0,0);   // color to add to
     drawTile(pos, size, spriteAtlas.iconBig, color, angle, mirror, additive);
 
     // draw more sprites from the atlas

package/examples/shorts/starfield.js

@@ -9,7 +9,7 @@ function gameRender()
         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);
+        color.set(1,1,1,sin(i)**4);
         drawRect(pos, size, color);
     }
 }

package/examples/shorts/tileRaycast.js

@@ -0,0 +1,39 @@
+function gameInit()
+{
+    // create tile layer
+    const pos = vec2();
+    const tileLayer = new TileCollisionLayer(pos, vec2(28,16), 0);
+    cameraPos = tileLayer.size.scale(.5); // setup camera
+    for (pos.x = tileLayer.size.x; pos.x--;)
+    for (pos.y = tileLayer.size.y; pos.y--;)
+    {
+        // create random solid tiles away from level center
+        if (rand() < .7 || cameraPos.distanceSquared(pos) < 9)
+            continue;
+        
+        // set tile data
+        const data = new TileLayerData(1);
+        tileLayer.setData(pos, data);
+        tileLayer.setCollisionData(pos);
+    }
+    tileLayer.redraw();
+}
+
+function gameRenderPost()
+{
+    // cast ray from camera center to mouse
+    drawLine(cameraPos, mousePos, .1, CYAN);
+    const normal = vec2();
+    const hit = tileCollisionRaycast(cameraPos, mousePos, 0, normal);
+    if (hit)
+    {
+        // draw hit tile
+        const tilePos = hit.floor().add(vec2(.5));
+        drawRect(tilePos, vec2(1), RED);
+
+        // draw hit point and normal
+        drawRect(hit, vec2(.2), GREEN);
+        drawLine(cameraPos, hit, .1, RED);
+        drawLine(hit, hit.add(normal), .1, YELLOW);
+    }
+}

package/examples/shorts/tiltedView.js

@@ -3,14 +3,13 @@ class GameObject extends EngineObject
     update()
     {
         this.renderOrder = -this.pos.y; // sort by y position
-        super.update();
     }
 
     render()
     {
         // adjust draw postion to be at the bottom of the object
         const drawSize = this.drawSize || this.size;
-        const offset = vec2(0,drawSize.y/2).rotate(this.angle);
+        const offset = this.getUp(drawSize.y/2);
         const pos = this.pos.add(offset);
         drawTile(pos, drawSize, this.tileInfo, this.color, this.angle);
     }
@@ -20,8 +19,6 @@ class Player extends GameObject
 {
     update()
     {
-        super.update();
-
         // apply movement controls
         const moveInput = keyDirection().clampLength(1).scale(.2);
         this.velocity = this.velocity.add(moveInput);

package/examples/shorts/timers.js

@@ -1,5 +1,4 @@
-let timerButton, timerSlider;
-let timerSound = new Sound([2,0,999,,,,,1.5,,.3,-99,.1,1.63,,,.11]);
+const timerSound = new Sound([2,0,999,,,,,1.5,,.3,-99,.1,1.63,,,.11]);
 
 function gameInit()
 {

package/examples/shorts/topDown.js

@@ -9,8 +9,6 @@ class Player extends EngineObject
 
     update()
     {
-        super.update();
-
         // apply movement controls
         const moveInput = keyDirection().clampLength(1).scale(.2);
         this.velocity = this.velocity.add(moveInput);

package/examples/starter/game.js

@@ -65,16 +65,17 @@ function gameInit()
     // create particle emitter
     particleEmitter = new ParticleEmitter(
         vec2(16,9), 0,              // emitPos, emitAngle
-        0, 0, 500, PI,              // emitSize, emitTime, rate, cone
+        0, 0, 500, 3.14,            // emitSize, emitTime, rate, cone
         tile(0, 16),                // tileIndex, tileSize
         hsl(1,1,1),   hsl(0,0,0),   // colorStartA, colorStartB
         hsl(0,0,0,0), hsl(0,0,0,0), // colorEndA, colorEndB
-        1, .2, .2, .1, .05,         // time, sizeStart, sizeEnd, speed, angleSpeed
-        .99, 1, 1, PI,              // damping, angleDamping, gravityScale, cone
-        .05, .5, true, true         // fadeRate, randomness, collide, additive
+        1, .2, .2, .1, .05, // time, sizeStart, sizeEnd, speed, angleSpeed
+        .99, 1, 1, 3.14,    // damping, angleDamping, gravityScale, cone
+        .05, .5, true, true // fadeRate, randomness, collide, additive
     );
     particleEmitter.restitution = .3; // bounce when it collides
     particleEmitter.trailScale = 2;   // stretch as it moves
+    particleEmitter.velocityInheritance = .3; // inherit emitter velocity
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -104,10 +105,7 @@ function gameUpdate()
 
     // move particles to mouse location if on screen
     if (mousePosScreen.x)
-    {
         particleEmitter.pos = mousePos;
-        particleEmitter.velocity = mouseDelta.scale(.3*timeDelta);
-    }
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/starter/index.html

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

package/examples/typescript/game.js

@@ -52,16 +52,17 @@ function gameInit() {
     LJS.setGravity(vec2(0, -.01));
     // create particle emitter
     particleEmitter = new LJS.ParticleEmitter(vec2(16, 9), 0, // emitPos, emitAngle
-    1, 0, 500, Math.PI, // emitSize, emitTime, rate, cone
+    0, 0, 500, 3.14, // emitSize, emitTime, rate, cone
     tile(0, 16), // tileIndex, tileSize
     hsl(1, 1, 1), hsl(0, 0, 0), // colorStartA, colorStartB
     hsl(0, 0, 0, 0), hsl(0, 0, 0, 0), // colorEndA, colorEndB
     1, .2, .2, .1, .05, // time, sizeStart, sizeEnd, speed, angleSpeed
-    .99, 1, 1, Math.PI, // damping, angleDamping, gravityScale, cone
+    .99, 1, 1, 3.14, // damping, angleDamping, gravityScale, cone
     .05, .5, true, true // fadeRate, randomness, collide, additive
     );
     particleEmitter.restitution = .3; // bounce when it collides
     particleEmitter.trailScale = 2;  // stretch as it moves
+    particleEmitter.velocityInheritance = .3; // inherit emitter velocity
 }
 ///////////////////////////////////////////////////////////////////////////////
 function gameUpdate() {

package/examples/typescript/game.ts

@@ -69,16 +69,17 @@ function gameInit()
     // create particle emitter
     particleEmitter = new LJS.ParticleEmitter(
         vec2(16,9), 0,              // emitPos, emitAngle
-        1, 0, 500, Math.PI,         // emitSize, emitTime, rate, cone
+        0, 0, 500, 3.14,            // emitSize, emitTime, rate, cone
         tile(0, 16),                // tileIndex, tileSize
         hsl(1,1,1),   hsl(0,0,0),   // colorStartA, colorStartB
         hsl(0,0,0,0), hsl(0,0,0,0), // colorEndA, colorEndB
-        1, .2, .2, .1, .05,   // time, sizeStart, sizeEnd, speed, angleSpeed
-        .99, 1, 1, Math.PI,   // damping, angleDamping, gravityScale, cone
-        .05, .5, true, true   // fadeRate, randomness, collide, additive
+        1, .2, .2, .1, .05, // time, sizeStart, sizeEnd, speed, angleSpeed
+        .99, 1, 1, 3.14,    // damping, angleDamping, gravityScale, cone
+        .05, .5, true, true // fadeRate, randomness, collide, additive
     );
     particleEmitter.restitution = .3; // bounce when it collides
     particleEmitter.trailScale = 2;  // stretch stretch as it moves
+    particleEmitter.velocityInheritance = .3; // inherit emitter velocity
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -101,10 +102,7 @@ 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);
-    }
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/examples/uiSystem/game.js

@@ -64,7 +64,7 @@ function createUI()
     // example button
     const button1 = new LJS.UIButton(vec2(0,140), vec2(350, 50), 'Test Button');
     uiMenu.addChild(button1);
-    button1.onClick = ()=> uiBackground.color = hsl(Math.random(),1,.7);
+    button1.onClick = ()=> uiBackground.color = hsl(LJS.rand(),1,.7);
 
     // example checkbox
     const checkbox = new LJS.UICheckbox(vec2(-140,-20), vec2(40));
@@ -114,7 +114,7 @@ function gameRender()
     // test game rendering
     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));
+        const pos = vec2(30*LJS.sin(i+LJS.time/9),20*LJS.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.14.19",
+  "version": "1.14.28",
   "description": "LittleJS - Tiny and Fast HTML5 Game Engine",
   "main": "dist/littlejs.esm.js",
   "types": "dist/littlejs.d.ts",