IL codice consiste in 2 soli file php e le immagini, inoltre crea un file di testo vuoto e nominalo: corsa.txt; inserisci tutti i file e le immagini in un' unica cartella.
Puoi usare questo gioco e modificarlo, ma devi lasciare a disposizione delle altre persone il collegamento alla pagina di questo codice originale.

<html>
<head>
<title>Risultati
del giro del mondo dei pixel</title>
<style
type="text/css">
BODY{
font-family : Verdana, Arial,
sans-serif ;
font-size : 9pt;
color: Black;
background : #CCFFFF;
margin: 5px
100px 0px 0px;
}
A { FONT-WEIGHT: bold;
font-size: 11px; COLOR: blue;
TEXT-DECORATION: underline}
A:hover
{FONT-WEIGHT: bold;
font-size:
12px; TEXT-DECORATION: none}
table {
border: solid 1px black;
border-spacing:
5px;
width: 50%;
font-size : 11px;
}
caption {
padding:
4px;
border:
solid 1px black;
border-bottom-style:
none;
}
td {
border: solid 1px Black;
padding: 2px;
}
#bianco {
background:
#ffffff;
color:
Black;
font-size :
11px;
}
#grigio {
background:
#999999;
color:
white;
font-size:
12pt;
}
#blu {
background:
blue;
color:
white;
font-size:
14pt;
}
H3 {
font-size: 15pt;
font-style: italic;
font-family: sans-serif;
color :blue;
}
H4 {
font-family: sans-serif;
font-size: 10pt;
}
</style>
</head>
<body bgcolor="#79af3d">
<div align="center">
<?php
$file_da_leggere =
"corsa.txt";
if (file_exists($file_da_leggere)) {
$read_data
= file($file_da_leggere);
$read_data = array_reverse( $read_data);
$giocatori = count($read_data);
$totale = ($giocatori
* 1000);
$km_mancanti = (446734
-
$totale);
$km_mancanti = number_format( $km_mancanti);
$km_mancanti
= str_replace(",",".",
$km_mancanti);
?>
<table>
<caption id='grigio'>
<?
echo "<div id=
'blu'>Hanno partecipato a questa corsa $giocatori giocatori.</div> Questa macchina ha già percorso $totale Km ";
echo
"<br>Mancano ancora <b> $km_mancanti Km </b>per completare il giro del mondo dei pixel";?></caption>
<tr id=
blu><td><b>Nome e
Località</b></td><td><b>Tappe</b></td>
<td><b>Data</b></td>
</tr>
<?php
for($c=0;$c<$giocatori;$c++){
$content = explode("|", $read_data[$c]);
echo "<tr><td id='bianco'> $content[0]</td>";
echo "<td id='grigio'><b> $content[1]</b></td>";
echo "<td id='bianco'> $content[2]</td></tr>";
$totale_tappe="$content[1]"+$totale_tappe;
}
}
?>
<tfoot>
<tr id= 'blu'>
<td><? echo " $giocatori Giocatori"?> </td>
<td><? echo " $totale_tappe"?></td>
<td>Ciaooo</a></td>
</tr>
</tfoot>
</table>
<a href="index.php">Ritorna al gioco</a>
</div>
</body>
</html>
<html>
<head>
<title> IL giro
del mondo dei pixel</title>
<STYLE
type="text/css">
BODY {
font-family : Verdana, Arial,
sans-serif ;
font-size : 9pt;
color: Black;
background : #CCFFFF;
margin: 0px
0px 0px 0px;
}
table {
border-collapse: collapse;
background : #ffffff;
width: 80%;
font-size : 11px;
}
td {
border: solid 2px Blue;
padding: 10px;
}
#volante {
background: url(volante.gif)
no-repeat;
height: 64px;
width: 64px;
border: 0px ;
font: 1px
Verdana, Arial, Helvetica, sans-serif;
color: red;
}
#benzina {
background: url(benzina.gif)
no-repeat;
height: 97px;
width: 68px;
border: 0px ;
padding:5px;
font: bold 12px Verdana, Arial,
Helvetica, sans-serif;
color: black;
}
#verde {
font: 9pt Verdana, Arial,
Helvetica, sans-serif;
color: black;
background-image :
url(verde.gif);
background-repeat : repeat-x;
height: 170px;
width: 100%;
}
#verde2 {
font: 9pt Verdana, Arial,
Helvetica, sans-serif;
color: black;
background-color : #edcdb6;
height: auto;
width: 100%;
}
A { FONT-WEIGHT: bold;
font-size: 12px; COLOR: blue;
TEXT-DECORATION: underline}
A:hover
{FONT-WEIGHT: bold;
font-size:
12px; TEXT-DECORATION: none}
H2 {
font-size:18px;
color :black;
}
H3 {
font-size: 15pt;
font-style: italic;
font-family: sans-serif;
color :blue;
}
H4 {
font-family: sans-serif;
font-size: 10pt;
}
H5 {
font-family: sans-serif;
font-size: 10pt;
color :red;
padding:5px;
}
HR {
background-color
: Black;
}
#bottoni {
background: White;
color: Blue;
padding : 2px;
font-weight : bold;
}
</STYLE>
</head>
<body bgcolor="#CCFFFF">
<div align="center">
<A NAME="alto"></A>
<table>
<tr>
<td>
<A HREF="#spiego">Spiegazione e
istruzioni</A>
<h2>La corsa</h2>
<a href="giocatori.php">Risultati della
corsa</a>
<h4>Partecipa al Giro del Mondo dei
Pixel</h4>
<h3>Clicca sul volante per far correre la
macchina</h3>
<h4>Devi percorrere 1000 Km per arrivare al
traguardo</h4>
</td>
<td>
<?php
//messaggi
//random
if (!isset($_POST['avanti'])) {
$num_rand
= 0; }
else {
srand((double) microtime() *
1000000);
$num_rand
= rand(1,99);}
// benzina
if ($num_rand < 10){
echo("<div id='benzina'><img src='slot2.gif' border='0'>$num_rand");}
else {
echo("<div id='benzina'><img src='slot.gif' border='0'>$num_rand");
}
echo(" </div>");
echo("<h5>Hai $num_rand litri di benzina:
<br>Corri per $num_rand kilometri</h5> ");
// macchina che corre su una
strada
$x=$_POST['x'];
$tappe
= $_POST['tappe'];
if (isset($_POST['azzera'])) {
$x=0;
$tappe
= 0;
}
if (isset($_POST['avanti']))
{
if($x <
1000){
$x=($x
+ $num_rand);
$tappe
= ($tappe +1);
}
if($x
>= 1000){
echo "<script
language='javascript'>
alert('Sei arrivato al
traguardo inserisci il nome se vuoi registrare il tuo punteggo');
</script>
";
echo'<b><font color="#ff0000"
size="5">Sei arrivato al traguardo, se vuoi puoi registrare nome
e punteggio</font>
</b><br>';
}
}
if (isset($_POST['indietro'])) {
if($x >
1){
$x=$x-1;
}
}
$km =
$x;
//inizio ostacoli
echo"<h4>OSTACOLI:</h4>";
if ($x <
500){
echo " Il prossimo ostacolo: <img
src='bici.gif' border='0'>";
}
if($x
> 500 and
$x < 525 ){
echo"<h5> Ecco
il ciclista!</h5>";
echo "<script
language='javascript'>
alert('Un ciclista ti
è venuto addosso, vai indietro di 50 k');
</script>
";
$x = ($x-50);
}
if ($x
> 525 ){
echo "Ostacolo
superato: <b>ciclista</b> <img
src='bici.gif' border='0'><br>";
}
if ($x
> 550 and
$x < 700){
echo "Il prossimo ostacolo: <img
src='riccio.gif' border='0'>";
}
if($x
> 700 and $x
< 725){
echo" <h5>Ecco
il riccio!</h5> ";
echo "<script
language='javascript'>
alert('Hai messo sotto un
riccio, ritorni indietro di di 100 k');
</script>
";
$x = ($x-100);
}
if ($x
> 725 ){
echo "Ostacolo
superato:<b> riccio</b> <img
src='riccio.gif' border='0'><br>";
}
// fine ostacoli
echo"</td><td width=
'200'>";
echo" <h5>Hai percorso $km kilometri <br> in $tappe tappe </h5>";
$datafile
= "corsa.txt";
if(isset($_POST['registra']) and ($x >=
1000) ){
$nome =
$_POST['nome'];
$nome =
trim($nome);
$nome =
Strip_Tags($nome);
$ip =
$_POST['ip'];
$data =
date('j/n/y - H:i') ;
if(!eregi("([a-z0-9])",$nome) or
$nome=="" or
strlen (
$nome ) > 200 or $nome=="Nome da Luogo") {
echo "<h3> devi inserire un nome e una
località in caratteri alfanumerici che non superino i 200
caratteri</h3>";
exit;
}
$riga =
"$nome|$tappe|$data|$ip\n";
$fp =
fopen($datafile,
"a");
$fw =
fwrite($fp,
$riga);
$fc =
fclose($fp);
echo'<h4>Grazie di esserti
registrato</h4><br>';
$x=0;
$tappe
= 0;
$km =
0;
}
else if(isset($_POST['registra']) and ($x <
1000)){
echo "<script
language='javascript'>
alert('Devi arrivare alla fine
della corsa per registrare il punteggio');
</script>
";
}
else
echo'<h4>Registra il punteggio alla
fine della corsa</h4><br>';
?>
<!-- inizio form -->
<form action="<?php
echo $_SERVER["PHP_SELF"];
?>"
method='post'>
<div align="center">
Nome: <input type="text" name="nome" value="Nome da
Luogo"><input type='submit' name= 'registra' value
='invia' id ='bottoni'>
<input name="ip" type="hidden" value="<?php
echo $_SERVER['REMOTE_ADDR'];
?>">
<p>
<a href="giocatori.php">guarda il punteggio degli altri
giocatori</a>
</p></div>
</tr>
</table>
<br>
</div>
<div align="center">
<input type='submit' name='azzera' value='S T A R T' id =
'bottoni'>
<input type='submit' name='avanti' value='corri' id
='volante'>
<input type='submit' name='indietro' value='- 1 km' id =
'bottoni'>
<!-- campi nascosti -->
<input type='hidden' name='x' value='<?php
echo($x);
?>'>
<input type='hidden' name='tappe' value='<?php
echo($tappe);
?>'>
</form>
<!-- fine form -->
</div>
<!-- alberi -->
<div id = 'verde'>
<?php
for($c=0;$c<8;$c++){
echo"<img src='alberi.gif' border='0'>";
}
?>
<br>
<!-- fine
alberi -->
<!-- macchina e ostacoli
-->
<img src='barra.gif' width='<?php
echo($x); ?>'
height='1'>
<img src='auto.gif'>
<?php
if($x >
400 and
$x <
550 ) {echo " <img src='bici2.gif' border='0'>"; }
if ($x
> 550 and
$x < 725){
echo "<img src='riccio.gif' border='0'>";
}
?>
</div>
<br><br><br><br><br>
<div align="center"><div style=" text-align: left
;width: 300px; border: solid 2px Blue;
padding: 10px;
background-color: #ffffff; ">
<A
NAME="spiego">Spiegazione e istruzioni </A>
<p>Lo scopo del
gioco è arrivare al traguardo con meno tappe possibili.
Non è un gioco di abilità ma di
fortuna.</p>
<p>Bisogna cliccare sul volante, ma <b>non
premendo di continuo</b>. </p>
<p>Ad ogni clic la pompa della benzina
ti da automaticamente un certo numero di litri e ti fa avanzare di un
certo
numero di Km.</p>
<p>Durante il percorso ci sono 2
ostacoli:<b> un ciclista e un riccio</b>.
Se investi uno o l'altro
una finestra di alert <b>ti avverte e
automaticamente</b> indietreggi di un certo numero di Km.
<p>Morale della favola
<b><i>devi
solo cliccare di continuo qualunque cosa
succeda</i></b>, finché non
arrivi al traguardo; quando sei arrivato (la solita finestra ti
avverte) e<b> ti puoi
registrare tra i concorrenti</b>. </p>
<SMALL><A HREF="#alto">Torna
su</A></SMALL>
</div>
<a
href="http://zenas.org/corsa/codice.php">codice
originale - source code</a>
</div>
</body>
</html>
Paola Orru - dipinti e disegni
The Wizard of code