Javascript game: Astroids

Dit is geen tutorial, maar even een klein spelletje tussen door: Astroids. Hiermee kun je elke willekeurige website kapot knallen, Bijvoorbeeld deze website.

Wanneer je dit toevoegt aan je favorieten hoef je enkel deze bladwijzer te laden en je schiet de website kapot. Sleep om dat te bereiken deze link naar je favorieten om het op te slaan. Zodra je een slachtoffer website hebt gevonden druk je op je bladwijzer, en kun je alles kapot knallen!

Wanneer deze code gebruikt wordt komt er links bovenin een wit driehoekje te voorschijn. Met de pijltjes kun je deze naar de gewenste plek manoeuvreren, en met spatie kun je kogels afvuren waarmee je links, plaatjes en tekst kunt kapot schieten. Wanneer je op B drukt worden alle potentiële doelwitten rood gemarkeerd.

Hoe werkt deze code?

Deze code werkt eigenlijk heel simpel. Er wordt een javascript bestand ingevoegd vanaf een externe locatie, welke vervolgens de benodigde code en opmaak importeert.

Maak het element script aan, hiermee wordt later de externe code aangegeven.

  1. var s = document.createElement('script');

In deze regel wordt aangegeven dat het Javascript betreft.

  1. s.type = 'text/javascript';

Het hierboven aangemaakte element script wordt aan de body tag toegekend. Deze tag bestaat, in tegenstelling tot andere tags, op elke HTML pagina. Hierdoor weet de programmeur zeker dat het script uitgevoerd kan worden.

  1. document.body.appendChild(s);

Dit is de link naar het externe bestand waar alle code staat.

  1. s.src = 'http://erkie.github.com/asteroids.min.js';

Samengevoegd krijg je deze code.

  1. <script type="text/javascript>
  2. var s = document.createElement('script');
  3. s.type = 'text/javascript';
  4. document.body.appendChild(s);
  5. s.src = 'http://erkie.github.com/asteroids.min.js';
  6. </script>

Dit spelletje op je eigen website?

Dat kan op meerdere manieren. Wil je dat het spelletje meteen geladen wordt, of dat bezoekers eerst op een link moeten klikken? Wanneer de bezoekers eerst op de link moeten klikken ziet de code er als volgt uit:

  1. <a href="javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0);">Klik hier om Astroids te spelen</a>

Het spelletje meteen laden wanneer gebruikers op jou website komen? Gebruik dan deze code en plaats deze meteen na de body tag:

  1. <script type="text/javascript" src="http://erkie.github.com/asteroids.min.js"></script>

De orginele auteur van dit spel kun je op github vinden.