Add files via upload

Author: harshdoesdev

src/collisions.js

@@ -1,20 +1,20 @@
 /* collision.js */
 
-import { distance } from './math.js';
+import { pointDistance } from './math.js';
 
 // circle in circle collision detection
 
 export const circleInCircle = (x1, y1, r1, x2, y2, r2) => {
 
-  return distance( x1, y1, x2, y2 ) < r1 + r2;
+  return pointDistance( x1, y1, x2, y2 ) < r1 + r2;
 
 };
 
 // point in circle collision check
 
 export const pointInCircle = (px, py, cx, cy, cr) => {
 
-  return distance( px, py, cx, cy ) <= cr;
+  return pointDistance( px, py, cx, cy ) <= cr;
 
 };
 

src/createCanvas.js

@@ -0,0 +1,14 @@
+export const createCanvas = (width = 256, height = 256, bg = '#000') => {
+
+  const cnv = document.createElement('canvas'),
+        ctx = cnv.getContext('2d');
+
+  cnv.width = width;
+
+  cnv.height = height;
+
+  cnv.style.background = bg;
+
+  return { cnv, ctx };
+
+};

src/device.js

@@ -1,3 +1,3 @@
 /* device.js */
 
-export const isTouchscreen = () => 'ontouchstart' in document.documentElement;
+export const isTouchscreen = () => 'ontouchstart' in document.documentElement;

src/loader.js

@@ -33,4 +33,30 @@ export const load_image = src => {
 
 */
 
-export const load_images = srcs => Promise.all(srcs.map(load_image));
+export const load_images = srcs => Promise.all(srcs.map(load_image));
+
+/*
+
+Loads sounds
+
+*/
+
+export const load_sound = src => {
+
+  return new Promise((resolve, reject) => {
+
+    const sound = new Audio();
+
+    sound.canplaythrough = () => resolve(sound);
+
+    sound.onerror = reject;
+
+    sound.src = src;
+
+  });
+
+};
+
+// load multiple sounds
+
+export const load_sounds = srcs => Promise.all(srcs.map(load_sound));

src/math.js

@@ -1,6 +1,8 @@
 /* math.js */
 
-export const distance = (x1, y1, x2, y2) => {
+// measures distance between two points
+
+export const pointDistance = (x1, y1, x2, y2) => {
 
   const dx = x1 - x2,
 
@@ -9,3 +11,7 @@ export const distance = (x1, y1, x2, y2) => {
   return Math.sqrt(dx * dx + dy * dy);
 
 };
+
+// converts point to angle
+
+export const pointToAngle = (x, y) => -Math.atan2(-y, x);

src/sound.js

@@ -0,0 +1,13 @@
+export const playSound = sound => sound.play();
+
+export const playMusic = sound => !sound.paused && playSound(sound);
+
+export const setVolume = (sound, volume) => sound.volume = volume;
+
+export const stopSound = sound => {
+
+  sound.pause();
+
+  sound.currentTime = 0;
+
+};

src/sprite.js

@@ -6,7 +6,7 @@ export default (spritesheet, numCol, numRow, delay) => {
 
   let currentFrame = 0, then;
 
-  let currentAnimation, prevAnimation;
+  let currentAnimation = { frameStart: 0 }, prevAnimation;
 
   return {
 
@@ -24,7 +24,7 @@ export default (spritesheet, numCol, numRow, delay) => {
 
     },
 
-    draw(ctx, x, y, w, h, flipped = false) {
+    draw(ctx, x, y, w = frameWidth, h = frameHeight, flippedX = false, flippedY = false) {
 
       const now = performance.now();
 
@@ -45,25 +45,25 @@ export default (spritesheet, numCol, numRow, delay) => {
       }
 
       let col = currentFrame % numCol, row = Math.floor(currentFrame / numCol);
-      
+
       ctx.save();
 
-      if(flipped) { // flips the sprite horizontally
+      if(flippedX || flippedY) {
 
         ctx.translate(x + w/2, y + w/2);
 
-        ctx.scale(-1, 1);
-        
-        ctx.translate(-(x + w/2), -(y + w/2));
+        ctx.scale(flippedX ? -1 : 1, flippedY ? -1 : 1);
 
+        ctx.translate(-(x + w/2), -(y + w/2));
+
       }
 
       ctx.drawImage(spritesheet, col * frameWidth, row * frameHeight, frameWidth, frameHeight, x, y, w, h);
-      
+
       ctx.restore();
 
     }
 
   }
 
-};
+};