유용하다고 생각되는 다른 링크들

튜토리얼 및 강의

• 초심자를 위한 3D 게임 셰이더에는 많은 그래픽 기술에 대한 훌륭한 설명이 있습니다. OpenGL 기반이지만 설명은 일러스트로 잘 되어 있어서 WebGL에 적용할 수 있습니다.

• Learn OpenGL: 최신 OpenGL 강의
  이건 유용할 수도 있고 아닐 수도 있는데요. API가 비슷하긴 하지만 OpenGL은 WebGL이 아닙니다. 한 가지 OpenGL은 C 기반의 라이브러리입니다. 또 다른 문제로 OpenGL은 WebGL보다 더 많은 기능들을 가지고 있고 셰이더 언어는 많은 차이점이 있습니다. 그럼에도 불구하고, 많은 아이디어와 보여주는 기술들은 OpenGL과 마찬가지로 WebGL에서 유용합니다.

Helper / Extension

• Spector: 모든 WebGL 호출을 보여주는 extension

• Shader Editor: 실시간 웹 페이지에서 shader를 보고 편집할 수 있는 extension

• WebGL Insight: WebGL 사용량을 볼 수 있는 extension

• webgl-helpers: WebGL에 도움이 되는 스크립트

라이브러리

• twgl: WebGL을 덜 장황하게 만들도록 도와주는 라이브러리

• three.js: 가장 인기있는 자바스크립트 3D 라이브러리

• PlayCanvas 게임 에디터가 있는 WebGL 게임 엔진

• regl: stateless functional WebGL 라이브러리

명세서

• WebGL: WebGL 명세서

• OpenGL ES 2.0: WebGL의 기반이 되는 명세서

• GLSL ES 1.0: WebGL용 셰이더 언어 명세서

Fun

• Shadertoy.com: 극한의 제약 조건에서 생성되는 놀라운 프래그먼트 셰이더

  주의: shadertoy.com에 있는 셰이더는 일반적으로 프로덕션 WebGL 앱에서 사용되는 셰이더 유형이 아닙니다. 그럼에도 불구하고 예제에서 배울 수 있는 많은 기술들이 있습니다.

• glslsandbox.com: 원조 프래그먼트 셰이더 플레이그라운드

• vertexshaerart.com: GLSL 샌드박스의 정점 셰이더 버전

추가할만한 다른 좋은 참고 자료를 알고 있다면 자유롭게 이슈를 열어주세요.