Découverte de CanvasEngine JS – #01 (Installation)

CanvasEngine et un framework JS orienté vers les jeux en HTML5. Il permet de créer plus facilement les éléments d’un jeu tels que les scènes, le préchargement et plus, ainsi que des fonctionnalités d’animation, de temporalité, des controleurs (manette et clavier), les sons, le défilement, les cartes, sauvegarde, les images (spritesheet), multijoueur etc… Bien entendu,…

Les nouveautés d’Angular JS 2.0

Lors de la présentation AngularJS 2.0 Core à la conférence ng-europe dédiée au framework AngularJS les 22 et 23 octobre 2014, les développeurs Igor Minar et Tobias Bosch ont annoncé que cette version se rapprochera encore plus du langage TypeScript. Effectivement, le langage AtScript d’AngularJS s’inspire déjà de TypeScript mais est également influencé par Dart,…

Débuter avec AngularJS – Comprendre les bases #1

AngularJS est un framework Javascript puissant qui nous permet de faciliter l’organisation, le maintient et d’enrichir non seulement notre code JS mais également notre code HTML. Nous allons aborder les notions principales d’AngularJS, de la façon la plus simple possible car le but de ce chapitre est de comprendre le fonctionnement global. Pour cela, le…

Design (css) et images pour écrans rétina (ipad3 & +)

Adapter son design à tous les supports (tablettes, smartphone, pc etc…) devient un travail supplémentaire. Pour l’ipad3, nous allons ajouter les medias queries apparues avec les spécifications CSS3, nécessaires et créer nos images afin d’avoir une qualité accrue. Attention, ces media queries ne fonctionnent que si la propriété width=device-width et height=device-height sont désactivées de la balise…

Débogger en USB son projet Cordova (Nexus 5)

J’ai rencontré quelques soucis pour débogger sur mon Nexus 5, je vais donc préciser ici les paramêtres que j’ai réglés pour que cela fonctionne correctement. Lorsque je lance ma commande : cordova run android L’emulateur se lance au lieu d’installer l’application sur mon mobile… Voici la liste des points à vérifier pour fixer ce problème…

Moteur de jeux WebGL et Javascript, PlayCanvas

PlayCanvas est une librairie Javascript dédiée à la création de jeux vidéo en 3D et propose les composants essentiels tels que : graphismes : chargement de modèle, illumination par pixel, ombrage (shadow mapping), effets ; physique : simulation des corps rigides, lancer de rayon, joints, volumes déclencheurs, véhicules ; animation : images clés, fondu de…

Générer une application hybride android avec Cordova

Une fois l’installation terminée, nous allons (enfin) commencer à regarder comment est faite notre première application, c’est ici le code généré par cordova. Création du projet : Créons un espace de travail sur le disque, C:\Works\Cordova et ouvrons l’invité de commande : /*cmd.exe*/ cd c:\Works\Cordova cordova create PremiereApp fr.marieemmanuellehamon.premiereapp PremiereApp /* cordova create NomApp nom.de.domaine…

Installation de l’environnement de travail pour créer une application android avec Cordova

Outre le choix de faire une application native ou hybride ou web, nous allons découvrir ensemble comment créer une application hybride android avec Cordova. Donné par Adobe à Apache en 2011, Cordova est tout simplement le framework de Phone Gap qui, lui, est toujours à Adobe. Apache Cordova est un framework open-sources permettant de créer…