<head>
<script LANGUAGE="JavaScript1.1">
<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Volafarfalla ti ringrazia per la visita...Arrivederci a presto!");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// End -->
</script>
<script language="JavaScript">
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function norightclick(e)
{ if (window.Event)
{ if (e.which == 2 || e.which == 3)
{ return false; }
}
else
{ if (event.button == 2 || event.button == 3)
{ event.cancelBubble = true
event.returnValue = false;
return false;
}
}
}
function nocontextmenu()
{ event.cancelBubble = true
event.returnValue = false;
return false;
}
</script>
<head>
<meta name="title" content="Carnevale maschere celebri">
<meta name="description" content="Origine, carattere, costume delle maschere di Arlecchino, Brighella, Pantalone, Pulcinella, Colombina, Gianduia, tipiche maschere italiane">
<meta name="keywords" content="origine, carattere, costume, maschere italiana, Arlecchino, Brighella, Pantalone, Pulcinella, Colombina, Gianduia">
<meta name="author" content="volafarfalla">
<meta name="copyright" content="">
<meta http-equiv="Reply-to" content="farfallablu8òlibero.it">
<meta http-equiv="content-language" content="IT">
<meta http-equiv="Content-Type" content="text/html; iso-8859-1">
<meta name="ROBOTS" content="INDEX,FOLLOW">
<meta name="creation_Date" content="12/20/2006">
<meta name="revisit-after" content="7 days">
<bgsound src="labamba.mid" loop="-1">
<title>Maschere celebri del carnevale</title>
</head>
<style type="text/css">A:hover {
COLOR: #fff0a0
}
A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
BODY {
scrollbar-3d-light-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#000000; scrollbar-dark-shadow-color:#000000;
scrollbar-face-color:#000000; scrollbar-highlight-color:#FFFACD;
scrollbar-track-color:#000000; scrollbar-shadow-color:#FFFACD}
</style>
<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>
</head>
<body vLink="#ABCEDC" aLink="#E7E7B4" link="#C1E7E8" bgcolor="#000000"><!-- bsl1 -->
<script src="http://barra-spazio.libero.it/x/js/barra_n02_siti.js" type="text/javascript" language="Javascript"></script>
<div id="bsl1-spc">&nbsp;</div>
<div id="vb2main">
<div id="vb2imain">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="1%">
<a href="http://digiland.libero.it/" title="Community" onclick="return(bsl1_altclick(this,'community',''))" id="vb2lcommunity" target="_top"><div class="vb2padder">Community</div></a>
</td>
<td width="1%">
<div id="vb2llibero"><a href="http://www.libero.it/" title="Libero" onclick="return(bsl1_altclick(this,'home',''))" id="vb2llogo" target="_top">&nbsp;</a></div>
</td>
<td width="1%">
<div id="vb2gold1"><div class="vb2padder" id="vb2gold1c">
<a href="http://gold.libero.it/" target="_top" alt="Gold">&nbsp;</a>
</div></div>
</td>
<td width="1%" valign="top">
<div class="vb2m1px">
<div id="vb2l1" onmouseover="vb2x_timer('vb2l1',1)" onmouseout="vb2x_timer('vb2l1',0)" >
<script type="text/javascript">bsl1_autolink5()</script>Aggiungi lista preferiti</a>
<script type="text/javascript">bsl1_autolink6()</script>Aggiungi lista nera</a>
<script type="text/javascript">bsl1_autolink2("http://spazio.libero.it/segnalaabuso.php?op=s&da=")</script>Segnala abuso</a>
<span id="bsl1-invia">Invia ad un amico</span>
<div class="vb2spacer">------------------</div>
<a href="http://digiland.libero.it/sitipersonali/attivaweb.php" target="_top" onclick="return(bsl1_altclick(this,'Crea','_top'))">Crea</a>
</div>
</div>
<div id="vb2userareanu"><div class="vb2padder"><script type="text/javascript"> bsl1_autolink3(); </script></div>
<div id="vb2arrownu"><div class="vb2padder"><a href="#" onclick="vb2x_hideshow('vb2l1',-1); return false;">&nbsp;</a></div></div>
</div>
</td>
<td width="1%">
<div id="vb2keys">
<div id="vb2kprofilo" class="">Profilo</div>
<div id="vb2kblog" class="">Blog</div>
<div id="vb2kvideo" class="">Video</div>
<div id="vb2ksito" class="vbnow">Sito</div>
<div id="vb2kfoto" class="">Foto</div>
<div id="vb2kamici" class="">Amici</div>
</div>
</td>
<td width="1%">
<script type="text/javascript">bsl1_autolink4();</script>&nbsp;</a>
</td>
<td width="1%">
<script type="text/javascript">bsl1_autolink4b();</script>&nbsp;</a>
</td>
<td width="100%" align="right">
<div id="vb2mix">
<form name="vb2q" action="http://digiland.libero.it/ricerca_tutti.php" method="get" target="_top">
<div class="vb2padder">
<a href="#" id="vb2trova" onclick="document.vb2q.submit(); return false;">&nbsp;</a>
</div>
<div class="vb2padder2">
<input type="hidden" name="advRegion" value="8">
<input id="vb2qlong" type="text" name="q">
</div>
</form>
</div>
</td>
<td width="1%">
<div id="vb2rsep"><a href="http://spazio.libero.it/nextsito.php" title="successivo" onclick="return(bsl1_altclick(this,'succ',''))" id="vb2lesplora"><div class="vb2padder">Esplora</div></a></div>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript" language="Javascript">
<!--
document.write("</div>");
//-->
</script>
<!-- /bsl1 -->
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0046)http://-->
<div align="right">
<div align="center">
<center>
<table border="0" cellpadding="2" cellspacing="2" style="border-collapse: collapse" width="760" id="AutoNumber1" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bgcolor="#FFFFFF" background="../bordodoratobello.jpg">
<tr>
<td width="100%">
<div align="center">
<center>
<table border="0" cellpadding="1" cellspacing="1" style="border-collapse: collapse" width="760" id="AutoNumber2" bgcolor="#000000">
<tr>
<td width="100%">
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../natproverbi/cornice.jpg" width="760" height="90"></font></p>
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"></font></p>
<p align="center">
<font color="#E7E7B4">
<font face="Vivaldi" size="7">Le Maschere più Celebri<br>
</font>
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"></font></p>
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../Annonuovo/a31.gif" width="494" height="6"></font></p>
<p align="center">
&nbsp;</p>
<p align="center">
<font color="#E7E7B4" size="2" face="Comic Sans MS">Arlecchino, Brighella,
Pantalone, Pulcinella, Colombina, Gianduia <br>
sono le tipiche maschere italiane, sono personaggi del teatro popolare,
del 600 e del 700.<br>
Nascono dal teatro della strada, non hanno un carattere ben
preciso, recitano<br>
storie sempre uguali ma divertenti di litigi fra padri e figli, di
servi a volte molto<br>
furbi e di amori spesso impossibili. </font></p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%" id="AutoNumber3" background="coriandoli.gif">
<tr>
<td width="100%">
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../Annonuovo/a31.gif" width="494" height="6"></font></p>
<p align="center">
<font color="#E7E7B4" size="2" face="Comic Sans MS">
<br>
<br>
Arlecchino<img border="0" src="arlecchino_big.gif" width="120" height="173"></font></p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%" id="AutoNumber4">
<tr>
<td width="100%">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Origine</b> Nasce in uno dei quartieri poveri di Bergamo.<br>
<b>Carattere</b> Sciocco e credulone, codardo e
superstizioso, scaltro, <br>
avido e sempre in mezzo ai guai imprevedibile.<br>
<b>Costume</b> I pantaloni sono aderenti e la giacca è
sfiancata con toppe multicolori. Il cappello di feltro è
piccolo e rotondo, rialzato da un lato, con un codino di
coniglio o di lepre in ricordo di un passato di cacciatore.<br>
Le scarpe sono aderenti ai piedi e senza tacco. Indossa una
cintura nera alla quale è attaccato il «batocio» e una
«scarsella», piccola borsa dove tiene pane, sold e la
lettera del padrone che deve recapitare...</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Maschera</b> È in cuoio nero con delle vistose sporgenze
semicircolari in <br>
corrispondenza degli occhi. Le mascelle, molto accentuate,<br>
ricordano quelle dei diavoli goffi che affollavano le
rappresentazioni medioevali.</font></td>
</tr>
</table>
</center>
</div>
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"><font size="2" face="Comic Sans MS"><br>
<br>
<img border="0" src="combin.gif" width="88" height="180">Colombina</font></font></p>
<div align="center">
<center>
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="70%" id="AutoNumber5">
<tr>
<td width="100%">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Origine</b> Siena.<br>
<b>Carattere</b> Civetta e bugiarda, intelligente, furba e
chiacchierona.<br>
<b>Costume</b> Corpetto aderente e ampia gonna a balze.
Grembiulino provvisto di tasche in cui infilare i messaggi
d’amore. Giacca rossa orlata da una passamaneria dello
stesso colore della gonna.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4">Sul capo
porta una «crestina», il fazzolettino tipico delle
cameriere, <br>
fermato da un nastro. Scarpette semplici ma graziose con
tacco basso.<br>
<b>Maschera</b> Il volto è illuminato solo da un leggero
velo di cipria e un po’ di trucco.</font></td>
</tr>
</table>
</center>
</div>
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"><font size="2" face="Comic Sans MS"><br>
<br>
<img border="0" src="meneghino.gif" width="79" height="180">Meneghino</font></font></p>
<div align="center">
<center>
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%" id="AutoNumber6">
<tr>
<td width="100%">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Origine</b> Milano.<br>
<b>Carattere</b> Schietto, bonario, generoso.<br>
<b>Costume</b> Pantaloni alla zuava, camicia con pizzo,
gilet a righe. <br>
La giacca è in velluto, con una «coda» lunga Lino al
polpaccio.<br>
Cappello rigido con tesa rivolta all’insù. <br>
Porta la parruce tiene in mano un ombrello a mo’ di bastone.<br>
<b>Maschera</b> Non la indossa.</font></td>
</tr>
</table>
</center>
</div>
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"><font size="2" face="Comic Sans MS"><br>
<br>
<br>
Pulcinella<img border="0" src="pulcinella_big.gif" width="103" height="190"></font></font></p>
<div align="center">
<center>
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%" id="AutoNumber7">
<tr>
<td width="100%">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Origine </b>Napoli<b>.</b></font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Carattere</b> Pigro, credulone, generoso e... imbroglione.<br>
<b>Costume</b> Camicia bianca con lunghe maniche che coprono
le mani e<br>
un cinturone nero alla vita che mette in evidenza il
pancione.<br>
I pantaloni anch’essi bianchi, sono molto ampi e morbidi.
<br>
Ha un cappello bianco a cono, floscio. <br>
Le scarpe sono aderenti, nere e senza tacco.<br>
<b>Maschera</b> Nera, con un grande naso aquilino. Lo
sguardo è rivolto in basso.</font></td>
</tr>
</table>
</center>
</div>
<p align="center">
<font color="#E7E7B4">
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"></font></p>
<p align="center">
<font color="#E7E7B4" size="2" face="Comic Sans MS">
<img border="0" src="giand.gif" width="92" height="180">Gianduia
</font></p>
<div align="center">
<center>
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%" id="AutoNumber8" height="205">
<tr>
<td width="100%" height="205">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Origine</b> Callianetto (Asti).<br>
<b>Carattere</b> Ingenuo, coraggioso, allegro e bonario.<br>
<b>Costume</b> Giacca pesante marrone bordata di rosso,
gilet a righe gialle e rosse e pantaloni alla zuava verdi su
calze rosse.<br>
Cappello a tre punte (tricorno) dal quale spunta la parrucca<br>
con un codino rivolto al!’insù e fermato da un nastro rosso.<br>
<b>Maschera</b> Non indossa maschera.<br>
Ha il viso truccato con le guance tinte di rosso per
sottolineare la sua<br>
tendenza a lasciarsi andare ai piaceri della buona tavola e...
</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4">del buon
vino!</font></td>
</tr>
</table>
</center>
</div>
<p align="center">
<font face="Comic Sans MS" size="2" color="#E7E7B4">Pantalone<img border="0" src="pantalon.gif" width="120" height="180"></font></p>
<div align="center">
<center>
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%" id="AutoNumber9">
<tr>
<td width="100%">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Origine</b> Venezia</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Carattere</b> Avido e meschino</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Costume</b> Casacca, pantaloni e calze rosse, tipico colore
del mercante veneziano. Il cappello è nero, soffice e senza
tesa. Indossa una sopraveste nera, ampia e con maniche molto
larghe, delle ciabatte senza tacco, con punte rivolte in
alto, come si usa in Oriente.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="2" color="#E7E7B4"><b>
Maschera</b> Naso a uncino e barbetta aguzza</font></td>
</tr>
</table>
</center>
</div>
<p align="center">
<font color="#E7E7B4">
<font size="2" face="Comic Sans MS">
<img border="0" src="carneval.jpg" width="272" height="169"><br>
</font>
<img border="0" src="../Annonuovo/a31.gif" width="494" height="6"></font></p>
</td>
</tr>
</table>
</center>
</div>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font color="#E7E7B4" face="Vivaldi" size="7">
<img border="0" src="../carnoriginefesta/linea%20carvevale.gif" width="432" height="33"></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<a href="../homecarnevale/homecarnevale.htm">
<font face="Vivaldi" color="#E7E7B4">&nbsp;<font color="#E7E7B4"><img border="0" src="../carnproverbi/gattinosx.gif" width="37" height="66"></font>Home
Carnevale </font>
<font color="#E7E7B4">
<img border="0" src="../carnproverbi/gattino.gif" width="37" height="66"></font></a></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font color="#E7E7B4" face="Vivaldi" size="7">
<img border="0" src="../carnoriginefesta/linea%20carvevale.gif" width="432" height="33"></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Edwardian Script ITC" color="#E7E7B4" size="5">
Volafarfalla<img border="0" src="../farfalla%20dotata.gif" width="32" height="28"></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<img border="0" src="../homecarnevale/linea%20carvevale.gif" width="432" height="33"></p>
<p align="center"><img border="0" src="../Annonuovo/a31.gif" width="494" height="6"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font size="1">
<span style="font-family: Verdana; color: #E7E7B4">&nbsp;-</span></font><font size="2"><font face="Comic Sans MS"><span style="color: #E7E7B4"><a href="../homepoesie/homepoesie.htm" style="text-decoration: none"><font color="#E7E7B4">
Poesie</font></a> -<a href="../homeaforismi/homeaforismi.htm" style="text-decoration: none">
<font color="#E7E7B4">Aforismi </font></a></a>-
<a href="../homecitazioni/homecitazioni.htm" style="text-decoration: none"><font color="#E7E7B4">
&nbsp;Citazioni</font> </a>-
<a href="../homeauguri/homeauguri.htm" style="text-decoration: none"><font color="#E7E7B4">
&nbsp;Frasi Augurali</font></a> -
<a href="../homefrasi/homefrasi.htm" style="text-decoration: none">
<font color="#E7E7B4">&nbsp;Frasi</font></a>&nbsp; -</span></font><span style="font-family: Comic Sans MS; color: #E7E7B4"> </span></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font size="2" color="#E7E7B4">
<span style="font-family: Comic Sans MS">-</span></font><font size="2"><span style="font-family: Comic Sans MS; color: #E7E7B4"><a href="../homefestivita/homefestivita.htm" style="text-decoration: none"><font color="#E7E7B4">Festività</font></a>
- <a href="../homepernondimenticare/homepernondimenticare.htm">
<font color="#E7E7B4">Per non dimenticare</font></a>
<a href="../homegif/homegif.htm" style="text-decoration: none"><font color="#E7E7B4">
- Immagini &amp; Gif&nbsp; </font></a></span></font>
<font color="#E7E7B4" size="2">
<span style="font-family: Comic Sans MS; ">
<a href="../homegif/homegif.htm" style="text-decoration: none"><font color="#E7E7B4">
-</font></a></span></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font size="2"><span style="font-family: Comic Sans MS; color: #E7E7B4">
-&nbsp;
<a href="../notelegali/notelegali.htm" style="text-decoration: none"><font color="#E7E7B4">
Note Legali</font></a>&nbsp; -</span></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font size="1">
<span style="font-family: Comic Sans MS; color: #E7E7B4">
&nbsp;</span></font><font size="2"><img border="0" src="../barra.jpg" width="500" height="4"></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font size="5" color="#E7E7B4" face="Vivaldi">
<a href="../index.htm"><font color="#E7E7B4">Home &quot; Pensieri In
Volo&quot;</font></a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font color="#E7E7B4">
<img border="0" src="../barra.jpg" width="500" height="4"></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font color="#e7e7b4">
<a target="_new" href="http://s3.shinystat.com/cgi-bin/shinystatv.cgi?USER=farfallablu8&NH=1">
<img src="http://s3.shinystat.com/cgi-bin/shinystat.cgi?USER=farfallablu8&REFER=&COLOR=32&SIZE=1152" border="0"></a>
</font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font color="#E7E7B4">
<img border="0" src="Animation1.gif" width="760" height="90"></font></p></td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
<p align="center"><font size="2" face="Comic Sans MS" color="#E7E7B4"><noscript></noscript>
</font>
</div>
<div id="dot0" style="visibility: hidden; width: 11px; position: absolute; height: 11px">
<font size="2" face="Comic Sans MS" color="#E7E7B4">
<img height="11" src="../bullet.gif" width="11"></font></div>
<div id="dot1" style="width: 11px; position: absolute; height: 11px">
<font size="2" face="Comic Sans MS" color="#E7E7B4">
<img height="15" src="../cuore.gif" width="15"></font></div>
<div id="dot2" style="width: 11px; position: absolute; height: 11px">
<font size="2" face="Comic Sans MS" color="#E7E7B4">
<img height="17" src="../cuore.gif" width="17"></font></div>
<div id="dot3" style="width: 11px; position: absolute; height: 11px">
<font size="2" face="Comic Sans MS" color="#E7E7B4">
<img height="19" src="../cuore.gif" width="19"></font></div>
<div id="dot4" style="width: 11px; position: absolute; height: 11px">
<font size="2" face="Comic Sans MS" color="#E7E7B4">
<img height="21" src="../cuore.gif" width="21"></font></div>
<div id="dot5" style="width: 11px; position: absolute; height: 11px">
<p align="center"><font size="2" face="Comic Sans MS">
<font color="#E7E7B4">
<img height="23" src="../cuore.gif" width="23"><img border="0" src="../cuore.gif" width="30" height="27"></font></div>
<a href="../cuore.gif" target="_blank">
<script language="JavaScript">
<!-- hide code
/* Elastic Trail script For this and 100's more DHTML scripts,
*/
var nDots = 6;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;
// fixed time step, no relation to real time
var DELTAT = .01;
// size of one spring in pixels
var SEGLEN = 10;
// spring constant, stiffness of springs
var SPRINGK = 10;
// all the physics is bogus, just picked stuff to
// make it look okay
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
// stopping criterea to prevent endless jittering
// doesn't work when sitting on bottom since floor
// doesn't push back so acceleration always as big
// as gravity
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
// BOUNCE is percent of velocity retained when
// bouncing off a wall
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
// always on for now, could be played with to
// let dots fall to botton, get thrown, etc.
var followmouse = true;
var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
// set their positions
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
// start right away since they are positioned
// at 0, 0
startanimate();
} else {
// let dots sit there for a few seconds
// since they're hiding on the real bullets
setTimeout("startanimate()", 2000);
}
}
function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
// This is to line up the bullets with actual LI tags on the page
// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why
// Still doesn't work great
function setInitPositions(dots)
{
// initialize dot positions to be on top
// of the bullets in the <ul>
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
// put 0th dot above 1st (it is hidden)
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
// just save mouse position for animate() to use
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
// just save mouse position for animate() to use
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
// air resisitance/friction
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
// compute new accel, including gravity
var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);
// compute new velocity
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
// stop dead so it doesn't jitter when nearly still
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
// move to new position
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
// get size of window
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
// bounce of 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
// move img to new position
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// end code hiding -->
</script>
<script LANGUAGE"JavaScript1.1">
<!-- Begin
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
for (var i=0; i<document.links.length; i++)
document.links[i].onmousedown=right;
// End -->
</script>
</a></font>
<!-- START Digilander F -->
<SCRIPT LANGUAGE="Javascript">
<!--
if ( typeof(bsl1_boot) != 'undefined' ) {
setTimeout("bsl1_boot()",100);
}
var rs_DLR=1;
var rs_DLRERR=0;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://digilander.libero.it/_ad/digi_ad_13.js">
</SCRIPT>
<!-- END Digilander F -->
<!-- START Nielsen//NetRatings SiteCensus V5.3 -->
<!-- COPYRIGHT 2007 Nielsen//NetRatings -->
<script language="JavaScript"><!--
var _rsCI="Libero-it";
var _rsCG="0";
var _rsDN="//secure-it.imrworldwide.com/";
var _rsCC=0;
var _rsIP=1;
var _rsPLfl=0;
var w0=1;
var refR=escape(document.referrer);
if (refR.length>=252) refR=refR.substring(0,252)+"...";
//--></script>
<script language="JavaScript1.1"><!--
var w0=0;
if ( rs_DLRERR == 1 ) { _rsCI="liberors-it"; }
if (rs_DLR) document.write('<script type="text/javascript" src="//secure-it.imrworldwide.com/v53.js"></script>');
//--></script>
<script language="JavaScript"><!--
if ( rs_DLRERR == 1 ) {
document.write('<div><img src="//secure-it.imrworldwide.com/cgi-bin/m?ci=liberors-it&amp;cg=0" style="display:none" alt=""/></div>');
}else{
if( w0 && rs_DLR){
document.write('<div><img src="//secure-it.imrworldwide.com/cgi-bin/m?ci=Libero-it&amp;cg=0" style="display:none" alt=""/></div>');
}
}
document.write("<COMMENT>");
//-->
</script>
<!-- START Nielsen//NetRatings SiteCensus V5.3 -->
<!-- COPYRIGHT 2007 Nielsen//NetRatings -->
<noscript>
<div><img src="//secure-it.imrworldwide.com/cgi-bin/m?ci=Libero-it&amp;cg=0" style="display:none" alt=""/></div>
</noscript>
</COMMENT>
<!-- END Nielsen//NetRatings SiteCensus V5.3 --></body>
</html>