테스트 사이트 - 개발 중인 베타 버전입니다

싸이트 문의...

· 13년 전 · 664 · 8
제가 요즘에 WEBGL에 완전 올인 상태에 있습니다.

이걸 배우는 도중에 쉐이더(openGL ES 2.0)라는 아주 고약한 녀석이 있는데.

이게 java나 php만 하던 제가 이건 완전 넘사벽에 수준이더라군요..

 
webGL 쉐이더나 openGL ES 2.0 코드만 모아 놓은 싸이트 없을까요?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

http://workshop.chromeexperiments.com/
ㅠ.ㅜ 이미 알고 있어요.
그리고 위에 샘플로 나온건 webgl이 아니라 캔버스2d 입니다.
... 아래쪽에 WebGL영역도 캔버스2D인가요?

주소를 잘못올렸군요;

http://www.chromeexperiments.com/
전체사이트입니다;
지난번에 어디 교육 다녀왔었는데 three.js 를 소개해주던데 참고하세요 ㅎ
http://mrdoob.github.com/three.js/
힝 ㅠ.ㅠ http://threejs.org/io/s/
이거 만드신분이 다른 엔진인 A3가 나오는것도 알고 있어요..
어떤 목적으로 쓰시는지 모르겠지만,

개념적인 이해와 활용이 필요하시면 게임 쪽 서적을 참고하시는 게 도움이 됩니다.

국내엔 주로 DirectX 관련 서적이 많지만, 기본적인 개념은 거의 동일합니다.
openGL ES 2.0 코드 모음 싸이트를 찾고 있습니다.. 이게 모바일에도 쓰는 거라..
분명 있을법한데.. 안 보이네요.. 국내 서적으로는 한권 있는데

이게 워낙에 왈도체라 도대체 무슨 소리인지 모르겠네요.
13년 전
쉐이더의 개념은 간단합니다.

하나의 점을 어떻게 표현할것인가에 대한 알고리즘 입니다.

여기에는 다양한 조건들이 첨가되는데..
조명, 질감, 재료? 등등이 카메라의 시점에 따라서 3차원->2차원으로 표현됩니다.
2차원이 바로 우리가 보는 모니터죠..

쉐이더는 여기에 표현되는 하나하나의 점을 어떻게 계산해서 보여줄것인가를
GPU등의 고속 프로세서에서 처리하여 결과를 표현합니다. CPU의 부담을 덜어주죠

다양한 조건들을 이용해서 하나의 점을 어떻게 계산 할것인지에 대한
알고리즘은 어셈블리 또는 C코드로 표현하는 것입니다.

요런 개념을 가지고 접근하시면 훨 더 이해하기 쉬우실겁니다.

게시글 목록

번호 제목
15265
26093
15262
3437
15257
3429
15256
15252
15251
15250
15246
15242
3425
3418
15236
3411
15233
15229
15228
15226
3399
15224
15217
15195
15193
3373
3360
15188
29852
15181
15159
3350
15158
15157
15152
15150
3334
15144
15140
3331
15136
29848
15129
15107
3320
15106
15095
29847
15094
3314
15091
15089
29834
15088
3303
15085
15084
26091
15083
15073
15071
3290
24301
15067
3285
3270
15064
29829
15062
15053
3261
3252
3249
15050
3243
15046
24291
24278
3231
15042
24275
3225
26075
15041
3222
3218
15025
15024
15018
29821
15015
15013
15012
3210
3200
3198
24274
15005
3188
15001