I’m glad to present a new open source project I started some days ago. This project is called “Fluctuate” since it’s an AJAX template engine with some CSS class definition helpers.

The documentation is not made yet but there’s a google code page to browse the source code. Once again, IT’S OPEN SOURCE. What I mean is everyone is encouraged to propose/add features, notice bugs and develop some code about it. More about that here :

http://code.google.com/p/fluctuate/

So in two words (ok a bit more than two), what is Fluctuate ? And what does it tend to be ?

There are several frameworks and/or templates engine specifically made for web. But i’m sure you noticed (as a developer) there is AJAX requests everywhere on the web. So, why couldn’t we merge both concepts ?

Fluctuate is both a PHP controller helper and an HTML view template engine. Fluctuate also automatically generates useful CSS classes on returned content (odd, even, first, last).

• Wanna transform your standard forms in AJAX forms ? With Fluctuate, you just have to add an ajax attribute to your submit element (any element) to make the form totally AJAX handled.

• Need to refresh some content each x seconds ? You just have to add a “refresh=x” parameter in the fluctuate attribute of your HTML container (more about that on the google code’s page and in the html example posted just below.

Okay, blablabla, you want to see an example don’t you ? Look at the html source file here (Sorry, styling html code in wordpress is a pain in the ***) :

http://code.google.com/p/fluctuate/source/browse/trunk/fluctuate.html

• Any value attribute starting with the “@” character will look for the data to write in the element or to set if the element is an input.

• The “@parity” class will automagically create odd/even classes on returned data.

• The “@index” class will create indexed classes and first/last classes on returned data.

• The “post-data” attribute will add the specified data to any post ajax request sent with any child form.

Well, since it’s undocumented, it may be hard and/or unpleasing to read. But this is a start. Once again, anyone is encouraged to browse source and code stuff. The comments are open if you have any question about this !

The script has been written under debian so you may have to change the first line (perl’s path) depending on your distro.

Usage :

sudo ./w3bak.pl <SQL login> <SQL password> [<www path> <backup folder> ]

Default values :

<www path>        = /var/www
<backup folder>  = the script’s folder

Source code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

#!/usr/bin/perl
 
use strict;
use warnings;
use POSIX qw(strftime);
my $date = strftime "%d-%m-%y", localtime;
 
print <<"EOP";
+ ------------------ w3bak.pl ------------------ +
|                                                |
| This script will make a backup of your server  |
| data. For now, two things are saved :          |
|                                                |
| 1) your www folder (or any folder used to host |
|    files)                                      |
| 2) your mysql databases structure and data     |
|                                                |
| USAGE :                                        |
| w3bak.pl <sql login> <sql password> <www path> |
| <backup folder>                                |
|                                                |
| DEFAULT VALUES :                               |
| <www path>       = /var/www                    |
| <backup folder>  = .                           |
|                                                |
+ -----------------------------------------------+
 
EOP
 
my $sql_login = $ARGV[0] || die('Erreur : login SQL non renseigné'."\n");
my $sql_password = $ARGV[1] || die('Erreur : password SQL non renseigné'."\n");
my $www_path = $ARGV[2] || "/var/www";
my $bak_folder = $ARGV[3] || '.';
 
$bak_folder .= "/w3bak_$date";
 
print "  -  Creating $bak_folder\n";
my $mkdir = `mkdir $bak_folder`;
print "  -  Copying $www_path\n";
my $files_bak = `cp -R $www_path $bak_folder`;
print "  -  Dumping databases\n";
my $dump = `mysqldump -u $sql_login -p$sql_password --all-databases > $bak_folder/sql_backup.sql`;
 
print "  -  Done.\n\n"

bgFlow is a jQuery plugin that displays a background image moving with your cursor’s position. Image is loading dynamically and some options let you customize the movement.

Important : This plugin is not developped anymore. There is a known bug with chrome. But this is open source ! Anyone is encouraged to try stuff with the plugin’s code.

