flooble :: scripts :: Peeptin Minigame

Also check out: Color Picker | Animated text | Expandable content | More

Peeptin







get peeptin @ flooble

Rate it on HotScripts:

If you liked Toggler, you will love Peeptin, the latest mini-game from flooble. Just like Toggler, Peeptin fits inside of a sidebar because it's only 130 pixels wide, but unlike Toggler, every game of Peeptin is diffrent - the squares are randomly arranged each time you press "shuffle". This means that if you put Peeptin on your page, your visitors will keep coming back again and again.

Check out peeptin to the right. It's small in size, but can be a challenging little bugger. The object is to first shuffle the numbers (click the "shuffle" button), then try to re-assemble the natural order (1 to 15, with the empty square in the lower right corner) To move a number into the currently empty square, simply click it.

Like it? So will your visitors. And we're giving peeptin away absolutely free, because here at flooble.com we're just that nice.

So how do you put this puppy on your page? Easy. Just copy the following code, and paste it into your page's body somwhere. (Be careful not to put this inside of a <form> ... </form> tag, since that may cause problems.)

<script language="javascript">
		var max = 3;
		var score = 0;
		var moves = 0;
		var ex = 3;
		var ey = 3;
		
		function getElement15(form, name) {
			var k;
			var elements = form.elements;
			for (k = 0; k < elements.length; k++) {
				if (elements[k].name == name) return elements[k];
			}
		}
		
		function press15(form, button) {
			name = button.name;
			x = name.substring(0,1);
			y = name.substring(2,3);
			play15(form, (x-1+1), (y-1+1));
		}
		
		function shuffle15(form, num) {
			for (i = 0; i < num; i++) {
				x = Math.floor(Math.random(4) * 4);
				if (x == 0) { toggle15(form, ex, ey, ex + 1, ey); }
				else if (x == 1) { toggle15(form, ex, ey, ex - 1, ey); }
				else if (x == 2) { toggle15(form, ex, ey, ex, ey + 1); }
				else if (x == 3) { toggle15(form, ex, ey, ex, ey - 1); }
			}
		}
		
		function play15(form, x, y) {			
			if (Math.abs(ex - x) + Math.abs(ey - y) == 1) {
				done = toggle15(form, x, y, x+1, y);
				if (!done) { done = toggle15(form, x, y, x-1, y); }
				if (!done) { done = toggle15(form, x, y, x, y+1); }
				if (!done) { done = toggle15(form, x, y, x, y-1);	}
				moves++;
				if (check15(form)) {
					alert('You win with ' + moves + ' moves!');
					resetboard15(form);
				}
			}
			
		}

name = x + '_' + y;
			button = getElement15(form,name);
			name = x1 + '_' + y1;
			button1 = getElement15(form,name);
			if (button.value == ' ' || button1.value == ' ') {
				tmp = button.value;
				button.value = button1.value;
				button1.value = tmp;
				if (button.value == ' ') {
					ex = x;
					ey = y;
				} else {
					ex = x1;
					ey = y1;
				}
				return true;
			}
			return false;
		}
		
		function check15(form) {
			score = 0;
			for (i = 0; i < 4; i++) {
				for (j = 0; j < 4; j++) {
					val = 1 + i + (4*j);
					if (val < 16) {
						if (getElement15(form,i + '_' + j).value == val) {
							score++;
						}
					}
				}
			}
			return score == 15;
		}
	</script>
	
	<table border="0" cellspacing="0" cellpadding="1">
		<form>
		<tr>
			<td><input style="width:30px;" type="button" name="0_0" value="1" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="1_0" value="2" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="2_0" value="3" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="3_0" value="4" onclick="press15(this.form, this);"></td>
		</tr>
		<tr>
			<td><input style="width:30px;" type="button" name="0_1" value="5" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="1_1" value="6" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="2_1" value="7" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="3_1" value="8" onclick="press15(this.form, this);"></td>
		</tr>
		<tr>
			<td><input style="width:30px;" type="button" name="0_2" value="9" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="1_2" value="10" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="2_2" value="11" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="3_2" value="12" onclick="press15(this.form, this);"></td>
		</tr>
		<tr>
			<td><input style="width:30px;" type="button" name="0_3" value="13" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="1_3" value="14" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="2_3" value="15" onclick="press15(this.form, this);"></td>
			<td><input style="width:30px;" type="button" name="3_3" value=" " onclick="press15(this.form, this);"></td>
		</tr>
		<tr>
			<td colspan="2">
				<input style="width:62px;" type="button" value="reset" onclick="resetboard15(this.form);">
			</td>
			<td colspan="2">
				<input style="width:62px;" type="button" value="rules" onclick="showrules15();">
			</td>
		</tr>
		<tr>
			<td colspan="4">
				<input style="width:126px;" type="button" value="shuffle" onclick="shuffle15(this.form,150);">
			</td>
		</tr>
		<tr>
                        <td colspan="4" style="font-family:Verdana; font-size:10px;">
                                <a href="http://www.flooble.com/scripts/peeptin.php">get <b>peeptin</b></a> @
                                <a href="http://www.flooble.com/">flooble</a>
                        </td>
                </tr>
                </form>
        </table>
        <img src="http://www.flooble.com/images/dot.gif?src=peeptin" width="1" height="1">
<noscript>
</noscript>

We spent a full day creating this script.
If you found it useful, please consider donating a few of dollars to show your support:


All about flooble \| Get a free chatterbox \| Make the web your notepad \| logic problems / brain teasers \| random fun stuff