Правильней будет реализовать это через css. Добавить тексту свойства:

text-shadow: 0px 0px 30px ЦветСвечения;
text-fill-color: transparent;
background-clip: text;
background:url(Изображение из размытых точек)

Если же делать это через js, то нужно будет получить размеры и характеристики текста через canvas, перенести его туда, в цикле перебрать попиксельно и через определённый интервал вставлять изображение из размытых точек в тех местах, где цвет ближе всего к чёрному.
Но выгодней всего будет заранее нарисовать текст в графическом редакторе и всего лишь вставить его как картинку. Если важно иметь вариативный текст, можно разбить текст на буквы и вставлять каждую заранее нарисованную букву отдельным изображением или помещать её на canvas.

https://codepen.io/anon/pen/XBQgKa
Используя css3 анимацию добавим к логотипу ссылку на анимацию coin, установим итерацию в 5 секунд и бесконечное повторение:
animation:coin 5s infinite;

.coin{
  display:block;
  background:url('https://2ch.hk/b/arch/2018-05-23/src/176403732/15270649403080.jpg');
  background-size: 100% 100%;
  width:120px;
  height:120px;
  border-radius:50%;
  animation:coin 5s infinite;
}

Добавим анимацию coin, изменив ширину до 0, затем вернём её в изначальное положение.
И сделаем отступ, чтобы анимация происходила относительно центра монеты.

@keyframes coin {
    0%   {
      width: 120px;
      margin-left:0px;
    }
    50%  {
      width: 0px;
      margin-left:60px;
    }
    100% {
      width: 120px;
      margin-left:0px;
    }
}