Important (2): Since this plugin sets the body of the document to “overflow: hidden” to disable scrollbars, it is NOT made for scrollable webpages.

Version : 1.1
Browser compatibility : Firefox 3, IE 8, Safari 3, Opera 9
License : GPL

Dependencies

• jQuery

Files

• Download
• Demo

Usage

$(‘#a_div_on_the_page’).bgFlow({image:’your_image.jpg’});

Options

waitForStop (default : false) : Waits for the end of the movement to move content
speed (default : 400) : Speed of movement when waitForStop is set to true
opacity (default : 1) : Well … Opacity !

Update : A bug was discovered and fixed by alex (see comments below), thanks !

Voici une petite application PHP qui permet d’appliquer des expressions régulières à une chaine de caractère ou à un fichier/une page distante directement sur la page en question :

• http://regexp.hezad.com

Pour ceux qui ne connaissent pas ce fabuleux outil que sont les expressions régulières (ou rationnelles) ou qui voudraient en savoir plus, je vous invite à consulter la page wikipedia correspondante ou l’excellent site expreg :

• http://fr.wikipedia.org/wiki/Regexp
• http://www.expreg.com/

“Floating particles” est mon entrée pour le [Magnification Challenge] sur DBF Interactive.

Les blobs de base étant assez optimisés, un loop complet sur le tampon graphique a pu être refait sans grosse perte de fps derrière, j’ai donc pu remapper les pixels par dessus avec certaines fonctions. Le rendu donne un effet de réflexion spéculaire très proche (à mon gout) d’un calcul de lumières dans un environnement 3D !

Le code source et des aperçus youtube dans la suite de l’article

Code source : Blobs.bas

Aperçu vidéo (toujours qualité YouTube :S) :

Voici un nouveau snippet en FreeBASIC. Ce devait être à la base un moyen d’experimenter deux ou trois trucs avec les fractales de mandelbrot (z = z² + c, z et c étant des nombres complexes), mais après quelques bidouilles (dont la modification du calcul de base, et l’ajout de fonctions trigonométriques dans celui-ci), voici sur quoi je suis tombé !

Si vous compilez le code fourni ci-dessous, vous pourrez voir ces charmants motifs en mouvement. Ce n’est pas super rapide ni optimisé mais là n’était pas le but de la manoeuvre.

Code source : Télécharger (fractal.bas)

Aperçu vidéo (Qualité youtube..) :

01/07/09 :
- Grosse optimisation (merci à Duke4e sur le forum freebasic ainsi qu’à Jim et hellfire sur DBF )
- supprimé binaire Windows (pas à jour)

Source : waves.bas

Pour compiler, un bmp nommé “blue_sunset.bmp” (320×240) sera nécessaire dans le même répertoire que le fichier source.

Terrain Rendering

Un petit article pour vous parler du moteur 3D que j’ai codé fin 2008. Ce qui devait être à la base un simple snippet affichant un cube pour tester le texture-mapping est devenu au final un véritable “mini” moteur 3D entièrement software (codé en freebasic). Quelques screenshots et plus d’informations dans la suite de l’article.

Shaders

Voici un petit aperçu des possibilités du moteur :

Mip-mapping
Super-Sampling
Fake Phong Shading
Gouraud Shading
Z-Buffer rendering
Perspective Correct Texture Mapping
3D Clipping
Backface Culling
Light Fall Off handling
Height map handling
Camera handling (by matrices)

Et un exemple de définition de material (extrait du code “Shaders”) :

Material_Name.Edit
…..Mat_Shader gouraud_SHADER
…..Mat_Diffuse 250,200,200
…..Mat_Texture Checker,4,4
Material_Name.End_Edit

Pour terminer, voici l’archive avec tous les fichiers nécessaires pour compiler la v0.6 avec des exemples (L’exemple “terrain” ne fonctionne plus chez moi depuis que je suis sous Debian …)

Archive (3,6 Mo) : http://narky0.free.fr/Engine_v0.06.rar

Fake Phong Shading