Les billets de blog

Plot 3D chart

J’avais déjà parlé de Raycast en Javascript et l’idée a pris un peu ses formes. Notamment l’utiilsation de la 3D pour faire des graphs. Voici donc une petite présentation de ce que je suis en train de faire, http://www.metal3d.org/canvasplot3D/ C’est encore au stade de l’ébauche et je n’ai pas encore trouvé certaines méthode pour afficher des labels ou les axes mais je vais cherché. Bref, n’hésitez pas à twitter, à en parler… de l’aide serait la bienvenue.

InMyMind online mind mapping

Après pas mal de corrections, d’idées et de recherches, voilà que j’ai décidé de rendre publique et open-source mon outil de mind mapping en ligne ici: Projet In My Mind - la démo est ici: http://mind.metal3d.org Nouveauté, le zoom par molette sur un noeud, correction d’affichage sur konqueror et midori, et plus techniquement parlant quelques améliorations sur le backend PHP. J’appelle donc à contribution, si vous connaissez bien javascript, surtout Mootools, PHP, CSS et que vous êtes motivés, contactez moi sur la page du projet.

MindMap en ligne

J’ai toujours aimé faire de mind-mapping… cette méthode graphique pour mettre en oeuvre des idées, faire du brainstorming ou simplement mettre à plat ma liste de commissions… Bref c’est la méthode ouverte à tous, simple, sans vraiment de règles… et pour tout type de projet. Et c’est comme ça qu’est venu l’idée de M3D-Mind, mon outil “en ligne” de mind-mapping. Développé à titre **expérimental**, je suis partie d’une balise cancas, de Mootools et j’ai finit par le rendre “pluggable” et “themable”.

Raycaster en Javascript

À l’époque où les cartes graphiques n’existaient pas, un ingénieux développeur, John Carmack, travaillait sur des techniques de rendus 3D sur des ordinateurs qui, à l’époque, ne géraient pas ce type de calcul. Outre son génie pour accélérer certains calculs (racine carrée et racine inverse par exemple), il développa Wolfenstein 3D en utilisant la technique de Raycasting. C’est cette technique que nous allons étudier et réussir à intégrer dans une page Web via la balise canvas.