littlejsengine 1.2.0 → 1.3.0

package/examples/platformer/gameEffects.js

@@ -39,7 +39,7 @@ function makeDebris(pos, color = new Color, amount = 100, size=.2, elasticity =
 {
     const color2 = color.lerp(new Color, .5);
     const emitter = new ParticleEmitter(
-        pos, 1, .1, 100, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        pos, 0, 1, .1, 100, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         undefined, undefined,  // tileIndex, tileSize
         color, color2,         // colorStartA, colorStartB
         color, color2,         // colorEndA, colorEndB
@@ -100,7 +100,7 @@ function explosion(pos, radius=3)
 
     // smoke
     new ParticleEmitter(
-        pos, radius/2, .2, 50*radius, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        pos, 0, radius/2, .2, 50*radius, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         0, undefined,        // tileIndex, tileSize
         new Color(0,0,0), new Color(0,0,0), // colorStartA, colorStartB
         new Color(0,0,0,0), new Color(0,0,0,0), // colorEndA, colorEndB
@@ -111,7 +111,7 @@ function explosion(pos, radius=3)
 
     // fire
     new ParticleEmitter(
-        pos, radius/2, .1, 100*radius, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        pos, 0, radius/2, .1, 100*radius, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         0, undefined,        // tileIndex, tileSize
         new Color(1,.5,.1), new Color(1,.1,.1), // colorStartA, colorStartB
         new Color(1,.5,.1,0), new Color(1,.1,.1,0), // colorEndA, colorEndB
@@ -203,7 +203,7 @@ function decorateTile(pos)
 
         // make pixel perfect outlines
         const size = i&1 ? vec2(2, 16) : vec2(16, 2);
-        tileLayer.context.fillStyle = levelGroundColor.mutate(.1).rgba();
+        tileLayer.context.fillStyle = levelGroundColor.mutate(.1);
         const drawPos = pos.scale(16)
             .add(vec2(i==1?14:0,(i==0?14:0)))
             .subtract((i&1? vec2(0,8-size.y/2) : vec2(8-size.x/2,0)));
@@ -228,8 +228,8 @@ function drawSky()
 {
     // fill background with a gradient
     const gradient = mainContext.fillStyle = mainContext.createLinearGradient(0, 0, 0, mainCanvas.height);
-    gradient.addColorStop(0, skyColor.rgba());
-    gradient.addColorStop(1, horizonColor.rgba());
+    gradient.addColorStop(0, skyColor);
+    gradient.addColorStop(1, horizonColor);
     mainContext.fillRect(0, 0, mainCanvas.width, mainCanvas.height);
 }
 
@@ -257,7 +257,7 @@ function drawStars()
             (randSeeded(w)+time*speed)%w-extraSpace,
             (randSeeded(h)+time*speed*randSeeded())%h-extraSpace);
 
-        mainContext.fillStyle = color.rgba();
+        mainContext.fillStyle = color;
         if (size < 9)
             mainContext.fillRect(screenPos.x, screenPos.y, size, size);
         else
@@ -285,8 +285,8 @@ function initParallaxLayers()
         const layerColor = levelColor.mutate(.2).lerp(skyColor,.95-i*.15);
         const gradient = tileParallaxLayer.context.fillStyle = 
             tileParallaxLayer.context.createLinearGradient(0,0,0,tileParallaxLayer.canvas.height = parallaxSize.y);
-        gradient.addColorStop(0,layerColor.rgba());
-        gradient.addColorStop(1,layerColor.subtract(new Color(1,1,1,0)).mutate(.1).clamp().rgba());
+        gradient.addColorStop(0,layerColor);
+        gradient.addColorStop(1,layerColor.subtract(new Color(1,1,1,0)).mutate(.1).clamp());
 
         // draw mountains ranges
         let groundLevel = startGroundLevel, groundSlope = rand(-1,1);

package/examples/platformer/gameObjects.js

@@ -210,7 +210,7 @@ class Weapon extends EngineObject
 
         // shell effect
         this.addChild(this.shellEmitter = new ParticleEmitter(
-            vec2(), 0, 0, 0, .1,  // pos, emitSize, emitTime, emitRate, emiteCone
+            vec2(), 0, 0, 0, 0, .1,  // pos, angle, emitSize, emitTime, emitRate, emiteCone
             undefined, undefined, // tileIndex, tileSize
             new Color(1,.8,.5), new Color(.9,.7,.5), // colorStartA, colorStartB
             new Color(1,.8,.5), new Color(.9,.7,.5), // colorEndA, colorEndB
@@ -321,7 +321,7 @@ class Bullet extends EngineObject
 
         // spark effects
         const emitter = new ParticleEmitter(
-            this.pos, 0, .1, 100, .5, // pos, emitSize, emitTime, emitRate, emiteCone
+            this.pos, 0, 0, .1, 100, .5, // pos, angle, emitSize, emitTime, emitRate, emiteCone
             undefined, undefined,     // tileIndex, tileSize
             new Color(1,1,0), new Color(1,0,0), // colorStartA, colorStartB
             new Color(1,1,0), new Color(1,0,0), // colorEndA, colorEndB

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?97></script>
-<script src=gameObjects.js?97></script>
-<script src=gamePlayer.js?97></script>
-<script src=gameEffects.js?97></script>
-<script src=gameLevel.js?97></script>
-<script src=game.js?97></script>
+<script src=../../engine/engine.all.js?104></script>
+<script src=gameObjects.js?104></script>
+<script src=gamePlayer.js?104></script>
+<script src=gameEffects.js?104></script>
+<script src=gameLevel.js?104></script>
+<script src=game.js?103></script>

package/examples/puzzle/game.js

@@ -43,7 +43,7 @@ function gameInit()
 {
     // setup canvas
     canvasFixedSize = vec2(1920, 1080); // 1080p
-    mainCanvas.style.background = backgroundColor.rgba();
+    mainCanvas.style.background = backgroundColor;
 
     // load high score
     bestScore = localStorage[highScoreKey] || 0;
@@ -284,7 +284,7 @@ function clearMatches()
             const color1 = tileColors[data];
             const color2 = color1.lerp(new Color, .5);
             new ParticleEmitter(
-                pos.add(vec2(.5)), 1, .1, 100, PI,   // pos, emitSize, emitTime, emitRate, emiteCone
+                pos.add(vec2(.5)), 0, 1, .1, 100, PI,// pos, angle, emitSize, emitTime, emitRate, emiteCone
                 undefined, undefined,                // tileIndex, tileSize
                 color1, color2,                      // colorStartA, colorStartB
                 color1.scale(1,0), color2.scale(1,0),// colorEndA, colorEndB

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?97></script>
-<script src=game.js?97></script>
+<script src=../../engine/engine.all.js?104></script>
+<script src=game.js?104></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?97></script>
+<script src=../../engine/engine.all.min.js?104></script>
 <script>
 
 /*
@@ -54,7 +54,7 @@ function gameInit()
 
     // display stats using a div so when using glOverlay it still appears on top
     document.body.appendChild(statsDisplay = document.createElement('div'));
-    statsDisplay.style = 'position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4em;text-align:center;font-family:arial;user-select:none';
+    statsDisplay.style = 'position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6em;text-align:center;font-family:arial;user-select:none';
 }
 
 ///////////////////////////////////////////////////////////////////////////////

package/game.js

@@ -57,12 +57,12 @@ function gameInit()
     // create particle emitter
     const center = tileCollisionSize.scale(.5).add(vec2(0,9));
     particleEmiter = new ParticleEmitter(
-        center, 1, 0, 500, PI, // pos, emitSize, emitTime, emitRate, emiteCone
+        center, 0, 1, 0, 500, PI, // pos, angle, emitSize, emitTime, emitRate, emiteCone
         0, vec2(16),                            // tileIndex, tileSize
-        new Color, new Color(0,0,0),            // colorStartA, colorStartB
+        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,  // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
-        .99, 1, 1, PI, .05,  // damping, angleDamping, gravityScale, particleCone, fadeRate, 
+        2, .2, .2, .1, .05,     // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
+        .99, 1, 1, PI, .05,     // damping, angleDamping, gravityScale, particleCone, fadeRate, 
         .5, 1, 1                // randomness, collide, additive, randomColorLinear, renderOrder
     );
     particleEmiter.elasticity = .3;

package/index.html

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

package/package.json

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

package/engine/engineBuildSetup.bat

@@ -1,7 +0,0 @@
-rem Install these tools to build LittleJS
-
-call npm install -g google-closure-compiler
-call npm install -g uglify-js
-call npm install -g roadroller
-call npm install -g ect-bin
-call npm install -g typescript