web-dev-qa-db-fra.com

Comment puis-je apprendre WebGL rapidement?

J'apprends WebGL ces jours-ci, mais j'ai trouvé qu'il est vraiment difficile de comprendre le pipeline.

  1. Y a-t-il tête la première Tutoriel WebGL en ligne?
  2. Dois-je apprendre le GLSL?
  3. Le code pour dessiner quelque chose avec WebGL est trop complexe, existe-t-il un moyen de réduire les lignes de code?
webgl
51
MrROY
  1. http://learningwebgl.com/blog/?p=11 (lien mort depuis novembre 2018, sauvegarde: https://web.archive.org/web/20180615095219/http : //learningwebgl.com/blog/? p = 11 )
  2. Oui, je pourrais recommander Light House 3D: http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
  3. Ce n'est pas si complexe, concentrez-vous uniquement sur le code écrit sur Learning webGL. Je ne recommanderais pas de travailler avec une autre bibliothèque/moteur au début. Apprenez les bases et utilisez ensuite des bibliothèques pour accélérer votre codage.

L'apprentissage de webGL est un excellent point de départ, probablement le meilleur. N'hésitez pas à lire le plus de ressources possible. Opera, Mozilla Hacks, Light House 3D, Scratch a Pixel, Aerotwist ( http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part) -1 / plus de shaders) ... C'est très difficile au début, mais plus tard vous comprendrez le pipeline et la façon de penser. Cela prend du temps (1-2 mois pour apprendre seulement les bases), mais être persistant.

J'espère que cela t'aides.

39
Abstract Algorithm

Il y a des tutoriels interactifs ici: http://www.webglacademy.com
Je pense que c'est cool parce que vous pouvez changer votre code, le tester à nouveau, et c'est étape par étape.

Vous pouvez également consulter la leçon webgl sur http://www.learningwebgl.com
Ensuite, lorsque je veux rechercher de l'aide sur une commande API/GLSL webgl spécifique, je recherche sur http://www.opengl.org/sdk/docs/manglsl/

10
Mike

C'est le meilleur tutoriel que j'ai trouvé jusqu'à présent!

http://my2iu.blogspot.in/2011/11/webgl-pre-tutorial-part-2-drawing-2d.html

6
Bhavin Shah
  1. Probablement, mais je ne le sais pas.
  2. Oui; pour rendre quoi que ce soit avec WebGL, vous avez besoin d'un shader. GLSL est le langage des shaders, donc si vous voulez rendre quelque chose, vous devrez utiliser GLSL.
  3. Oui; utilisez une bibliothèque comme Three.js .
2
icktoofay