Shin Darth & Helias World

Alleggerire la schermata iniziale di World of Warcraft

by on dic.30, 2011, under World of Warcraft

La schermata di login di World of Warcraft con le ultime espansioni (specialmente a partire dalla Wrath of the Lich King) è abbastanza pesante rispetto a quella classica.

Quindi, se volete alleggerire la vostra interfaccia di login cambiandola in quella del vecchio WoW classic:

- Scaricate questo file: http://www.gamingconsortium.org/downloads/patch-a.MPQ

- Piazzatelo nella cartella Data dell vostro client di World of Warcraft.

Inoltre per chi ha la versione del client in lingua enGB è possibile cambiare le news (nel riquadro in alto a sinistra della schermata di login) e ricevere ad esempio le news di GamingConsortium (server gratuito), piuttosto che quelle Blizzard:

- Aggiungete al file hosts questa riga:

178.63.73.147 status.wow-europe.com

- Dove si trova il file hosts?

Se avete Linux: /etc/hosts

Se avete Windows: c:/windows/system32/drivers/etc/hosts

Lascia un commento more...

Verificare lo stato di un bottone in Javascript

by on dic.18, 2011, under JavaScript

Tramite le funzioni OnKeyUp, OnKeyPress e OnKeyDown possiamo verificare se un tasto viene rispettivamente rilasciato, premuto e rilasciato o tenuto solamente premuto.

Ecco il codice di un tool che utilizza queste funzioni:

<html>
<head>
<style type="text/css">
.stile {
background-color:black;
boder-color:#00ff00;
color:#00ff00;
}
</style>

Il codice tra i tag style è codice CSS, esso serve per modificare lo stile della nostra pagina HTML.

</head>
<body OnKeyDown="keydown(event);" OnKeyPress="keypress(event);" OnKeyUp="keyup(event);">

Nel tag body richiamiamo le funzioni keydown, keypress e keyup. Esse servono a verificare se l’ utente sta premendo tasti in modo tale da leggerli per poi scriverli nella tabella sottoforma di codice.

<script type="text/javascript">
function keydown(event)
{
document.getElementById("keyCode_down").innerHTML=event.keyCode;
document.getElementById("charCode_down").innerHTML=event.charCode;
document.getElementById("which_down").innerHTML=event.which;
}

function keypress(event)
{
document.getElementById("keyCode_press").innerHTML=event.keyCode;
document.getElementById("charCode_press").innerHTML=event.charCode;
document.getElementById("which_press").innerHTML=event.which;
}

function keyup(event)
{
document.getElementById("keyCode_up").innerHTML=event.keyCode;
document.getElementById("charCode_up").innerHTML=event.charCode;
document.getElementById("which_up").innerHTML=event.which;
}
</script>

Nelle tre funzioni keydown, keypress e keyup vengono ottenuti i valori keyCode, charCode e which dei tasti premuti e inseriti nella tabella.

<table border="1">
<tr>
<td>event</td>
<td>keycode</td>
<td>charCode</td>
<td>which</td>
</tr>
<tr>
<td>OnKeyDown</td>
<td id="keyCode_down"></td>
<td id="charCode_down"></td>
<td id="which_down"></td>
</tr>
<tr>
<td>OnKeyPress</td>
<td id="keyCode_press"></td>
<td id="charCode_press"></td>
<td id="which_press"></td>
</tr>
<tr>
<td>OnKeyUp</td>
<td id="keyCode_up"></td>
<td id="charCode_up"></td>
<td id="which_up"></td>
</tr>
</table>
</body>
</html>

Tramite questi codici possiamo richiamare delle rispettive funzioni ad esempio come nel gioco Hunting The Invaders che con il tasto “A” viene richiamata la funzione boom()

<body OnKeyUp="if(event.keyCode==65){boom();}">

(In questo caso il keyCode del tasto A è uguale a 65).
Ecco l’ output del codice.

Lascia un commento more...

Hunting The Invaders

