emeraldengine 2.1.0 → 2.2.0

package/dist/types/index.d.ts

@@ -1,32 +1,32 @@
-import Emerald from "./imports/Emerald";
-import BitmapText from "./imports/BitmapText";
-import Color from "./imports/Color";
-import Drawable from "./imports/Drawable";
-import FPSCounter from "./imports/FPSCounter";
-import Instance from "./imports/Instance";
-import InstancedTexture from "./imports/InstancedTexture";
-import { Physics, Vector2, Vector3 } from "./imports/Physics";
-import Scene from "./imports/Scene";
-import { Square2D, Triangle2D, Circle2D } from "./imports/Shapes";
-import Storage from "./imports/Storage";
-import Texture from "./imports/Texture";
-import Time from "./imports/Time";
-import Transform from "./imports/Transform";
-import Particle from "./imports/particlesystem/Particle";
-import Particles from "./imports/particlesystem/Particles";
-import ParticleSettings from "./imports/particlesystem/ParticleSettings";
-import AudioManager from "./imports/managers/AudioManager";
-import CameraManager from "./imports/managers/CameraManager";
-import EventManager from "./imports/managers/EventManager";
-import SceneManager from "./imports/managers/SceneManager";
-import DirectionalLight from "./imports/lights/DirectionalLight";
-import PointLight from "./imports/lights/PointLight";
-import BoxCollider from "./imports/components/BoxCollider";
-import BoxColliderDebug from "./imports/components/BoxColliderDebug";
-import CircleCollider from "./imports/components/CircleCollider";
-import CircleColliderDebug from "./imports/components/CircleColliderDebug";
-import Collider from "./imports/components/Collider";
-import GameObject from "./imports/components/GameObject";
-import RigidBody from "./imports/components/RigidBody";
+import Emerald from "./Emerald";
+import BitmapText from "./BitmapText";
+import Color from "./Color";
+import Drawable from "./Drawable";
+import FPSCounter from "./FPSCounter";
+import Instance from "./Instance";
+import InstancedTexture from "./InstancedTexture";
+import { Physics, Vector2, Vector3 } from "./Physics";
+import Scene from "./Scene";
+import { Square2D, Triangle2D, Circle2D } from "./Shapes";
+import Storage from "./Storage";
+import Texture from "./Texture";
+import Time from "./Time";
+import Transform from "./Transform";
+import Particle from "./particlesystem/Particle";
+import Particles from "./particlesystem/Particles";
+import ParticleSettings from "./particlesystem/ParticleSettings";
+import AudioManager from "./managers/AudioManager";
+import CameraManager from "./managers/CameraManager";
+import EventManager from "./managers/EventManager";
+import SceneManager from "./managers/SceneManager";
+import DirectionalLight from "./lights/DirectionalLight";
+import PointLight from "./lights/PointLight";
+import BoxCollider from "./components/BoxCollider";
+import BoxColliderDebug from "./components/BoxColliderDebug";
+import CircleCollider from "./components/CircleCollider";
+import CircleColliderDebug from "./components/CircleColliderDebug";
+import Collider from "./components/Collider";
+import GameObject from "./components/GameObject";
+import RigidBody from "./components/RigidBody";
 export { Emerald, BitmapText, Color, Drawable, FPSCounter, Instance, InstancedTexture, Physics, Vector2, Vector3, Scene, Square2D, Triangle2D, Circle2D, Storage, Texture, Time, Transform, Particle, Particles, ParticleSettings, AudioManager, CameraManager, EventManager, SceneManager, DirectionalLight, PointLight, BoxCollider, BoxColliderDebug, CircleCollider, CircleColliderDebug, Collider, GameObject, RigidBody, };
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,33 +1,33 @@
-import Emerald from "./imports/Emerald.js";
-import BitmapText from "./imports/BitmapText.js";
-import Color from "./imports/Color.js";
-import Drawable from "./imports/Drawable.js";
-import FPSCounter from "./imports/FPSCounter.js";
-import Instance from "./imports/Instance.js";
-import InstancedTexture from "./imports/InstancedTexture.js";
-import { Physics, Vector2, Vector3 } from "./imports/Physics.js";
-import Scene from "./imports/Scene.js";
-import { Square2D, Triangle2D, Circle2D } from "./imports/Shapes.js";
-import Storage from "./imports/Storage.js";
-import Texture from "./imports/Texture.js";
-import Time from "./imports/Time.js";
-import Transform from "./imports/Transform.js";
-import Particle from "./imports/particlesystem/Particle.js";
-import Particles from "./imports/particlesystem/Particles.js";
-import ParticleSettings from "./imports/particlesystem/ParticleSettings.js";
-import AudioManager from "./imports/managers/AudioManager.js";
-import CameraManager from "./imports/managers/CameraManager.js";
-import EventManager from "./imports/managers/EventManager.js";
-import SceneManager from "./imports/managers/SceneManager.js";
-import DirectionalLight from "./imports/lights/DirectionalLight.js";
-import PointLight from "./imports/lights/PointLight.js";
-import BoxCollider from "./imports/components/BoxCollider.js";
-import BoxColliderDebug from "./imports/components/BoxColliderDebug.js";
-import CircleCollider from "./imports/components/CircleCollider.js";
-import CircleColliderDebug from "./imports/components/CircleColliderDebug.js";
-import Collider from "./imports/components/Collider.js";
-import GameObject from "./imports/components/GameObject.js";
-import RigidBody from "./imports/components/RigidBody.js";
+import Emerald from "./src/Emerald.js";
+import BitmapText from "./src/BitmapText.js";
+import Color from "./src/Color.js";
+import Drawable from "./src/Drawable.js";
+import FPSCounter from "./src/FPSCounter.js";
+import Instance from "./src/Instance.js";
+import InstancedTexture from "./src/InstancedTexture.js";
+import { Physics, Vector2, Vector3 } from "./src/Physics.js";
+import Scene from "./src/Scene.js";
+import { Square2D, Triangle2D, Circle2D } from "./src/Shapes.js";
+import Storage from "./src/Storage.js";
+import Texture from "./src/Texture.js";
+import Time from "./src/Time.js";
+import Transform from "./src/Transform.js";
+import Particle from "./src/particlesystem/Particle.js";
+import Particles from "./src/particlesystem/Particles.js";
+import ParticleSettings from "./src/particlesystem/ParticleSettings.js";
+import AudioManager from "./src/managers/AudioManager.js";
+import CameraManager from "./src/managers/CameraManager.js";
+import EventManager from "./src/managers/EventManager.js";
+import SceneManager from "./src/managers/SceneManager.js";
+import DirectionalLight from "./src/lights/DirectionalLight.js";
+import PointLight from "./src/lights/PointLight.js";
+import BoxCollider from "./src/components/BoxCollider.js";
+import BoxColliderDebug from "./src/components/BoxColliderDebug.js";
+import CircleCollider from "./src/components/CircleCollider.js";
+import CircleColliderDebug from "./src/components/CircleColliderDebug.js";
+import Collider from "./src/components/Collider.js";
+import GameObject from "./src/components/GameObject.js";
+import RigidBody from "./src/components/RigidBody.js";
 
 export {
   Emerald,

package/package.json

@@ -1,42 +1,62 @@
 {
-  "name": "emeraldengine",
-  "version": "2.1.0",
-  "description": "2D graphics library for Web",
-  "type": "module",
-  "main": "index.js",
-  "module": "index.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./index.js",
-      "require": "./index.js",
-      "default": "./index.js"
-    }
-  },
-  "files": [
-    "index.js",
-    "imports",
-    "dist/types"
-  ],
-  "keywords": [
-    "2D",
-    "graphics",
-    "game",
-    "engine",
-    "webgl",
-    "canvas"
-  ],
-  "dependencies": {
-    "gl-matrix": "^3.4.3",
-    "planck": "^1.4.2",
-    "colyseus.js": "^0.16.16"
-  },
-  "author": "vahan-gev",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vahan-gev/emeraldengine.git"
-  },
-  "devDependencies": {}
+    "name": "emeraldengine",
+    "version": "2.2.0",
+    "description": "2D graphics library for Web",
+    "type": "module",
+    "main": "index.js",
+    "module": "index.js",
+    "types": "dist/types/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/types/index.d.ts",
+            "import": "./index.js",
+            "default": "./index.js"
+        }
+    },
+    "files": [
+        "index.js",
+        "src",
+        "dist/types"
+    ],
+    "sideEffects": false,
+    "engines": {
+        "node": ">=12.0.0"
+    },
+    "keywords": [
+        "2D",
+        "graphics",
+        "game",
+        "engine",
+        "webgl",
+        "webgl2",
+        "canvas",
+        "gamedev",
+        "rendering",
+        "sprite",
+        "particle-system",
+        "physics"
+    ],
+    "dependencies": {
+        "gl-matrix": "^3.4.3",
+        "planck": "^1.4.2"
+    },
+    "peerDependencies": {
+        "colyseus.js": "^0.16.16"
+    },
+    "peerDependenciesMeta": {
+        "colyseus.js": {
+            "optional": true
+        }
+    },
+    "author": "vahan-gev",
+    "license": "MIT",
+    "homepage": "https://github.com/vahan-gev/emeraldengine#readme",
+    "bugs": {
+        "url": "https://github.com/vahan-gev/emeraldengine/issues"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/vahan-gev/emeraldengine.git"
+    },
+    "devDependencies": {}
 }

