2013-05-06 5 views
46

Attualmente sto imparando WebGL, ma ho scoperto che è davvero difficile capire la pipeline.Come si impara WebGL nel modo più rapido?

  1. Esiste uno primo capitolo Tutorial WebGL online?
  2. Devo imparare GLSL?
  3. Il codice per disegnare qualcosa con WebGL è troppo complesso, esiste un modo per ridurre le righe di codice?
+1

mi piacerebbe iniziare qui (http: // giochi .greggman.com/game/webgl-fundamentals /) quindi controlla alcuni degli altri link sotto – gman

+1

@gman, (games.greggman.com/game/webgl-fundamentals) è di gran lunga la migliore risorsa elencata qui. –

risposta

35
  1. http://learningwebgl.com/blog/?p=11
  2. Sì, potrei raccomandare Light House 3D: http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
  3. Non è così complessa, basta concentrarsi sul codice scritto su Learning WebGL. Non raccomanderei di lavorare con qualche altra libreria/motore all'inizio. Apprendi le basi e in seguito utilizza le librerie per accelerare la codifica.

Learning webGL è un ottimo punto di partenza, probabilmente il migliore. Non esitare a leggere da quante più risorse puoi. Sviluppatore di Opera, Mozilla Hacks, Light House 3D, Scratch a Pixel, Aerotwist (http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part-1/ altri shader) ... All'inizio è molto difficile, ma più tardi riuscirai a capire la pipeline e il modo di pensare. Ci vuole tempo (1-2 mesi per imparare solo le basi), ma essere persistente.

Spero che questo aiuti.

+0

Odio il sito learningwegbl.com perché le competenze linguistiche dell'autore sono così povere che alcuni passaggi sono completamente incomprensibili. – doABarrelRoll721

+4

@ doABarrelRoll721 learningwebgl.com * extent * ;-) –

+4

@ doABarrelRoll721 Se pensi che il loro inglese non sia buono, forse puoi aiutarli a rivedere i loro post! Sarebbe fantastico – M98

2
  1. Probabilmente, ma non lo so.
  2. Sì; per rendere qualsiasi cosa con WebGL, hai bisogno di uno shader. GLSL è la lingua degli shader, quindi se vuoi eseguire il rendering di qualcosa, devi usare GLSL.
  3. Sì; utilizzare una libreria come Three.js.