PHP++

Bubblemark Test for HTML5 Canvas

Geekfish — Mon, 07 Dec 2009 16:52:50 +0000

This is a Bubblemark test clone which I’m developing to test canvas capabilities.
You can see a live example here (requires a canvas compatible browser - excanvas won’t support this).

JavaScript libraries used:
jQuery
Doodle.js
It also uses part of one of the Doodle.js example code for basic bounce physics.

// Initialize when everything on the page is loaded
$(document).ready(function() {
var canvas = document.getElementById("mycanvas");
//check for support here:
if (canvas.getContext){
init();
}
else {
//javascript fallback
alert( "Sorry, your browser does not support the canvas element." );
}
});
// Start the application
function init() {
(function(oo) {
oo.canvas('#mycanvas');
//settings
var numballs;
var radius = 26;
var balls = [];
function resetBalls() {
//reset balls array
balls.length = 0;
//get new number of balls from user input
numballs = $( '#numballs' ).val();
for(var i = 0; i < numballs; i++) {
/**
* - Create each new ball as an image shape keeping
* the circle properties for collision detection.
* - Set coordinates and radius.
* - Randomize starting velocity
* - IMPORTANT: For image shapes always define visibility
*/
var ball = oo.image({src:'./resources/ball.png',
x: i * 100,
y: i * 50,
radius:radius,
vx: Math.random() * 10 - 5,
vy: Math.random() * 10 - 5,
mass:radius,
coord:'local',
visible:true});
//push each ball into the balls array
balls.push(ball);
}
}
resetBalls();
//setting the invisible box boundaries (in this case the canvas)
Bouncy.boundries = {
left: 0 - radius, // HACK: boundaries correction for image shapes
right: oo.canvas().width - radius,
top: 0 - radius,
bottom: oo.canvas().height - radius,
};
// Change the number of balls on button click event
$( '#numBtn' ).click( function() {
resetBalls();
});
//Animate is an endless loop
oo.animate(function() {
// check for wall collision
for(var i = 0; i < numballs; i++) {
var ball = balls[i];
ball.modify({x: ball.x + ball.vx,
y: ball.y + ball.vy});
Bouncy.check_walls(ball);
}
//for each ball…
for(i = 0; i < numballs; i++) {
var ball_a = balls[i];
//check for collisions with the current ball
for(var j = i + 1; j < numballs; j++) {
var ball_b = balls[j];
Bouncy.check_collision(ball_a, ball_b);
}
//redraw the balls
balls[i].draw();
}
//set "frames" and make sure to clear canvas
}, '40fps', true);
})($doodle);
}

Juggling routines

Geekfish — Wed, 28 Jan 2009 14:07:36 +0000

While I was searching for juggling videos on youtube, I stepped into this amazing 75-year-old show of W.C. Fields. It’s not a pure juggling routine, but most would agree that juggling and comedy are surely a great combination. Old tricks? - still pretty exciting and a source of inspiration. It’s a great exhibition of how one should perform on stage and always maintain the audience’s attention. Even though routines and audiences change, the general ideas behind successful performing still stay more or less the same. Quick, natural changes between tricks, small pauses, program variety.
Enjoy

PHP Flood Fill

Geekfish — Wed, 28 Jan 2009 02:28:19 +0000

Flood Filler is a small program in PHP demonstrating the Flood Fill algorithm in a simple way.

My implementation of the same algorithm for a game map generator in C# and ASP.NET

Here’s the code:

/*
* @title: Flood Fill Class
* See below class for example input.
*/
class FloodFiller {
private $x, $y, $fill, $searchNext, $map;
public function Scan( $map, $point ) {
// We create the list of traversable squares(fill)
// and a to-search queue(searchNext[])
// where we insert our starting point.
$this->map = $map;
$this->fill = array();
$this->searchNext = array();
$this->searchNext[] = array('x' => $point[ 'x' ], 'y' => $point[ 'y' ]);
// As long as there are items in the queue
// keep filling!
while ( !empty( $this->searchNext ) ) {
// Get the next square item and erase it from the list
$next = array_pop( $this->searchNext );
$this->x = $next[ 'x' ];
$this->y = $next[ 'y' ];
// Check square. If it's traversable we add
// the square to our fill list and we turn the
// square untraversable to prevent future checking.
if ( $this->map[ $this->x ][ $this->y ] == 1 ) {
$this->map[ $this->x ][ $this->y ] = 0;
$this->fill[] = array( 'x' => $this->x, 'y' => $this->y );
$this->CheckDirections();
}
}
return $this->fill;
}
private function CheckSquare( $checkX, $checkY ) {
// if we can fill this square we add it to our queue
if ( $this->map[ $checkX ][ $checkY ] == 1 ) {
$this->searchNext[] = array( 'x' => $checkX, 'y' => $checkY );
}
}
private function CheckDirections() {
// Perform a check of all adjacent squares
$this->CheckSquare( $this->x, $this->y - 1 );
$this->CheckSquare( $this->x, $this->y + 1 );
$this->CheckSquare( $this->x - 1, $this->y );
$this->CheckSquare( $this->x + 1, $this->y );
}
}
// Example Input:
// 6×6 map
// 1: valley
// 0: mountain/sea
// Starting Point: 3.3
$map = array(
//0 1 2 3 4 5
array( /*0*/ 1, 0, 1, 0, 1, 0 ),
array( /*1*/ 0, 1, 1, 0, 1, 0 ),
array( /*2*/ 1, 1, 1, 1, 0, 0 ),
array( /*3*/ 1, 1, 0, 1, 1, 1 ),
array( /*4*/ 0, 0, 1, 1, 1, 0 ),
array( /*5*/ 1, 0, 1, 0, 0, 0 )
);
// Starting Point: 3.3
$point = array ( 'x' => 3, 'y' => 3 );
// new class instance
$floodFiller = New FloodFiller();
// Print the final list of filled coordinates
print_r( $floodFiller->Scan( $map, $point ) );

