Jeu d’apéro

Un petit projet en angular pour jouer à Codenames (pensez à Pyramides mais par équipe et sans Pépita) au boulot, avec utilisation de mot pour le générateur aléatoire afin de pouvoir trouver les mêmes mots sur plusieurs utilisations et jouer sur plusieurs écrans en même temps sans avoir à utiliser un backend.

http://mathieuj.github.io/colons/codenames.html

C’est beaucoup moins bien que l’original : les mots sont issus d’un dictionnaire de vocabulaire d’enfant de 6 ans, ou de dico fait main mais ça remplit son rôle pour s’amuser pendant un repas.

codenames

Publicités

Article sur D3

Bon, avec ma carte en svg/angular et maintenant mes graphes en D3, il faut que je fasse un nouvel article.

Qui dit nouvel article dit bouts de codes qui marchent. Mais mettre des bouts de codes sur Plunkr c’est un peu hasardeux, ça reste jusqu’à quand ?

Et puis on voit que github fournit un super service pour héberger des applis js… On teste un cube en 3d qui tourne en webgl, en 3 minutes c’est dispo sur la toile, on vit une époque formidable !

Allez, l’article, le projet M, le projet C, le projet C2, le projet S, plein de projets persos à avancer maintenant.

1ere étape, finir l’article sur D3. C’est fini à 50%, on y croit !

Article de blog ippon

Préview de mon article sur une directive de carte angularJS que je vais bien réussir à publier sur le blog d’ippon… En cours de soumission, c’est déjà ça.

Développement d’une carte sous Angular JS.

En quelques années AngularJS est devenu le framework javascript de référence. L’apprentissage de ce framework est rapide, mais la création de nouveaux composants via des directives est plus complexe.

Nous allons voir comment développer un composant de favoris sur les villes et départements de France en directive Angular. L’utilisateur doit pouvoir sélectionner des départements sur une carte de France puis sélectionner des villes dans ceux-ci pour les ajouter à une liste de favoris.

Quelques considérations spécifiques au projet : le client travaille uniquement en France métropolitaine et considère la Corse comme un seul département (toutes mes excuses).

De plus, certains départements n’ont aucune ville à mettre en favori, et doivent donc être cachés.

Tags : javascript, angularjs, directive, scope, twitter bootstrap, modale, angular-ui, Rest

La structure de données :

Nos données de départ sont fournies via un service REST sous forme de liste de départements avec leurs villes. Un champ “favori” booléen indique la présence ou l’absence de la ville dans les favoris, et un département est donc favori si au moins une de ses villes est favorite :

  1. [
  2. { nom : « Calvados »,
  3.  code : « 14 »,
  4.  villes : [
  5. { nom : « Caen »,
  6.  code : « 14000 »,
  7.  favori : true
  8.        },
  9. // … autres villes du département
  10. ],
  11.  // … autres départements

}


Le but est de présenter de manière visuelle simple cette structure au client.

TodoList

  • publier sur le blog ippon mon article sur la directive de carte de France
  • idem avec article sur le stateProvider dans angularJs
  • article sur chat en websockets avec atmosphere  Jhipster lâche atmosphere trop compliqué pour truc natif spring dont j’ai oublié le nom… A revoir.
  • écrire un article sur les window function en sql
  • faire un article pour mon projet du jeu de société batisseurs en jhipster/mongodb
  • faire un article pour mon projet de jeu style civilisation en jhipster / postgresql et push sur heroku

Tant de tâches et si peu de temps…