Comment faire un objet en rotation (sphère, boîte, etc.) en utilisant seulement la toile

Question

Je voudrais faire un en rotation objet (sphère, boîte, etc.) en utilisant uniquement le canevas. Mais je ne peux pas trouver un tutoriel . Aide Si vous avez vu quelque part ou expliqué comment le faire.

Vous aimez cette example, mais sans aucun effet

Answer 1

vous espérez comme les mathématiques. Les effets 3D peuvent toujours être réalisés sur un plan 2D si vous êtes prêt à écrire du code.

Certaines ressources qui seront probablement aider:

An Intro to Computer Graphics

et de l'aide avec les mathématiques,

A Book on Linear Algebra

Answer 2

Eh bien, il est assez simple en théorie. Une façon est de simplement mettre en place une minuterie, puis quand il se déclenche, effacez la toile et redessinez votre sphère, boîte quoi que ce soit. Pour le rendre plus rapide, vous pouvez recouvrir une région de la toile au lieu de tout. Aussi, vous pouvez obtenir des sprites png et les déplacer sur la toile. Je suis entré dans ce genre de choses en essayant le wrapper de toile de pyjamas, ce qui signifie que vous pouvez coder en python et ensuite le compiler en js, ce qui pour moi est beaucoup plus convivial.

http://pyjs.org/examples/gwtcanvas/output/GWTCanvasDemo.html

NB la démo est un peu Borken, mais l'exemple de code fait compiler et exécuter parfaitement bien si vous faites un git pull.