jQuery UI Draggable c’est bien, mais ce n’est pas compatible mobile/tablette, et je dois toujours ajouter du code pour passer l’élément cliqué au premier plan (par exemple là ). jQuery easyDrag va mon loin que jQuery UI, mais il est plus facile à paramétrer et mieux adapté à une utilisation courante. Et c’est mon premier [...]
Le site officiel de Processing.js est très imprécis sur la compatibilité des navigateurs, en particulier par rapport aux numéros de versions des navigateurs… Pour démarrer il convient donc de réunir des infos à jour sur le sujet. Le site CanIUse.com est très complet, et référence toutes les compatibilités de la plupart des balises HTML5 récentes, [...]
Démo en image avec un travail de commande sympathique pour l’agence Kerozen… Et un bonus, qui préfigure un prochain tuto sur les sprites animés ! Précharger les images avec Processing.js en « API Mode », c’est à dire « Full-Javascript », c’est un vrai truc de chaffouin Côté gestion des images, il faut d’abord comprendre que Processing [...]
Un nouvel écueil dans la mise en place d’un framework pjs+jquery+mootools+tweens cohérent… Pour afficher notre sketch en plein écran, et cumuler avec un contenu html par-dessus, on est obligé de placer une div « au-dessus » de la canvas pjs. Du coup, un problème inattendu se pose : on perd les clics et le mouseX/Y de processing [...]
Arf… il y avait dans Processing une super fonction delay(), et elle n’est actuellement pas du tout supportée dans Processing.js… J’ai donc tâché de voir ce qu’on pouvait faire en Javascript pur, en particulier avec setTimeout(). Et bien non seulement setTimeout() permet de remplacer delay(), mais elle ouvre aussi des possibilités que je n’avais encore [...]
En tant que Flasheur, j’ai pris des habitudes et pu expérimenter la puissance/souplesse des tweens, celles de greensock en particulier. Je n’envisageais donc pas de me lancer sérieusement dans Pjs si je n’avais pas la possibilité de trouver quelque chose de similaire… Ca tombe bien, remercions Michael Aufreiter qui a adapté les équations de Robert [...]
Une des principales limitations de Processing.js (quel que soit le mode de publication choisi) c’est de ne pas pouvoir importer de librairies externes. Il y a quelques exceptions, comme les toxiclibs.js, ou Tween.lib (une librairie de tweens pour processing.js, je reviendrai sur le sujet dans un autre article), mais à l’heure actuelle ça reste très [...]
C’est une des premières choses que j’ai testé après avoir associé JQuery, MooTools et Pjs : « cette canvas au format limité c’est la plaie, je veux l’afficher pleine page ! » Alors j’ai testé plusieurs techniques, et ça ne s’est pas fait tout seul ! (j’aurais sans doute moins galéré si j’avais rencontré hascanvas.com plus tôt…) [...]
Processing.js est basé sur un schéma de fonctionnement linéaire du genre : Depuis Javascript, on va donc commander une canvas HTML5 par l’intermédiaire de Processing.js; ça marche bien, mais dans un seul sens… Il m’est tout de suite venu à l’esprit qu’en passsant en full-Javascript et en y ajoutant JQuery (et MooTools pour les classes), [...]
Premier problème pour utiliser Processing.js en « API mode » (full Javascript) : Où sont passées les classes de Processing ? La documentation officielle n’aborde même pas le sujet, et la démo s’en passe tout simplement… et impossible d’utiliser la déclaration d’une classe via l’objet canvas/processing.js, du genre canvas.class {… Hors, Javascript ne propose aucun système [...]