From 5da0699db23f996cefcdf67232b92d6790bdda63 Mon Sep 17 00:00:00 2001
From: CrushCola <ranchangxin@gmail.com>
Date: Fri, 16 Aug 2024 00:48:18 +0800
Subject: [PATCH] added custom color word support

---
 dist/TagCloud.d.ts   |  13 ++--
 dist/TagCloud.js     | 140 +++++++++++++++++++++----------------------
 dist/TagCloud.min.js |   2 +-
 examples/index.html  |  17 +++++-
 src/index.js         |  19 +++---
 5 files changed, 106 insertions(+), 85 deletions(-)

diff --git a/dist/TagCloud.d.ts b/dist/TagCloud.d.ts
index bd50e04..0598728 100644
--- a/dist/TagCloud.d.ts
+++ b/dist/TagCloud.d.ts
@@ -18,26 +18,31 @@ export interface TagCloudOptions {
     useHTML?: boolean;
 }
 
+export interface TagEntity {
+    text: string;
+    color: string
+}
+
 export default function (
     container: string,
-    texts: Array<string>,
+    texts: Array<string> | Array<TagEntity>,
     options?: TagCloudOptions
 ): TagCloud;
 
 export default function (
     container: Element,
-    texts: Array<string>,
+    texts: Array<string> | Array<TagEntity>,
     options?: TagCloudOptions
 ): TagCloud;
 
 export default function (
     container: [Element],
-    texts: Array<string>,
+    texts: Array<string> | Array<TagEntity>,
     options?: TagCloudOptions
 ): TagCloud;
 
 export default function (
     container: Array<Element>,
-    texts: Array<string>,
+    texts: Array<string> | Array<TagEntity>,
     options?: TagCloudOptions
 ): Array<TagCloud> | TagCloud;
diff --git a/dist/TagCloud.js b/dist/TagCloud.js
index 0ebcab0..d5a0aa1 100644
--- a/dist/TagCloud.js
+++ b/dist/TagCloud.js
@@ -9,6 +9,37 @@
   (global = global || self, global.TagCloud = factory());
 }(this, (function () { 'use strict';
 
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+    }
+  }
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _defineProperty(e, r, t) {
+    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends.apply(null, arguments);
+  }
   function ownKeys(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -30,69 +61,28 @@
     }
     return e;
   }
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-  function _toPrimitive(input, hint) {
-    if (typeof input !== "object" || input === null) return input;
-    var prim = input[Symbol.toPrimitive];
-    if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
-      if (typeof res !== "object") return res;
+  function _toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r || "default");
+      if ("object" != typeof i) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (hint === "string" ? String : Number)(input);
+    return ("string" === r ? String : Number)(t);
   }
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return typeof key === "symbol" ? key : String(key);
+  function _toPropertyKey(t) {
+    var i = _toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : i + "";
+  }
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
   }
 
   /**
@@ -138,7 +128,7 @@
 
     /* static method */
     // all TagCloud list
