Papier VS Chevalet VS Tissu vs Kinetic

Question

Bonjour les gars, je suis nouveau dans le développement de toile html5 et je suis perdu dans le choix des cadres de toile. Il y en a tellement que je ne peux pas savoir quoi utiliser. Alors, je suis là! Je veux votre aide pour choisir celle qui est la meilleure pour mes besoins. Il y a mes besoins

1) Je veux le cadre utilisé Graphiques vectoriels, je sais que la toile n'est pas DOM, je m'en soucie vraiment mais je veux dire que je veux manipuler avec des objets après sa création, PaperJS a cette fonctionnalité je ne sais pas sur les autres. Si des événements souris avancés sont disponibles, ce serait mieux.

2) Je veux utiliser le cadre pour les images, je chargerai l'image et de les animer avec toile, déplacer, animer quelques couleurs ...

3) Je veux que le cadre soit rapide à cause de mes besoins (L'animation de l'image doit être fluide)

4) Je veux que le cadre soit bien organisé car je sais que j'aurai besoin d'aide.

Alors, que pensez-vous qui est le mieux pour moi? et s'il vous plaît si vous pouvez écrire de ma liste qui sont la force et la faiblesse pour chaque cadre?

Answer 1

La toile HTML5 est encore environnement très frais. Vous pouvez avoir l'impression qu'il y a beaucoup d'outils déjà disponibles, mais ils sont souvent assez immatures.

Ma réponse ne couvrira qu'une partie de votre question car je n'ai utilisé que KineticJS et EaselJS. Vous pouvez commencer à lire des opinions au this page (le mien est le dernier en bas).

Prochainement, KineticJS a une barrière d'entrée inférieure. C'est une bibliothèque de dessin simple et supporte aussi les événements souris. Au moment où j'essayais de l'utiliser, c'était à peine extensible. Je l'ai trouvé très difficile à personnaliser pour mes besoins. EaselJS est un peu plus difficile à démarrer, mais il est aussi plus avancé. Maintenant, il fait partie d'autres ensembles de bibliothèques connues sous le nom de CreateJS. Il semble que beaucoup de développement circule là-bas. Kinetic et Easel supportent tous les deux l'événement de la souris.

1. Je ne me souviens pas du bien que le cinétique, sentant 'onMouseOver' est coûteux avec le chevalet. Les deux bibliothèques mentionnées permettent également la manipulation d'objets. Vous pouvez trouver ici TweenJS également utile comme addition.
2. Ici encore, Kinetic et Easel le permettent. Easel prend également en charge les sprites - des «images animées» bien connues des développeurs de jeux Web.
3. Je ne suis pas sûr de Kinetic car je n'ai pas atteint la partie animation de mon projet avant de l'avoir lâché (la lib, pas le projet). Avec le chevalet la vitesse est délicate. Il a quelques méthodes d'optimisation implémentées comme par exemple objets cache ou snapToPixel. Les exemples semblent très bien fonctionner. Cependant, pour mon projet utilisant Easel smoothness est toujours un problème malgré beaucoup d'efforts mis en optimisation. Peut-être que je mal utilisé l'API ou il y a encore place pour plus d'optimisation I n'ont pas remarqué.
4. Les deux bibliothèques sont assez jeunes mais semblent être activement développées. Les auteurs sont plutôt réactifs. La communauté n'est pas encore grande, mais je suppose que CreateJS comme ensemble plus complet d'outils pour créer des jeux se développer plus rapidement.

Si vous voulez vérifier, c'est the project I mentioned. C'est une page web faite avec l'utilisation de EaselJS + TweenJS. Encore besoin de quelques ajustements mineurs.