package/{imports → src}/Drawable.js

@@ -336,8 +336,12 @@ class Drawable {
       objectTransformMatrix,
       objectTransformMatrix,
       vec3.fromValues(
-        objectTransform.position.x,
-        objectTransform.position.y,
+        this.pixelart
+          ? Math.round(objectTransform.position.x)
+          : objectTransform.position.x,
+        this.pixelart
+          ? Math.round(objectTransform.position.y)
+          : objectTransform.position.y,
         objectTransform.position.z
       )
     );
@@ -430,18 +434,13 @@ class Drawable {
         const col = this.currentFrame % this.framesPerRow;
         const row = Math.floor(this.currentFrame / this.framesPerRow);
 
-        const halfTexelWidth = 0.5 / this.textureWidth;
-        const halfTexelHeight = 0.5 / this.textureHeight;
-
-        texLeft = ((col + 1) * this.frameWidth) / this.textureWidth - halfTexelWidth;
-        texRight = (col * this.frameWidth) / this.textureWidth + halfTexelWidth;
+        texLeft = ((col + 1) * this.frameWidth) / this.textureWidth;
+        texRight = (col * this.frameWidth) / this.textureWidth;
         texTop =
           (this.textureHeight - row * this.frameHeight - this.frameHeight) /
-          this.textureHeight +
-          halfTexelHeight;
+          this.textureHeight;
         texBottom =
-          (this.textureHeight - row * this.frameHeight) / this.textureHeight -
-          halfTexelHeight;
+          (this.textureHeight - row * this.frameHeight) / this.textureHeight;
       } else {
         // Static image
         texLeft = 1.0;
@@ -543,13 +542,14 @@ class Drawable {
    * @param {string} path - The path to the image
    * @returns {Promise} - The promise
    */
-  loadImage = (path) =>
-    new Promise((resolve, reject) => {
-      const image = new Image();
-      image.addEventListener("load", () => resolve(image));
-      image.addEventListener("error", (err) => reject(err));
+  loadImage(path) {
+    return new Promise(function (resolve, reject) {
+      var image = new Image();
+      image.addEventListener("load", function () { resolve(image); });
+      image.addEventListener("error", function (err) { reject(err); });
       image.src = path;
     });
+  }
 }
 
 export default Drawable;

package/{imports → src}/InstancedTexture.js

@@ -198,8 +198,12 @@ class InstancedTexture extends Drawable {
     if (index >= 0 && index < this.instanceCount) {
       const matrix = mat4.create();
       const position = [
-        this.instances[index].transform.position.x,
-        this.instances[index].transform.position.y,
+        this.pixelart
+          ? Math.round(this.instances[index].transform.position.x)
+          : this.instances[index].transform.position.x,
+        this.pixelart
+          ? Math.round(this.instances[index].transform.position.y)
+          : this.instances[index].transform.position.y,
         this.instances[index].transform.position.z,
       ];
       const scale = [
@@ -406,18 +410,13 @@ class InstancedTexture extends Drawable {
       const col = frame % this.framesPerRow;
       const row = Math.floor(frame / this.framesPerRow);
 
-      const halfTexelWidth = 0.5 / this.textureWidth;
-      const halfTexelHeight = 0.5 / this.textureHeight;
-
-      texLeft = ((col + 1) * this.frameWidth) / this.textureWidth - halfTexelWidth;
-      texRight = (col * this.frameWidth) / this.textureWidth + halfTexelWidth;
+      texLeft = ((col + 1) * this.frameWidth) / this.textureWidth;
+      texRight = (col * this.frameWidth) / this.textureWidth;
       texTop =
         (this.textureHeight - row * this.frameHeight - this.frameHeight) /
-          this.textureHeight +
-        halfTexelHeight;
+        this.textureHeight;
       texBottom =
-        (this.textureHeight - row * this.frameHeight) / this.textureHeight -
-        halfTexelHeight;
+        (this.textureHeight - row * this.frameHeight) / this.textureHeight;
     } else {
       // Static image
       texLeft = 1.0;
@@ -429,25 +428,25 @@ class InstancedTexture extends Drawable {
     // Return texture coordinates (considering mirroring)
     return this.mirrored
       ? [
-          texRight,
-          texBottom,
-          texLeft,
-          texBottom,
-          texRight,
-          texTop,
-          texLeft,
-          texTop,
-        ]
+        texRight,
+        texBottom,
+        texLeft,
+        texBottom,
+        texRight,
+        texTop,
+        texLeft,
+        texTop,
+      ]
       : [
-          texLeft,
-          texBottom,
-          texRight,
-          texBottom,
-          texLeft,
-          texTop,
-          texRight,
-          texTop,
-        ];
+        texLeft,
+        texBottom,
+        texRight,
+        texBottom,
+        texLeft,
+        texTop,
+        texRight,
+        texTop,
+      ];
   }
 
   /**

package/{imports → src}/Scene.js

@@ -35,7 +35,11 @@ class Scene {
       throw new Error("Object is not a GameObject");
     }
     object.setIsActive(false);
-    this.objects = this.objects.filter((obj) => obj?.id !== object?.id);
+    this.objects = this.objects.filter(function (obj) {
+      var objId = obj ? obj.id : undefined;
+      var targetId = object ? object.id : undefined;
+      return objId !== targetId;
+    });
   }
 
   /**

package/{imports → src}/Time.js

@@ -4,15 +4,13 @@
  * @param {number} deltaTime - The delta time
  */
 class Time {
-  static deltaTime = 0;
-
   /**
    * @method getDeltaTime
    * @description Returns the delta time
    * @returns {number} - The delta time
    */
   static getDeltaTime() {
-    return this.deltaTime;
+    return Time.deltaTime;
   }
 
   /**
@@ -21,8 +19,10 @@ class Time {
    * @param {number} deltaTime - The delta time
    */
   static setDeltaTime(deltaTime) {
-    this.deltaTime = deltaTime;
+    Time.deltaTime = deltaTime;
   }
 }
 
+Time.deltaTime = 0;
+
 export default Time;

package/{imports → src}/components/BoxCollider.js

@@ -44,7 +44,10 @@ class BoxCollider extends Collider {
    * @description Shows the debug shape of the collider
    */
   showDebugShape() {
-    SceneManager.getScene()?.add(this.debugShape.gameObject);
+    var scene = SceneManager.getScene();
+    if (scene) {
+      scene.add(this.debugShape.gameObject);
+    }
   }
 
   /**

package/{imports → src}/components/CircleCollider.js

@@ -44,7 +44,10 @@ class CircleCollider extends Collider {
    * @description Shows the debug shape of the collider
    */
   showDebugShape() {
-    SceneManager.getScene()?.add(this.debugShape.gameObject);
+    var scene = SceneManager.getScene();
+    if (scene) {
+      scene.add(this.debugShape.gameObject);
+    }
   }
 
   /**
@@ -52,7 +55,10 @@ class CircleCollider extends Collider {
    * @description Hides the debug shape of the collider
    */
   hideDebugShape() {
-    SceneManager.getScene()?.remove(this.debugShape.gameObject);
+    var scene = SceneManager.getScene();
+    if (scene) {
+      scene.remove(this.debugShape.gameObject);
+    }
   }
 
   /**

package/{imports → src}/components/GameObject.js

@@ -49,7 +49,7 @@ class GameObject {
    * @param {Component} component - The component to remove
    */
   removeComponent(component) {
-    if(!component || !this.components.includes(component)) {
+    if (!component || !this.components.includes(component)) {
       throw new Error(`Component ${component.name} not found in ${this.name}`);
     }
     if (component instanceof RigidBody) {
@@ -129,7 +129,7 @@ class GameObject {
     const drawable = this.getComponent(Drawable);
     const rigidBody = this.getComponent(RigidBody);
     const collider = this.getComponent(Collider);
-    if (rigidBody && rigidBody?.getType() === "dynamic") {
+    if (rigidBody && rigidBody.getType() === "dynamic") {
       const updatedPos = rigidBody.getBody().getPosition();
       const rigidBodyOffset = rigidBody.getOffset();
       const physicsScale = rigidBody.getPhysics().getScale();

package/{imports → src}/managers/CameraManager.js

@@ -3,16 +3,13 @@
  * @description Manages the camera for the game
  */
 class CameraManager {
-  static camera = null;
-  static lastPosition = null;
-
   /**
    * @method setLastPosition
    * @description Sets the last position of the camera
    * @param {Vector2} position - The position to set
    */
   static setLastPosition(position) {
-    this.lastPosition = position;
+    CameraManager.lastPosition = position;
   }
 
   /**
@@ -21,8 +18,8 @@ class CameraManager {
    * @returns {Vector2} - The last position of the camera
    */
   static getLastPosition() {
-    if (this.lastPosition) {
-      return this.lastPosition;
+    if (CameraManager.lastPosition) {
+      return CameraManager.lastPosition;
     } else {
       console.warn("Last position is not set.");
       return null;
@@ -36,7 +33,7 @@ class CameraManager {
    */
   static setCamera(camera) {
     if (camera) {
-      this.camera = camera;
+      CameraManager.camera = camera;
     } else {
       console.warn("Attempted to set camera to null or undefined.");
     }
@@ -48,8 +45,8 @@ class CameraManager {
    * @returns {Camera} - The camera for the game
    */
   static getCamera() {
-    if (this.camera) {
-      return this.camera;
+    if (CameraManager.camera) {
+      return CameraManager.camera;
     } else {
       console.warn("Camera is not set.");
       return null;
@@ -57,4 +54,7 @@ class CameraManager {
   }
 }
 
+CameraManager.camera = null;
+CameraManager.lastPosition = null;
+
 export default CameraManager;

package/{imports → src}/managers/GLManager.js

@@ -3,17 +3,13 @@
  * @description Manages the WebGL context for the game
  */
 class GLManager {
-  static gl = null;
-  static programInfo = null;
-  static canvas = null;
-
   /**
    * @method setGL
    * @description Sets the WebGL context
    * @param {WebGLRenderingContext} gl - The WebGL context
    */
   static setGL(gl) {
-    this.gl = gl;
+    GLManager.gl = gl;
   }
 
   /**
@@ -22,7 +18,7 @@ class GLManager {
    * @param {Object} programInfo - The program info
    */
   static setProgramInfo(programInfo) {
-    this.programInfo = programInfo;
+    GLManager.programInfo = programInfo;
   }
 
   /**
@@ -31,7 +27,7 @@ class GLManager {
    * @param {HTMLCanvasElement} canvas - The canvas
    */
   static setCanvas(canvas) {
-    this.canvas = canvas;
+    GLManager.canvas = canvas;
   }
 
   /**
@@ -40,7 +36,7 @@ class GLManager {
    * @returns {WebGLRenderingContext} - The WebGL context
    */
   static getGL() {
-    return this.gl;
+    return GLManager.gl;
   }
 
   /**
@@ -49,7 +45,7 @@ class GLManager {
    * @returns {Object} - The program info
    */
   static getProgramInfo() {
-    return this.programInfo;
+    return GLManager.programInfo;
   }
 
   /**
@@ -58,8 +54,12 @@ class GLManager {
    * @returns {HTMLCanvasElement} - The canvas
    */
   static getCanvas() {
-    return this.canvas;
+    return GLManager.canvas;
   }
 }
 
+GLManager.gl = null;
+GLManager.programInfo = null;
+GLManager.canvas = null;
+
 export default GLManager;

package/{imports → src}/managers/IDManager.js

@@ -3,8 +3,6 @@
  * @description Manages the IDs for the game
  */
 class IDManager {
-  static existingIDs = new Set();
-
   /**
    * @method generateID
    * @description Generates a random ID
@@ -20,13 +18,15 @@ class IDManager {
    * @returns {string} - The unique ID
    */
   static generateUniqueID() {
-    let id;
+    var id;
     do {
-      id = this.generateID();
-    } while (this.existingIDs.has(id));
-    this.existingIDs.add(id);
+      id = IDManager.generateID();
+    } while (IDManager.existingIDs.has(id));
+    IDManager.existingIDs.add(id);
     return id;
   }
 }
 
+IDManager.existingIDs = new Set();
+
 export default IDManager;

package/{imports → src}/managers/SceneManager.js

@@ -3,15 +3,13 @@
  * @description Manages the scene for the game
  */
 class SceneManager {
-  static scene = null;
-
   /**
    * @method setScene
    * @description Sets the scene
    * @param {Scene} scene - The scene to set
    */
   static setScene(scene) {
-    this.scene = scene;
+    SceneManager.scene = scene;
   }
 
   /**
@@ -20,8 +18,10 @@ class SceneManager {
    * @returns {Scene} - The scene
    */
   static getScene() {
-    return this.scene;
+    return SceneManager.scene;
   }
 }
 
+SceneManager.scene = null;
+
 export default SceneManager;