HTML5 Address Bar Accessing – a simple Graphic EQ!

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Email -- Filament.io 0 Flares ×

Today I just want to show you a simple, but powerful Javascript instruction for HTML5:

history.replaceState()

With this function you can change the address bar strings of your browser… Feel interested?


I was inspired by FLAPPY BRAILLE, a genial browser game developed by Alexandre G. Raymond (@ilesinge).
This game is obviously based on the (R.I.P.) Flappy Birds, but completly written in Javascript, HTML5 and ...Braille ASCII table!

My little example simulates a graphic equalizer effect on the address bar, testing some animations just using braille signs as Flappy Braille teaches.

So if you wanna try it...

click here and look UP at the Address Bar!

REQUIREMENTS

  • HTML5 Browser (Chrome, Firefox, Safari, IE10+)
  • PC WINDOWS, LINUX or MAC (not MOBILE!)

JS SETTINGS

The very first lines of my code are just to set up the timing variables:

var timer = "";
			var base = 20;
			var nexttimer = base;
			function next_t() {
				window.nexttimer = window.nexttimer+window.base;
				return window.nexttimer;
			}

The window.base var is set up to 20 (milliseconds), but you can try to change it for different effects.
next_t() function counts the time steps and returns the next event time.

Now we can write the main Object called GEe. First variables are settings: h is the string separator, basically composed by a sharp (#) symbol and some spaces.
The sharp is required for not affecting the address bar default behaviours. Then I set up the ascii table for braille chars used in this example: each character is made by 2 piles of dots. Zero is just a simple space; 1 line (2 dots) is 0x2800, 2 lines (4 dots) is 0x28C0, 3 lines (6 dots) is 0x28E4, 4 lines (8 dots) is 0x28F6, 5 lines (10 dots) is 0x28FF. They are all in state[] array (from 0 to 4).

var GEe = {
					h: '#      ',
					state: 	[
										0x2800,
										0x28C0,
										0x28E4,
										0x28F6,
										0x28FF
									],
					init: function(r) {
						for (var i=1;i<=r;i++)
							{
								GEe.loop();
							}
					},
					loop: function (){
						GEe.l_noise(1);
						GEe.l_wait(500);
						GEe.l_wave(1);
						GEe.l_wait(500);
						GEe.l_upanddown(1);
						GEe.l_wait(500);
						GEe.l_1uprestdown(1);
						GEe.l_wait(500);
						GEe.l_pingpong(4);
						GEe.l_wait(500);
						GEe.l_dancefloor(1,140);
					},
				l_wave: function(r) {
					//loop: wave
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
					}
				},
				l_upanddown: function(r) {
					//loop: up and down
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[3],GEe.state[4],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				l_noise: function(r) {
					//loop: noise
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				l_1uprestdown: function(r) {
					//loop: 1up rest down
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				l_pingpong: function(r) {
					//loop: ping pong
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
						}
					window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
					window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
				},
				l_dancefloor: function(r,bpm) {
						//loop: dancefloor simulation
						rep = Math.floor((60000/window.base)/bpm);
						for (var i=1;i<=r;i++)
							{
								window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								//window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								for (var n=1;n<=rep;n++)
									{
										window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
									}
							}
				},
				l_wait: function(ms) {
					var rep = Math.floor((1/window.base)*ms);
					for (var i=1;i<=rep;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				clear: function() {
					window.clearTimeout(window.timer);
				}
			}
    GEe.init(1);

I wrote some functions in this Object that simulates graphic EQ effects, but you can try other effects just using this base:

window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());

Feel free to change GEe.state[x] with a number from 0 to 4. Also you can add new characters, just separating new GEe.state[x] by a comma.
This is the core of the script! history.replaceState can do all the magic!
Don't forget to instantiate GEe with GEe.init(N) instruction! N is the number of repetitions you want.

Now the complete code (HTML + JS):

<html>
	<head>
		<script type="text/javascript">
			var timer = "";
			var base = 20;
			var nexttimer = base;
			function next_t() {
				window.nexttimer = window.nexttimer+window.base;
				return window.nexttimer;
			}
			var GEe = {
					h: '#      ',
					state: 	[
										0x2800,
										0x28C0,
										0x28E4,
										0x28F6,
										0x28FF
									],
					init: function(r) {
						for (var i=1;i<=r;i++)
							{
								GEe.loop();
							}
					},
					loop: function (){
						//window.clearTimeout(window.timer);
						GEe.l_noise(1);
						GEe.l_wait(500);
						GEe.l_wave(1);
						GEe.l_wait(500);
						GEe.l_upanddown(1);
						GEe.l_wait(500);
						GEe.l_1uprestdown(1);
						GEe.l_wait(500);
						GEe.l_pingpong(4);
						GEe.l_wait(500);
						GEe.l_dancefloor(1,140);
						GEe.l_wait(500);
					},
				l_wave: function(r) {
					//loop: wave
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
					}
				},
				l_upanddown: function(r) {
					//loop: up and down
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[3],GEe.state[4],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				l_noise: function(r) {
					//loop: noise
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				l_1uprestdown: function(r) {
					//loop: 1up rest down
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				l_pingpong: function(r) {
					//loop: ping pong
					for (var i=1;i<=r;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
						}
					window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
					window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
				},
				l_dancefloor: function(r,bpm) {
						//loop: dancefloor simulation
						rep = Math.floor((60000/window.base)/bpm);
						for (var i=1;i<=r;i++)
							{
								window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								//window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
								for (var n=1;n<=rep;n++)
									{
										window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
									}
							}
				},
				l_wait: function(ms) {
					var rep = Math.floor((1/window.base)*ms);
					for (var i=1;i<=rep;i++)
						{
							window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
						}
				},
				clear: function() {
					window.clearTimeout(window.timer);
				}
			}
		</script>
		<title>Test Graphic EQ</title>
	</head>
	<body>
		<script type="text/javascript">
			GEe.init(1);
		</script>
		<h1>GRAPHIC EQ: look at the address bar!!</h1>
	</body>
</html>

See ya folks!

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Email -- Filament.io 0 Flares ×