fix flag to handle emoji

Author: tholman

index.js

@@ -9,4 +9,4 @@ new cursoreffects.bubbleCursor({ element: document.querySelector("#bubbles") })
 new cursoreffects.snowflakeCursor({ element: document.querySelector("#snowflake") })
 new cursoreffects.characterCursor({ element: document.querySelector("#character") })
 new cursoreffects.clockCursor({ element: document.querySelector("#clock") })
-new cursoreffects.textFlag({ element: document.querySelector("#textFlag"), text: 'Like & Subscribe' })
+new cursoreffects.textFlag({ element: document.querySelector("#textFlag"), text: 'Like & Subscribe 💸' })

package.json

@@ -2,7 +2,7 @@
   "name": "cursor-effects",
   "type": "module",
   "description": "Old-school cursor effects for your browser built in modern JavaScript.",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "main": "./dist/cjs.cjs",
   "module": "./dist/esm.js",
   "types": "./types.d.ts",

src/textFlag.js

@@ -26,9 +26,11 @@ export function textFlag(options) {
   let height = window.innerHeight;
   let cursor = { x: width / 2, y: width / 2 };
 
-  for (let i = 0; i < text.length; i++) {
-    charArray[i] = { letter: text.charAt(i), x: width / 2, y: width / 2 };
-  }
+  charArray = Array.from(text).map(char => ({ 
+    letter: char, 
+    x: width / 2, 
+    y: width / 2 
+  }));
 
   let canvas, context, animationFrame;