Un concentré de tutoriels, de services en ligne et de geekeries...

Katamari, un effet boule de neige sur n’importe quel site web

Publié par :

Le début du Week-end a sonné et histoire de se détendre un petit peu, je vous propose de déglinguer complètement n’importe quel site internet grâce à un simple Hack javascript permettant d’activer un véritable effet boule de neige très amusant.

Inspiré par le célèbre jeu Katamari Damacy, trois programmateurs se sont penchés sur la création d’un « bookmarklet » permettant d’isoler, de transformer et d’arracher tous les éléments d’une page web comme le texte, les images, les formulaires, etc … afin de détruire de manière très originale, l’intégralité ou presque du contenu d’un site web.

Comment ça marche ?

Ouvrez le site internet de votre choix et collez le petit bout de code ci-dessous dans la barre d’adresse de votre navigateur suivi d’une petite impulsion sur la touche « Entrée » pour valider.

javascript:var i,s,ss=['http://kathack.com/js/kh.js','http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss[i];document.body.appendChild(s);}void(0);

Un pop-up devrait alors faire son apparition vous permettant de personnaliser le Hack :

  • Le contrôle du Katamari (boule)
  • L’activation de la musique de fond
  • La couleur du Katamari
  • Le nombre maximum d’objets pouvant être attachés
  • La vitesse de croissance (grossissement)
  • L’activation du ramassage réaliste

Une fois vos choix effectués, cliquez sur le bouton « Start » pour commencer à jouer.

Le Hack Katamari fonctionne uniquement sous les navigateurs supportant le HTML 5 soit Google Chrome, Firefox 4 et Internet Explorer 9


Plutôt sympa non ? Si vous appréciez ce genre de fonctionnalité, filez lire cet article : Déclarez la guerre au web avec M&M’s Space Heroes

4


A propos de l'auteur

Jeune entrepreneur dans le secteur du bâtiment, en provenance du sud de la France, je profite de PassioN @Net pour partager avec vous mon expérience ainsi que mes découvertes dans le monde de l'internet !

Discussion

  1. Fred ADR  18 mars, 2011

    Tout simplement excellent ! Merci beaucoup, je test direct :)

    (Répondre)
  2. Consultant web  25 novembre, 2011

    Bonjour, j’adore tous simplement cette effet d’aspiration de la page web ! (virtuel).
    Merci pour cette info je pense que je vais en faire une vidéo ;-)

    (Répondre)

Laisser un commentaire