destroy-the-text 3.2.2 → 3.2.3

package/dist/Letra.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Letra.d.ts","sourceRoot":"","sources":["../src/Letra.ts"],"names":[],"mappings":"AAGA,qBAAa,KAAK;IACd,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,SAAS,CAAsB;gBAE3B,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG;IAuBhD,MAAM;IAeN,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,qBAAqB;CAGhC"}
+{"version":3,"file":"Letra.d.ts","sourceRoot":"","sources":["../src/Letra.ts"],"names":[],"mappings":"AAGA,qBAAa,KAAK;IACd,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,SAAS,CAAsB;gBAE3B,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG;IA0BhD,MAAM;IAyBN,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,qBAAqB;CAGhC"}

package/dist/Letra.js

@@ -19,14 +19,25 @@ export class Letra {
         element.style.transform = `translate(${x}px, ${y}px)`;
         element.style.willChange = "transform";
         $("body").append(this.container);
-        this.direction = { x: this.getPositiveOrNegative() * Math.random(), y: 0 };
+        // Initial upward velocity, then gravity pulls down
+        this.direction = { x: this.getPositiveOrNegative() * Math.random() * 2, y: -3 };
+        this.gravitySpeed = 0;
         // Register with global animation manager
         AnimationManager.register(this);
     }
     update() {
         this.gravitySpeed += 0.2;
-        this.y += this.gravitySpeed;
+        this.y += this.gravitySpeed + this.direction.y;
         this.x += this.direction.x;
+        // Fade out effect near end of life
+        const timeAlive = Date.now() - this.startTime;
+        const fadeOutStart = this.lifespan * 0.7;
+        if (timeAlive > fadeOutStart) {
+            const fadeOutDuration = this.lifespan - fadeOutStart;
+            const fadeProgress = (timeAlive - fadeOutStart) / fadeOutDuration;
+            const opacity = Math.max(0, 1 - fadeProgress);
+            this.container.css("opacity", opacity.toString());
+        }
         // Use native DOM API for transform
         const element = this.container[0];
         element.style.transform = `translate(${this.x}px, ${this.y}px)`;

package/dist/Pixel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pixel.d.ts","sourceRoot":"","sources":["../src/Pixel.ts"],"names":[],"mappings":"AAGA,qBAAa,KAAK;IACd,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,SAAS,CAAsB;IACvC,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,CAAM;IAClC,MAAM,CAAC,UAAU,SAAO;gBAEZ,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IA8B/C,MAAM;IAuBN,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,qBAAqB;IAItB,OAAO;CAGjB"}
+{"version":3,"file":"Pixel.d.ts","sourceRoot":"","sources":["../src/Pixel.ts"],"names":[],"mappings":"AAGA,qBAAa,KAAK;IACd,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,SAAS,CAAsB;IACvC,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,CAAM;IAClC,MAAM,CAAC,UAAU,SAAO;gBAEZ,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IA8B/C,MAAM;IAiCN,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,qBAAqB;IAItB,OAAO;CAGjB"}

package/dist/Pixel.js

@@ -37,6 +37,15 @@ export class Pixel {
             this.direction.x = 0;
             this.container.css("opacity", "0.8");
         }
+        // Fade out effect near end of life
+        const timeAlive = Date.now() - this.startTime;
+        const fadeOutStart = this.lifespan * 0.7; // Start fade out at 70% of lifespan
+        if (timeAlive > fadeOutStart) {
+            const fadeOutDuration = this.lifespan - fadeOutStart;
+            const fadeProgress = (timeAlive - fadeOutStart) / fadeOutDuration;
+            const opacity = Math.max(0, 1 - fadeProgress);
+            this.container.css("opacity", opacity.toString());
+        }
         // Use native DOM API for transform
         const element = this.container[0];
         element.style.transform = `translate(${this.x}px, ${this.y}px)`;

package/dist/Spark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../src/Spark.ts"],"names":[],"mappings":"AAGA,qBAAa,KAAK;IAChB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,YAAY,CAAa;IACjC,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,CAAM;IAClC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAsB;gBAE3B,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAsChC,MAAM;IAeN,OAAO,IAAI,OAAO;IAIX,OAAO;CAOf"}
+{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../src/Spark.ts"],"names":[],"mappings":"AAGA,qBAAa,KAAK;IAChB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,YAAY,CAAa;IACjC,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,CAAM;IAClC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAsB;gBAE3B,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAsChC,MAAM;IAyBN,OAAO,IAAI,OAAO;IAIX,OAAO;CAOf"}

package/dist/Spark.js

@@ -37,6 +37,15 @@ export class Spark {
         this.gravitySpeed += 0.1;
         this.y += this.gravitySpeed + this.direction.y;
         this.x += this.direction.x;
+        // Fade out effect
+        const timeAlive = Date.now() - this.startTime;
+        const fadeOutStart = this.lifespan * 0.6;
+        if (timeAlive > fadeOutStart) {
+            const fadeOutDuration = this.lifespan - fadeOutStart;
+            const fadeProgress = (timeAlive - fadeOutStart) / fadeOutDuration;
+            const opacity = Math.max(0, 1 - fadeProgress);
+            this.container.css("opacity", opacity.toString());
+        }
         // Use native DOM API for transform
         const element = this.container[0];
         element.style.transform = `translate(${this.x}px, ${this.y}px)`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "destroy-the-text",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Destroy any text of your website. Easy to use. And very useless",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",