2013-05-06 4 views
46

Obecnie uczę się WebGL, ale odkryłem, że naprawdę trudno jest zrozumieć przebieg.Jak szybko nauczyć się WebGL?

  1. Czy istnieje głowa pierwszy poradnik WebGL w Internecie?
  2. Czy powinienem uczyć się GLSL?
  3. Kod do narysowania czegoś z WebGL jest zbyt skomplikowany, czy istnieje sposób na zmniejszenie linii kodu?
+1

zacznę tutaj (http: // gry .greggman.com/game/webgl-basic /), a następnie sprawdź inne linki poniżej: – gman

+1

@gman, (games.greggman.com/game/webgl-fundamentals) jest zdecydowanie najlepszym zasobem wymienionym tutaj. –

Odpowiedz

35
  1. http://learningwebgl.com/blog/?p=11
  2. Tak, mogę polecić Light House 3D: http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
  3. To nie jest tak skomplikowane, po prostu skupić się na kodzie napisanym na Uczenie WebGL. Na początku nie polecałbym pracy z inną biblioteką/silnikiem. Naucz się podstaw, a później korzystaj z bibliotek, aby przyspieszyć kodowanie.

Uczenie webGL to świetne miejsce do rozpoczęcia, prawdopodobnie najlepsze. Nie wahaj się przeczytać z tak wielu zasobów, jakie możesz. Programista Opera, Mozilla Hacks, Light House 3D, Scratch a Pixel, Aerotwist (http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part-1/ więcej cieniowania) ... Na początku jest bardzo trudno, ale później dostaniesz zrozumienie potoku i sposób myślenia. Potrzeba czasu (1-2 miesiące, aby nauczyć się tylko podstaw), ale być wytrwałym.

Mam nadzieję, że to pomoże.

+0

Nienawidzę strony learningwegbl.com, ponieważ znajomość angielskiego autora jest tak słaba, że ​​niektóre fragmenty są całkowicie niezrozumiałe. – doABarrelRoll721

+4

@ doABarrelRoll721 learningwebgl.com * zasięg * ;-) –

+4

@ doABarrelRoll721 Jeśli uważasz, że ich angielski nie jest dobry, może możesz pomóc im w poprawieniu swoich wpisów! To byłoby niesamowite – M98

2
  1. Prawdopodobnie, ale nie wiem.
  2. Tak; aby renderować wszystko za pomocą WebGL, potrzebujesz modułu cieniującego. GLSL jest językiem shaderów, więc jeśli chcesz renderować cokolwiek, musisz użyć GLSL.
  3. Tak; użyj biblioteki takiej jak Three.js.