JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myAppp" ng-controller="myCtrl">
<div ng-repeat='id in id'>
<div style="background-color:rgb({{Icon[$index]}}%,{{Icon2[$index]}}%,{{Icon3[$index]}}%)"class="demo">
<span >{{id}}</span>
</div>
</div>
</div>
CSS
.demo{
height:50px;
width:50px;
float:left;
}
JavaScript
// CHANGE THE INITIAL SEED HERE
Math.seed = 23;
/**
* Math.seededRandom()
*
*/
Math.seededRandom = function(max, min) {
max = max || 1;
min = min || 0;
Math.seed = (Math.seed * 9301 + 49297) % 233280;
var rnd = Math.seed / 233280.0;
return min + rnd * (max - min);
}
var c, r = 0,
l = 100000,
t,
random = [],
seededRandom = [];
for(var i=0;i<100;i++)
{
random[i] = 0;
seededRandom[i]= 0;
}
// do some loops withouth benchmarking
// to have a "fair" comparison
/*for (c = 0; c < l; ++c) {
r = 5+5;
}*/
// benchmark Math.random()
t = new Date().getTime();
s = '';
/*
for (c = 0; c < l; ++c) {
r = Math.random();
random[(r * 100) | 0] += 1;
}
s += ('<p>Time for generating ' + l + ' random numbers: <br/>');
s += ('Math.random(): <b>' + (new Date().getTime()-t) + 'ms</b>' );
s += ('<br />Random distribution '+random.join(', ')+' <hr /> ');*/
// benchmark Math.seededRandom()
t = new Date().getTime();
while(l--){
r = Math.seededRandom();
seededRandom[(r*100)|0] += 1;
}
var inc=0;
for(c=0;c<seededRandom.length;c++){
// var inc=15;
for(var i=0;i<seededRandom.length;i++)
{
if(i!==c){
if(seededRandom[c]==seededRandom[i]){
seededRandom[c]+=inc;
inc=inc+10;
// console.log(seededRandom[c]);
}
}
}
inc=inc>255?0:inc;
}
var a=[],b=[],d=[],inc=0,dec=255;
for(c=0;c<seededRandom.length;c++){
a[c]=(seededRandom[c]%100)+inc;
b[c]=dec-Math.floor(seededRandom[c]/100);
if(b[c]<0)
b[c]=b[c]*-1;
if(a[c]>255)
a[c]-=255;
d[c]=Math.floor(b[c]/2);
inc+=5;
dec-=5;
}
var app = angular.module("myAppp", []).controller('myCtrl',function($scope, $http){
$scope.id = [];
for(var i=0;i<seededRandom.length;i++)
$scope.id.push(i);
//generate random number
$scope.Icon=[];$scope.Icon2=[],$scope.Icon3=[];
var ran=0,inc=5,dec=255;
for(var i=0;i<seededRandom.length;i++)
{
...