fix[engine]: pause engine if current tab is not active

https://github.com/201flaviosilva/Impacto/projects/1#card-75666209

package.json

@@ -9,10 +9,7 @@
     "build": "npm run clear && rollup -c",
     "test": "node test/spec",
     "pretest": "npm run build",
-    "beta": "npm run build && npm publish --tag beta",
-    "patch": "npm run build && npm version patch --force && npm publish",
-    "minor": "npm run build && npm version minor --force && npm publish",
-    "major": "npm run build && npm version major --force && npm publish",
+    "bump": "np",
     "package": "npm run build && npm publish"
   },
   "dependencies": {},

rollup.config.js

@@ -5,7 +5,7 @@ import babel from "rollup-plugin-babel";
 const umd = {
 	input: "src/Impacto.js",
 	output: {
-		name: "impacto",
+		name: "Impacto",
 		file: "dist/Impacto.umd.js", // Universal Module Definition
 		format: "umd",
 	},
@@ -19,12 +19,12 @@ const umd = {
 };
 
 export default [
-	// umd,
+	umd,
 	{
 		input: "src/Impacto.js",
 		output: [ // https://betterprogramming.pub/what-are-cjs-amd-umd-esm-system-and-iife-3633a112db62
-			{ file: "dist/Impacto.esm.js", format: "es" }, // ES Module
-			{ file: "dist/Impacto.cjs.js", format: "cjs" }, // CommonJS (Node)
+			{ file: "dist/Impacto.esm.js", format: "esm" }, // ES Module
+			{ file: "dist/Impacto.cjs.js", format: "cjs" }, // CommonJS
 			// { file: "dist/Impacto.amd.js", format: "amd" }, // Asynchronous Module Definition
 			// { file: "dist/Impacto.system.js", format: "system" }, // 
 			// { file: "dist/Impacto.iife.js", format: "iife" }, // IIFE (vanilla) probably useless

src/Scenes/Scene.js

@@ -4,6 +4,11 @@ export default class Scene {
 		this.collisions = {
 			layer1: [],
 		};
+
+		this.time = {
+			delta: 0,
+			gameTime: 0,
+		}
 	}
 
 	addChild(child) {

src/Scenes/SceneManager.js

@@ -13,7 +13,12 @@ export default class SceneManager {
 		this.deltaTime = 0;
 		this.isPaused = false;
 
-		window.requestAnimationFrame(() => this.step());
+		window.requestAnimationFrame(this.step.bind(this));
+
+		document.addEventListener("visibilitychange", (event) => {
+			this.tabActive = document.hidden;
+			this.lastDeltaUpdate = Date.now();
+		});
 	}
 
 	addScene(scene) {
@@ -27,20 +32,23 @@ export default class SceneManager {
 	}
 
 	updateDeltaTime() {
+		if (this.tabActive) return;
 		const now = Date.now();
 		const deltaTime = (now - this.lastDeltaUpdate) * 0.01;
 		this.lastDeltaUpdate = now;
 		this.deltaTime = deltaTime;
 		return deltaTime;
 	}
 
-	step() {
-		window.requestAnimationFrame(() => this.step());
+	step(gameTime) {
+		window.requestAnimationFrame(this.step.bind(this));
 		if (this.isPaused) return;
 
-		this.updateDeltaTime();
+		const delta = this.updateDeltaTime();
+		console.log(delta, gameTime);
 
 		if (this.currentScene) {
+			this.currentScene.time = { delta, gameTime, };
 			// Collision
 			const layersKeys = Object.keys(this.currentScene.collisions);
 			layersKeys.forEach(layerKey => {