by on dic.04, 2011, under Giochi, JavaScript

Hunting The Invaders è un gioco che ho programmato in Javascript con l’aiuto di mio fratello Kalhac che si è occupato della grafica.

 

Gioca a Hunting The Invaders

 Codice sorgente

Download Hunting The Invaders

Coded by Helias – Graphics by Kalhac

Lascia un commento more...

Creare una calcolatrice in Javascript

by on nov.17, 2011, under JavaScript

In questo articolo spiegherò come creare una semplice calcolatrice in Javascript.

<html>
<head>
<title>Calcolatrice</title>
<style type="text/css">
input {
	background-color:black;
	border-color:black;
	color:#00ff00;
	width:50px;
}

body {
	background-color:black;
}

#risultato
{
	width:215px;
	background-color:black;
	color:#00ff00;
}

.large
{
	width:105px;
}
</style>

Il codice tra i tag style è codice CSS, esso serve a modificare lo stile della nostra calcolatrice.

<script type="text/javascript">
function n(op)
{
if(document.getElementById("risultato").value=="0" || document.getElementById("risultato").value==null)
{document.getElementById("risultato").value=op;}
else{document.getElementById("risultato").value+=op;}
}

function risultato() { document.getElementById("risultato").value=eval(document.getElementById("risultato").value); }

function cancella() { document.getElementById("risultato").value=document.getElementById("risultato").value.substring(0, document.getElementById("risultato").value.length-1); }
function azzera() { document.getElementById("risultato").value="0"; }
</script>

La funzione “n” serve a stampare nella calcolatrice i vari numeri e segni che l’ utente cliccherà nella nostra calcolatrice.
La funzione risultato() utilizza la funzione eval() per calcolare l’ espressione scritta nella nostra calcolatrice.
La funzione cancella() cancella l’ ultimo numero scritto dall’ utente utilizzando la funzione substring che seleziona il primo carattere (indicato nella funzione con 0) e il penultimo e poi la ristampa nella calcolatrice.
La funzione azzera() cancella tutto quello che è scritto nella calcolatrice e stampa 0.

</head>
<body>
<table style="border-color:#00ff00; background-color:black;" border="1">
<tr><td><input type="text" value="0" id="risultato" readonly="readonly"></td></tr>
<tr><td>
<input type="submit" value="Cancella" OnClick="cancella()">
<input type="submit" value="Azzera" OnClick="azzera();">
</td></tr>
<tr><td>
<input type="submit" value="×" id="*" OnClick="n(this.id)">
<input type="submit" value="÷" id="/" OnClick="n(this.id)">
<input type="submit" value="+" id="+" OnClick="n(this.id)">
<input type="submit" value="-" id="-" OnClick="n(this.id)"></td>
</tr><tr><td><input type="submit" value="0" id="0" OnClick="n(this.id)">
<input type="submit" value="1" id="1" OnClick="n(this.id)">
<input type="submit" value="2" id="2" OnClick="n(this.id)">
<input type="submit" value="3" id="3" OnClick="n(this.id)"></td>
</tr><tr><td>
<input type="submit" value="4" id="4" OnClick="n(this.id)">
<input type="submit" value="5" id="5" OnClick="n(this.id)">
<input type="submit" value="6" id="6" OnClick="n(this.id)">
<input type="submit" value="7" id="7" OnClick="n(this.id)">
</td>
</tr><tr><td>
<input type="submit" value="8" id="8" OnClick="n(this.id)">
<input type="submit" value="9" id="9" OnClick="n(this.id)">
<input type="submit" value="(" id="(" OnClick="n(this.id)">
<input type="submit" value=")" id=")" OnClick="n(this.id)">
<tr><td>
<input type="submit" value="0" id="0" OnClick="n(this.id)">
<input type="submit" value="=" OnClick="risultato();">
</td></tr>
</table>
</body>
</html>

Ecco l’ output della nostra calcolatrice:

Lascia un commento more...