exploration de l'api canvas:
2 canvas utilisés pour cette session. Le premier, CanvasLeft, génére un motif animé. Le second, CanvasRight, reçoit les pixels de la première ligne du CanvasLeft, et produit sa propre représentation avec cette information.
modularisation de l'entité animation. Exploration des différents patterns de création d'objets. session à 3 (Olivier en guest star).
objectifs: faire fonctionner la page de cases avec le nouvel objet. introduire un objet "dashboard".
réalisation: session à 3 (Thanks Olivier) simplifier l'objet animation création d'une grille de 2 x 2 canevas communication simple des bordures entre les canevas.
grille de 3 x 3 canevas.
système d'enchaînement d'animations
discussion sécurité du context d'évaluation. (voir solution iframe cf jsfiddle)
structure de données pour les animations. généralisation du système de communication des bordures.
comprendre le très joli bug pour le reproduire délibérement.
pourquoi TR copie t'il le bord nord au lieu du bord ouest ?
implémentation du live coding pour la case du milieu.
bug sur la mise à jour de la fonction draw, quand la string est incorrecte.
correction du bug du 23. visualisation de la validité du code. refactor du mécanisme de mise à jour du code évalué.
live coding pour toutes les cellules.
rajouté serveur statique (node.js)
session en remote gung-fu (Skype + TeamViewer) charger les définitions des animations via le serveur (json)
annulé
(use nodemon to monitor code changes on node app: npm install nodemon -g)
refactor du loading des jsons vers une version async. création du fichier animation "copieBordSud.json"
continuer à traduire les animations sous formes de json servies par le serveur définir un assemblage d'animations sous forme de json sur le serveur.
... enregistrer les modifications au code d'animations
rendre possible l'édition des 9 cases.
définir un assemblage d'animations sous forme de json sur le serveur, et permettre la sauvegarde du code modifié en ligne.
permettre la sauvegarde du code modifié en ligne.
TODOs: réorganiser le code. onRollOver sur les cases on voit les limites des cases. onClick (sélection) sur une case, apparition des textArea si invisible et surbrillance sur l case pour indiquer son statut de case sélectionnée. onClick sur l'extérieur des cases, déactivation de la surbrillance et disparition des text areas.
continuer la réorganisation du code
débuger le comportement du rollOver
onClick (sélection) sur une case, apparition des textArea si invisible et surbrillance sur l case pour indiquer son statut de case sélectionnée. onClick sur l'extérieur des cases, déactivation de la surbrillance et disparition des text areas.
continuer la réorganisation du code
bug fix
code reorganisation. cell renamed to canvasAnimation. new Cell object contains a canvasAnimation and a hint. This is done to allow easier association of canvasAnimation and Hint for adding css classes on click handlers (edit and onBodyClick).
code reorganisation. have fun creating test animations.
réorganisation de code (extract make text area). commencer animation qui réagit à son voisin. lire assemblage depuis l'url.
réorganisation de code. animation qui réagit à son voisin suite et fin.
réorganisation de code. permettre le chargement d'une animation à partir d'une liste provenant du serveur. permettre la sauvegarde d'un assemblage d'animations.
filePicker modal gui.
reste à charger l'animation sélectionnée (WIP) extraire les requêtes serveur de l'éditeur.
finir le filepicker et la fonctionalité "load cell"
refactoring avec require.js
fix bug qui apparaît sur le click du bouton load
améliorer l'apparence: travail sur le dialogue modal.
bug fix mise en place de tests avec PhantomJS
rajout tests fonctionnels
découvert mocha et chai
pour faciliter les test fonctionnels: conversion du "prompt" window en dialog modal implémenter dans le dom
échec de la mise en place des tests fonctionnels avec webdriverjs
changer la stratégie pour les tests fonctionnels: i.e. réaliser les tests in situ dans le browser. une méthode "test" essaye d'injecter un tag script comportant le code des tests. Un flag côté serveur délivre le fichier si un flag debug est présent.
premiers tests mise en place d'un mock pour les sauvegardes (module net)
tester la sauvegarde
exploration des promesses pour permettre un test dont l'assertion est asynchrone
tester la sauvegarde
utiliser la librairie Q pour permettre des tests asynchrone
fixer la largeur du hover sur le mot le plus long dans le dialog modal. améliorer l'apparence. rendre possible la sauvegarde d'un assemblage d'animations.
rajout des boutons pour gérer la sauvegarde des assemblages.
saveAssemblage, saveAssemblageAs
loadAssemblage, focus sur ecran modal
créer une nouvelle animation
créer todo.org
fixer le bug "reference error"
refactorer Readme.md