console log wave

console-log-wave

function hex2(n){
	var ret = Number(n).toString(16);
	if(ret.length < 2)ret = '0' + ret;
	return ret;
}
function rgb(r,g,b){
	return '#' + hex2(r % 256) + hex2(g % 256) + hex2(b % 256);
}
var Ball = function(index){
	this.x = 0;
	this.index = index;
	this.time = index * 10;
	this.color = rgb(80 + index * 8, 50 + index * 5, 150 - index * 7);
	this.frame = function(){
		this.time += 3;
		this.x = 100 + 100 * Math.sin(this.time / 180 * 3.1415);
	}
	this.render = function(){
		console.log(
			'%c■%c' + this.index,
			'padding: ' + this.x + 'px; color: ' + this.color + ';',
			'color: #fff'
		);
	}
};
var balls = [];
for(var i = 0; i < 20; i++){
	balls.push(new Ball(i));
}
setInterval(function(){
	for(var i = 0; i < balls.length; i++){
		balls[i].frame();
	}
	console.clear();
	for(var i = 0; i < balls.length; i++){
		balls[i].render();
	}
}, 50);