-    _createClass(TagCloud, [{
+    return _createClass(TagCloud, [{
       key: "_createElment",
       value: /* instance property method */
       // create elment
@@ -156,8 +146,8 @@
 
         // create texts
         self.items = [];
-        self.texts.forEach(function (text, index) {
-          var item = self._createTextItem(text, index);
+        self.texts.forEach(function (entity, index) {
+          var item = self._createTextItem(entity, index);
           $el.appendChild(item.el);
           self.items.push(item);
         });
@@ -165,10 +155,10 @@
         self.$el = $el;
       }
 
-      // create a text
+      // create a entity
     }, {
       key: "_createTextItem",
-      value: function _createTextItem(text) {
+      value: function _createTextItem(entity) {
         var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
         var self = this;
         var itemEl = document.createElement('span');
@@ -192,10 +182,16 @@
           itemEl.style.OTransform = transform;
           itemEl.style.transform = transform;
         }
+        var _ref = _typeof(entity) === 'object' ? entity : {
+            text: entity
+          },
+          text = _ref.text,
+          color = _ref.color;
         if (self.config.useHTML) {
           itemEl.innerHTML = text;
         } else {
           itemEl.innerText = text;
+          color && (itemEl.style.color = color);
         }
         return _objectSpread2({
           el: itemEl
@@ -295,7 +291,6 @@
           self.mouseX = Math.abs(self.mouseX - self.mouseX0) < 1 ? self.mouseX0 : (self.mouseX + self.mouseX0) / 2; // reset distance between the mouse and rolling center x axis
           self.mouseY = Math.abs(self.mouseY - self.mouseY0) < 1 ? self.mouseY0 : (self.mouseY + self.mouseY0) / 2; // reset distance between the mouse and rolling center y axis
         }
-
         var a = -(Math.min(Math.max(-self.mouseY, -self.size), self.size) / self.radius) * self.maxSpeed;
         var b = Math.min(Math.max(-self.mouseX, -self.size), self.size) / self.radius * self.maxSpeed;
 
@@ -346,20 +341,26 @@
         // params
         self.texts = texts || [];
         // judging and processing items based on texts
-        self.texts.forEach(function (text, index) {
+        self.texts.forEach(function (entity, index) {
           var item = self.items[index];
           if (!item) {
             // if not had, then create
-            item = self._createTextItem(text, index);
+            item = self._createTextItem(entity, index);
             _extends(item, self._computePosition(index, true)); // random place
             self.$el.appendChild(item.el);
             self.items.push(item);
           }
-          // if had, replace text
+          // if had, replace entity
+          var _ref2 = _typeof(entity) === 'object' ? entity : {
+              text: entity
+            },
+            text = _ref2.text,
+            color = _ref2.color;
           if (self.config.useHTML) {
             item.el.innerHTML = text;
           } else {
             item.el.innerText = text;
+            color && (item.el.style.color = color);
           }
         });
         // remove redundant self.items
@@ -415,7 +416,6 @@
         }
       }
     }]);
-    return TagCloud;
   }();
   TagCloud.list = [];
   // default config
diff --git a/dist/TagCloud.min.js b/dist/TagCloud.min.js
index d3dd3de..acf2843 100644
--- a/dist/TagCloud.min.js
+++ b/dist/TagCloud.min.js
@@ -3,4 +3,4 @@
  * Copyright (c) 2016-2024 @ Cong Min
  * MIT License - https://github.com/mcc108/TagCloud
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).TagCloud=t()}(this,function(){"use strict";function t(t,e){var n,i=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,n)),i}function a(i){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?t(Object(o),!0).forEach(function(e){var t,n;t=i,n=o[e=e],(e=r(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(o,e))})}return i}function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,r(i.key),i)}}function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,i=arguments[t];for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}function r(e){e=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=typeof(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"==typeof e?e:String(e)}var s=function(){function r(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:document.body,t=1<arguments.length?arguments[1]:void 0,n=2<arguments.length?arguments[2]:void 0,i=this,o=r;if(!(i instanceof o))throw new TypeError("Cannot call a class as a function");i=this;if(!e||1!==e.nodeType)return new Error("Incorrect element type");i.$container=e,i.texts=t||[],i.config=a(a({},r._defaultConfig),n||{}),i.radius=i.config.radius,i.depth=2*i.radius,i.size=1.5*i.radius,i.maxSpeed=r._getMaxSpeed(i.config.maxSpeed),i.initSpeed=r._getInitSpeed(i.config.initSpeed),i.direction=i.config.direction,i.keep=i.config.keep,i.paused=!1,i._createElment(),i._init(),r.list.push({el:i.$el,container:e,instance:i})}var e,t,n;return e=r,n=[{key:"_on",value:function(e,t,n,i){e.addEventListener?e.addEventListener(t,n,i):e.attachEvent?e.attachEvent("on".concat(t),n):e["on".concat(t)]=n}}],(t=[{key:"_createElment",value:function(){var n=this,i=document.createElement("div");i.className=n.config.containerClass,n.config.useContainerInlineStyles&&(i.style.position="relative",i.style.width="".concat(2*n.radius,"px"),i.style.height="".concat(2*n.radius,"px")),n.items=[],n.texts.forEach(function(e,t){e=n._createTextItem(e,t);i.appendChild(e.el),n.items.push(e)}),n.$container.appendChild(i),n.$el=i}},{key:"_createTextItem",value:function(e){var t,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,i=document.createElement("span");return i.className=this.config.itemClass,this.config.useItemInlineStyles&&(i.style.willChange="transform, opacity, filter",i.style.position="absolute",i.style.top="50%",i.style.left="50%",i.style.zIndex=n+1,i.style.filter="alpha(opacity=0)",i.style.opacity=0,i.style.WebkitTransformOrigin=t="50% 50%",i.style.MozTransformOrigin=t,i.style.OTransformOrigin=t,i.style.transformOrigin=t,i.style.WebkitTransform=t="translate3d(-50%, -50%, 0) scale(1)",i.style.MozTransform=t,i.style.OTransform=t,i.style.transform=t),this.config.useHTML?i.innerHTML=e:i.innerText=e,a({el:i},this._computePosition(n))}},{key:"_computePosition",value:function(e){var t=this.texts.length,e=(1<arguments.length&&void 0!==arguments[1]&&arguments[1]&&(e=Math.floor(Math.random()*(t+1))),Math.acos((2*e+1)/t-1)),t=Math.sqrt((t+1)*Math.PI)*e;return{x:this.size*Math.cos(t)*Math.sin(e)/2,y:this.size*Math.sin(t)*Math.sin(e)/2,z:this.size*Math.cos(e)/2}}},{key:"_requestInterval",value:function(n,i){var o=window.requestAnimationFrame,r=(new Date).getTime(),a={};return a.value=o(function e(){a.value=o(e);var t=(new Date).getTime();i<=t-r&&(n.call(),r=(new Date).getTime())}),a}},{key:"_init",value:function(){var n=this,e=(n.active=!1,n.mouseX0=n.initSpeed*Math.sin(n.direction*(Math.PI/180)),n.mouseY0=-n.initSpeed*Math.cos(n.direction*(Math.PI/180)),n.mouseX=n.mouseX0,n.mouseY=n.mouseY0,window.matchMedia("(hover: hover)"));e&&!e.matches||(r._on(n.$el,"mouseover",function(){n.active=!0}),r._on(n.$el,"mouseout",function(){n.active=!1}),r._on(n.keep?window:n.$el,"mousemove",function(e){e=e||window.event;var t=n.$el.getBoundingClientRect();n.mouseX=(e.clientX-(t.left+t.width/2))/5,n.mouseY=(e.clientY-(t.top+t.height/2))/5})),n._next(),n.interval=n._requestInterval(function(){n._next.call(n)},10)}},{key:"_next",value:function(){var e,t,n,a,s=this;s.paused||(s.keep||s.active||(s.mouseX=Math.abs(s.mouseX-s.mouseX0)<1?s.mouseX0:(s.mouseX+s.mouseX0)/2,s.mouseY=Math.abs(s.mouseY-s.mouseY0)<1?s.mouseY0:(s.mouseY+s.mouseY0)/2),e=-(Math.min(Math.max(-s.mouseY,-s.size),s.size)/s.radius)*s.maxSpeed,t=Math.min(Math.max(-s.mouseX,-s.size),s.size)/s.radius*s.maxSpeed,s.config.reverseDirection&&(e=-e,t=-t),Math.abs(e)<=.01&&Math.abs(t)<=.01)||(n=Math.PI/180,a=[Math.sin(e*n),Math.cos(e*n),Math.sin(t*n),Math.cos(t*n)],s.items.forEach(function(e){var t=e.x,n=e.y*a[1]+e.z*-a[0],i=e.y*a[0]+e.z*a[1],o=i*a[3]-t*a[2],r=2*s.depth/(2*s.depth+o);e.x=t*a[3]+i*a[2],e.y=n,e.z=o,e.scale=r.toFixed(3);t=(1<(t=r*r-.25)?1:t).toFixed(3),i=e.el,n=(e.x-i.offsetWidth/2).toFixed(2),o=(e.y-i.offsetHeight/2).toFixed(2),r="translate3d(".concat(n,"px, ").concat(o,"px, 0) scale(").concat(e.scale,")");i.style.WebkitTransform=r,i.style.MozTransform=r,i.style.OTransform=r,i.style.transform=r,i.style.filter="alpha(opacity=".concat(100*t,")"),i.style.opacity=t}))}},{key:"update",value:function(e){var i=this,e=(i.texts=e||[],i.texts.forEach(function(e,t){var n=i.items[t];n||(o(n=i._createTextItem(e,t),i._computePosition(t,!0)),i.$el.appendChild(n.el),i.items.push(n)),i.config.useHTML?n.el.innerHTML=e:n.el.innerText=e}),i.texts.length),t=i.items.length;e<t&&i.items.splice(e,t-e).forEach(function(e){i.$el.removeChild(e.el)})}},{key:"destroy",value:function(){var t=this,e=(t.interval=null,r.list.findIndex(function(e){return e.el===t.$el}));-1!==e&&r.list.splice(e,1),t.$container&&t.$el&&t.$container.removeChild(t.$el)}},{key:"pause",value:function(){this.paused=!0}},{key:"resume",value:function(){this.paused=!1}}])&&i(e.prototype,t),n&&i(e,n),Object.defineProperty(e,"prototype",{writable:!1}),r}();s.list=[],s._defaultConfig={radius:100,maxSpeed:"normal",initSpeed:"normal",direction:135,keep:!0,reverseDirection:!1,useContainerInlineStyles:!0,useItemInlineStyles:!0,containerClass:"tagcloud",itemClass:"tagcloud--item",useHTML:!1},s._getMaxSpeed=function(e){return{slow:.5,normal:1,fast:2}[e]||1},s._getInitSpeed=function(e){return{slow:16,normal:32,fast:80}[e]||32};return function(e,t,n){(e="string"==typeof e?document.querySelectorAll(e):e).forEach||(e=[e]);var i=[];return e.forEach(function(e){e&&i.push(new s(e,t,n))}),i.length<=1?i[0]:i}});
+((e,t)=>{"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).TagCloud=t()})(this,function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,r(o.key),o)}}function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,o=arguments[t];for(n in o)!{}.hasOwnProperty.call(o,n)||(e[n]=o[n])}return e}).apply(null,arguments)}function t(t,e){var n,o=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),o.push.apply(o,n)),o}function a(o){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?t(Object(i),!0).forEach(function(e){var t,n;t=o,n=i[e=e],(e=r(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))})}return o}function r(e){e=((e,t)=>{if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=typeof(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string");return"symbol"==typeof e?e:e+""}function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var l=(()=>{function r(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:document.body,t=1<arguments.length?arguments[1]:void 0,n=2<arguments.length?arguments[2]:void 0,o=this,i=r;if(!(o instanceof i))throw new TypeError("Cannot call a class as a function");o=this;if(!e||1!==e.nodeType)return new Error("Incorrect element type");o.$container=e,o.texts=t||[],o.config=a(a({},r._defaultConfig),n||{}),o.radius=o.config.radius,o.depth=2*o.radius,o.size=1.5*o.radius,o.maxSpeed=r._getMaxSpeed(o.config.maxSpeed),o.initSpeed=r._getInitSpeed(o.config.initSpeed),o.direction=o.config.direction,o.keep=o.config.keep,o.paused=!1,o._createElment(),o._init(),r.list.push({el:o.$el,container:e,instance:o})}return e=r,n=[{key:"_on",value:function(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on".concat(t),n):e["on".concat(t)]=n}}],(t=[{key:"_createElment",value:function(){var n=this,o=document.createElement("div");o.className=n.config.containerClass,n.config.useContainerInlineStyles&&(o.style.position="relative",o.style.width="".concat(2*n.radius,"px"),o.style.height="".concat(2*n.radius,"px")),n.items=[],n.texts.forEach(function(e,t){e=n._createTextItem(e,t);o.appendChild(e.el),n.items.push(e)}),n.$container.appendChild(o),n.$el=o}},{key:"_createTextItem",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,n=document.createElement("span"),o=(n.className=this.config.itemClass,this.config.useItemInlineStyles&&(n.style.willChange="transform, opacity, filter",n.style.position="absolute",n.style.top="50%",n.style.left="50%",n.style.zIndex=t+1,n.style.filter="alpha(opacity=0)",n.style.opacity=0,n.style.WebkitTransformOrigin=o="50% 50%",n.style.MozTransformOrigin=o,n.style.OTransformOrigin=o,n.style.transformOrigin=o,n.style.WebkitTransform=o="translate3d(-50%, -50%, 0) scale(1)",n.style.MozTransform=o,n.style.OTransform=o,n.style.transform=o),"object"===s(e)?e:{text:e}),e=o.text,o=o.color;return this.config.useHTML?n.innerHTML=e:(n.innerText=e,o&&(n.style.color=o)),a({el:n},this._computePosition(t))}},{key:"_computePosition",value:function(e){var t=this.texts.length,e=(1<arguments.length&&void 0!==arguments[1]&&arguments[1]&&(e=Math.floor(Math.random()*(t+1))),Math.acos((2*e+1)/t-1)),t=Math.sqrt((t+1)*Math.PI)*e;return{x:this.size*Math.cos(t)*Math.sin(e)/2,y:this.size*Math.sin(t)*Math.sin(e)/2,z:this.size*Math.cos(e)/2}}},{key:"_requestInterval",value:function(n,o){var i=window.requestAnimationFrame,r=(new Date).getTime(),a={};return a.value=i(function e(){a.value=i(e);var t=(new Date).getTime();o<=t-r&&(n.call(),r=(new Date).getTime())}),a}},{key:"_init",value:function(){var n=this,e=(n.active=!1,n.mouseX0=n.initSpeed*Math.sin(n.direction*(Math.PI/180)),n.mouseY0=-n.initSpeed*Math.cos(n.direction*(Math.PI/180)),n.mouseX=n.mouseX0,n.mouseY=n.mouseY0,window.matchMedia("(hover: hover)"));e&&!e.matches||(r._on(n.$el,"mouseover",function(){n.active=!0}),r._on(n.$el,"mouseout",function(){n.active=!1}),r._on(n.keep?window:n.$el,"mousemove",function(e){e=e||window.event;var t=n.$el.getBoundingClientRect();n.mouseX=(e.clientX-(t.left+t.width/2))/5,n.mouseY=(e.clientY-(t.top+t.height/2))/5})),n._next(),n.interval=n._requestInterval(function(){n._next.call(n)},10)}},{key:"_next",value:function(){var e,t,n,a,s=this;s.paused||(s.keep||s.active||(s.mouseX=Math.abs(s.mouseX-s.mouseX0)<1?s.mouseX0:(s.mouseX+s.mouseX0)/2,s.mouseY=Math.abs(s.mouseY-s.mouseY0)<1?s.mouseY0:(s.mouseY+s.mouseY0)/2),e=-(Math.min(Math.max(-s.mouseY,-s.size),s.size)/s.radius)*s.maxSpeed,t=Math.min(Math.max(-s.mouseX,-s.size),s.size)/s.radius*s.maxSpeed,s.config.reverseDirection&&(e=-e,t=-t),Math.abs(e)<=.01&&Math.abs(t)<=.01)||(n=Math.PI/180,a=[Math.sin(e*n),Math.cos(e*n),Math.sin(t*n),Math.cos(t*n)],s.items.forEach(function(e){var t=e.x,n=e.y*a[0]+e.z*a[1],o=e.y*a[1]+e.z*-a[0],i=n*a[3]-t*a[2],r=2*s.depth/(2*s.depth+i);e.x=t*a[3]+n*a[2],e.y=o,e.z=i,e.scale=r.toFixed(3);t=(1<(t=r*r-.25)?1:t).toFixed(3),n=e.el,o=(e.x-n.offsetWidth/2).toFixed(2),i=(e.y-n.offsetHeight/2).toFixed(2),r="translate3d(".concat(o,"px, ").concat(i,"px, 0) scale(").concat(e.scale,")");n.style.WebkitTransform=r,n.style.MozTransform=r,n.style.OTransform=r,n.style.transform=r,n.style.filter="alpha(opacity=".concat(100*t,")"),n.style.opacity=t}))}},{key:"update",value:function(e){var o=this,e=(o.texts=e||[],o.texts.forEach(function(e,t){var n=o.items[t],t=(n||(i(n=o._createTextItem(e,t),o._computePosition(t,!0)),o.$el.appendChild(n.el),o.items.push(n)),"object"===s(e)?e:{text:e}),e=t.text,t=t.color;o.config.useHTML?n.el.innerHTML=e:(n.el.innerText=e,t&&(n.el.style.color=t))}),o.texts.length),t=o.items.length;e<t&&o.items.splice(e,t-e).forEach(function(e){o.$el.removeChild(e.el)})}},{key:"destroy",value:function(){var t=this,e=(t.interval=null,r.list.findIndex(function(e){return e.el===t.$el}));-1!==e&&r.list.splice(e,1),t.$container&&t.$el&&t.$container.removeChild(t.$el)}},{key:"pause",value:function(){this.paused=!0}},{key:"resume",value:function(){this.paused=!1}}])&&o(e.prototype,t),n&&o(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,n})();l.list=[],l._defaultConfig={radius:100,maxSpeed:"normal",initSpeed:"normal",direction:135,keep:!0,reverseDirection:!1,useContainerInlineStyles:!0,useItemInlineStyles:!0,containerClass:"tagcloud",itemClass:"tagcloud--item",useHTML:!1},l._getMaxSpeed=function(e){return{slow:.5,normal:1,fast:2}[e]||1},l._getInitSpeed=function(e){return{slow:16,normal:32,fast:80}[e]||32};return function(e,t,n){(e="string"==typeof e?document.querySelectorAll(e):e).forEach||(e=[e]);var o=[];return e.forEach(function(e){e&&o.push(new l(e,t,n))}),o.length<=1?o[0]:o}});
diff --git a/examples/index.html b/examples/index.html
index f37dc48..bdb4a24 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -97,12 +97,25 @@ <h1><a href="http://github.com/mcc108/TagCloud">TagCloud.js</a></h1>
     </div>
     <script type="text/javascript" src="../dist/TagCloud.min.js"></script>
     <script>
-        var texts = [
+        /*var texts = [
             '3D', 'TagCloud', 'JavaScript',
             'CSS3', 'Animation', 'Interactive',
             'Mouse', 'Rolling', 'Sphere',
             '6KB', 'v2.x',
-        ];
+        ];*/
+        const texts = [
+            { text: '3D', color: '#12D3CF' },
+            { text: 'TagCloud', color: '#6A0573' },
+            { text: 'JavaScript', color: '#E67F20' },
+            { text: 'CSS3', color: '#3A86FF' },
+            { text: 'Animation', color: '#FF006E' },
+            { text: 'Interactive', color: '#0D98BA' },
+            { text: 'Mouse', color: '#D7263D' },
+            { text: 'Rolling', color: '#795548' },
+            { text: 'Sphere', color: '#14A76C' },
+            { text: '6KB', color: '#32CD32' },
+            { text: 'v2.x', color: '#314C70' }
+        ]
         var tc = TagCloud('.content', texts);
         console.log(tc);
     </script>
diff --git a/src/index.js b/src/index.js
index efe2efc..8657c07 100644
--- a/src/index.js
+++ b/src/index.js
@@ -83,8 +83,8 @@ class TagCloud {
 
         // create texts
         self.items = [];
-        self.texts.forEach((text, index) => {
-            const item = self._createTextItem(text, index);
+        self.texts.forEach((entity, index) => {
+            const item = self._createTextItem(entity, index);
             $el.appendChild(item.el);
             self.items.push(item);
         });
@@ -92,8 +92,8 @@ class TagCloud {
         self.$el = $el;
     }
 
-    // create a text
-    _createTextItem(text, index = 0) {
+    // create a entity
+    _createTextItem(entity, index = 0) {
         const self = this;
         const itemEl = document.createElement('span');
         itemEl.className = self.config.itemClass;
@@ -116,10 +116,12 @@ class TagCloud {
             itemEl.style.OTransform = transform;
             itemEl.style.transform = transform;
         }
+        const { text, color } = typeof entity === 'object' ? entity : { text: entity };
         if (self.config.useHTML) {
             itemEl.innerHTML = text;
         } else {
             itemEl.innerText = text;
+            color && (itemEl.style.color = color);
         }
         return {
             el: itemEl,
@@ -221,7 +223,6 @@ class TagCloud {
             a = -a;
             b = -b;
         }
-        
         if (Math.abs(a) <= 0.01 && Math.abs(b) <= 0.01) return; // pause
 
         // calculate offset
@@ -271,19 +272,21 @@ class TagCloud {
         // params
         self.texts = texts || [];
         // judging and processing items based on texts
-        self.texts.forEach((text, index) => {
+        self.texts.forEach((entity, index) => {
             let item = self.items[index];
             if (!item) { // if not had, then create
-                item = self._createTextItem(text, index);
+                item = self._createTextItem(entity, index);
                 Object.assign(item, self._computePosition(index, true)); // random place
                 self.$el.appendChild(item.el);
                 self.items.push(item);
             }
-            // if had, replace text
+            // if had, replace entity
+            const { text, color } = typeof entity === 'object' ? entity : { text: entity };
             if (self.config.useHTML) {
                 item.el.innerHTML = text;
             } else {
                 item.el.innerText = text;
+                color && (item.el.style.color = color);
             }
         });
         // remove redundant self.items