4강 Shader 알고리즘의 원리 3번째

Step1 – 변형맵을 이용하기1

각설하고 이미지를 봅시다 ^^;

이 그림은 그러니까 제 블로그의 이름이기도 한 Diebuster라는 애니의 필름 컷입니다…(참고로 로봇이 공격받는 장면입니다 ^^) …머 그렇습니다. 필자는 초딩 때부터 회현역에서 오렌지로드, 어셈블인서트, 프로젝트에이꼬를 비디오로 떠다보던 세대의 덕후랍니다. 지금까지 쭉~
Continue reading ‘Pixel bender Tutorial #4’ »

http://wonderfl.net/tag/PixelBenderTutorial

원더플에 샘플코드를 같이 올리고 있습니다. 앞으로도 강좌와 함께 같이 올려보겠습니다.

3강 Shader 알고리즘의 원리 2번째

Step1 – 클래스로 정리하기

2강에 이어 3강에서도 알고리즘 연습을 해보겠습니다. 하지만 먼저 그 전 강좌에서 배운 내용도 복습할 겸 앞으로 사용할 기본 프레임웍도 정리할 겸해서 아래와 같이 클래스를 하나 정의합시다.

Continue reading ‘Pixel bender Tutorial #3’ »

2강 Shader 알고리즘의 원리 1번째

Pixel Shader 언어는 대략 다 비슷한 원리로 되어있습니다. 그 중심을 관통하는 어떠한 철학을 받아들이면 이 후에 응용하는 건 점점 발전시켜갈 수 있습니다.

대부분 최초 이 단계를 통과하지 못하기 때문에 Shader 학습을 포기하게 됩니다. 따라서 저는 철저히 이 부분을 강습하려고 합니다. 예상으로 3강 어쩌면 4강에 걸쳐 그러한 생각의 발상을 연습해봅시다.

매 강의는 아주 간단한 그림 한 장을 만들어내는 코드를 점진적으로 훈련해가는 방식으로 진행하겠습니다. 천천히 하지만 확실하게 한 단계씩 따라와주세요. 각 Step은 어렵지 않기 때문에 쉽게 따라올 수 있습니다.
Continue reading ‘Pixel bender Tutorial #2’ »

플래시 10 에서 Shader를 사용하지 않는다는 것은 이미지처리상의 성능을 절반도 못쓰고 있다는 의미입니다. 하지만 이걸 자주 사용하지 않는 이유는 뭘까요? 저는 그 이유를 다음의 세가지로 정리해봤습니다.

1. 통합개발환경이 아닌 전용 개발환경에서 개발해야 한다. 즉 이클립스나 플래시 IDE가 아닌 어도비 픽셀 벤더 툴킷에서 개발해야 하죠.
2. 전혀 다른 언어인 GLSL2를 사용한다. 문법이 C를 닮은건 문제가 아니다. 프로그래밍적인 개념이 다르다.
3. 적용하려면 코드가 길다. 이를 편리하게 사용할 수 있는 유틸 클래스의 필요성이 있다.

대부분 Shader강좌들이 어떻게 가르치는지도 많이 봐왔습니다. 먼저 아무것도 하지 않는 Shader를 만들고 색상이나 알파를 변화시켜보고 점진적으로 이미지합성, 변형으로 가르치죠.

하지만 이러한 학습에는 큰 문제가 있습니다. 여전히 가장 중요한 근본 알고리즘 원리를 알지 못한다는 점이죠. 해서 저는 약간 다른 방식으로 설명할까 합니다. 이제부터 이뤄질 강의의 목차는 다음과 같습니다.

1. Shader 개발 환경 구축
2. Shader 알고리즘의 원리
3. Shader 알고리즘 연습 1
4. Shader 알고리즘 연습 2
5. Shader 래핑 클래스
6. 기타 주제

너무 긴 강좌가 될지도 모르겠습니다만 일단 시작해보겠습니다.

Continue reading ‘Pixel bender Tutorial #1’ »