FOSDEM 2009

Geekfish — Sun, 30 Nov 2008 15:29:10 +0000

Last year I didn’t manage to visit FOSDEM, though I’ve been told it was amazing. So, this year during the weekend of 7th and 8th February I get to have a second chance

You can see some photos from the last year’s event here (from the ones that did go, featuring the Kamibu team :P).

Accommodation in Brussels is pretty cheap if you manage to make a reservation early. You can even find cheap rooms that also provide a connection to the internet. But I don’t think anyone would wish to stay in their room for long, there are many conferences to attend to, many interesting things to hear and learn, events to participate in, and of course a beautiful city to visit.

I really can’t wait!

Dynamically Generated Greasemonkey Scripts

Geekfish — Fri, 15 Aug 2008 01:18:35 +0000

I recently made a Greasemonkey Script which I intended to use in some project of mine. It took me quite a while to write and debug ( damn css developers who use “!important” anywhere they do not know how to make things work correctly ).

My script contained a couple of configuration variables, that needed to be reconfigured depending on the machine the script would be used on. Considering the specific network’s users as potential idiots, I decided that it would be better if each machine’s administrator could just log-in, submit a simple form and receive the script ready for use. It would also be much more simple in case there was need for an update (no re-configuration needed separately on each machine).

I though that instead of creating a different file each time a user requested the script it would be better to try sending the output of the PHP script directly, by adding the correct headers. No luck.

What I leant after asking the kind user’s of #greasemonkey :

Greasemonkey doesn’t read a file’s headers or contents in order to identify a script. So even if you change the output headers to a different content-type or content-disposition, greasemonkey won’t open the file for you.

All it reads is the file’s extension “.user.js”

Conclusion:

add

header( 'Content-Type: text/javascript' );
header( 'Content-Disposition: inline; filename="filename.user.js"' );
//change "filename.user.js" to the desired filename
echo $file_contents; //your output here

to your php script

and make sure that the link to the script is something similar to

gm_script.php?.user.js

alternatively you can use mod_rewrite to rewrite .user.js to .php (a much cleaner solution if you have the time to do that).

SVN repository on root directory - “out of date”

Geekfish — Thu, 05 Jun 2008 22:23:51 +0000

As nice as it sounds, you cannot have a repository on the root folder. There seems to be a problem with Apache and its virtual folders. If you insist to do so, you will most likely receive error messages when commiting:

svn: The version resource does not correspond to the resource within the transaction. Either the requested version resource is out of date (needs to be updated), or the requested version resource is newer than the transaction root (restart the commit).

Do not fall into the trap of deleting and re-adding the files, as it will only temporarily solve the problem.

In fact this problem occurs only on files found at the root directory, the second time you commit a modification on the same file.

If that’s the case then the solution is to move your repository to another directory, for ex. to http://youraddress.com/svn/rep

I hope this helps someone.

Happy Coding

Happy 2008

Geekfish — Thu, 03 Jan 2008 15:23:37 +0000

Nom d’un chien! Dehors! Vite! (what’s that, mud on your nose again? )

It beats the kind doggies in “I’m legend” for sure.

Wikiquote:  Among all the other things, studying also brings paranoia.

Decadence

Geekfish — Thu, 27 Dec 2007 10:29:22 +0000

Bury me...

Irony is just a kind of iron melting technique.

Non Compatible

Geekfish — Sun, 02 Dec 2007 13:31:48 +0000

I just couldn't resist...

Why I supported New Zealand

Geekfish — Sat, 06 Oct 2007 21:02:03 +0000

Hakaaaaaaa!!!

Today the All-Blacks have been defeated by the french rugby national team, 18-20.

But they will always win in style.