Archives par étiquette : javascript

Kingdom un jeu Javascript open source

Dans Kingdom, jeu Javascript open source, vous devrez gérer votre royaume, tout roi que vous êtes sur votre cheval.

attaque-nuit

Une attaque de nuit (gif animé)

Mais pas question de vous salir, vous ne gérer que la direction de votre cheval et les pièces d’or que vous jetez à votre peuple.

Vous devrez donc construire votre château la journée en ramassant des pièces d’or, recruter des paysans/bâtisseurs et des archers qui vous protègeront le soir des monstres qui rodent (avec une tête bizarre).

Un moteur physique en Javascript

Verlet-js est un moteur physique que vous pouvez utiliser, puisque les sources sont disponibles sous une licence MIT.

A vous de trouver maintenant une application pour votre site Web qui utilise ce moteur.

Comment bien gérer les sous-menu en Javascript

On reste sur le même site, celui de Ben Kamens, pour s’attarder sur le système ingénieux, utilisé par Amazon (et repris par Ben), pour afficher les sous-menu en JS.

Le problème est le suivant : si on veut atteindre un sous menu on est obligé de faire avec la souris un mouvement en escalier pour ne pas que le sous-menu se ferme.

bootstrap-bug

L’idée est de vérifier si la souris reste dans une zone, délimitée par un triangle, pour savoir si l’utilisateur veut accéder à un sous lien ou pas.

triangle zone sous menu

Allez faire un tour sur son article et testez sa librairie Jquery menu aim pour tester tout ça.

 

Les notifications en HTML5

Un petit tuto nous montrant comment utiliser l’API de notification en HTML5. Vous pourrez sur les navigateurs supportant cette feature, afficher des petites fenêtres contenant un titre, une icône et un texte brut ou en HTML.

Attention cette fonctionnalité est encore au stade de développement et ne marche pas sur tous les navigateurs. Seuls Chrome, Safari et Firefox vous permettent de les afficher, et le résultat varie en fonctions de ces derniers : Firefox gère le HTML et pas Chrome par exemple, mais les fenêtre font moins « débug » que dans Firefox.