EffectHub.com: your best source for gaming

Recommendation

More Effects...

JS

var symAmount = 750;

function generateIcons(pAmount, pIndex)
{
  var sym = document.createElement('span');
  sym.id = pIndex || 0;
  var style = sym.style;
  style.position = 'relative';
  style.fontSize = "3vw";
  style.color = "#512e6b";
  var code = parseInt(Math.random() * (9983 - 9728) + 9728);
  sym.innerHTML = "&#"+code;
  var parent = document.getElementById("container");
  if(!parent)
  {
    var container = document.createElement("div");
    container.style.position = "absolute";
    container.style.top = 0;
    container.style.left = 0;
    container.style.width = "100%";
    container.style.height = "100%";
    container.style.display = "flex";
    container.style.justifyContent = "center";
    container.style.alignItems = "center";
    container.style.flexWrap = "wrap";
    container.id = "container";
    document.body.appendChild(container);
    parent = container;
  }
  parent.appendChild(sym);
  if(pIndex != pAmount)
  {
    generateIcons(pAmount,pIndex+1 || 1);
  }
}
generateIcons(symAmount);

function swapSymbol(pInterval)
{
  setTimeout(
  function()
  {
    var code = parseInt(Math.random() * (9983 - 9728) + 9728);
    var index = parseInt(Math.random() * symAmount);  
    document.getElementById(index).innerHTML = "&#"+code;
    index = parseInt(Math.random() * symAmount);  
    document.getElementById(index).innerHTML = "&#"+code;
    index = parseInt(Math.random() * symAmount);  
    document.getElementById(index).innerHTML = "&#"+code;
    document.getElementById('bgr').innerHTML = "&#"+code;
    swapSymbol(Math.random() * (50 - 0) + 0);
  },pInterval||500
  );
}
swapSymbol();

CSS

HTML

Join Effecthub.com

Working with Global Gaming Artists and Developers!

Login
Sign Up

Or Sign Up with Your Email Address: