목차

WebGL2Fundamentals.org

Fix, Fork, Contribute

참고 자료

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

튜토리얼 및 강의

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

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

Helper / Extension

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

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

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

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

라이브러리

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

  • three.js: 가장 인기있는 javascript 3D 라이브러리

  • PlayCanvas 게임 편집기가 있는 WebGL 게임 엔진

  • regl: stateless functional WebGL 라이브러리

명세서

Fun

  • Shadertoy.com: 극한의 제약 조건에서 생성된 놀라운 fragment shader

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

  • glslsandbox.com: original fragment shader playground

  • vertexshaerart.com: glslsandbox의 vertex shader 버전


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

이슈나 버그가 있나요? 깃헙에서 이슈 만들기.
comments powered by Disqus