Shader  - AS3

패키지	flash.display
클래스	public class Shader
상속	Shader Object
하위 클래스	ColorBurnShader, ColorDodgeShader, ColorShader, ExclusionShader, HueShader, LuminosityMaskShader, LuminosityShader, SaturationShader, SoftLightShader

셰이더는 한 번에 한 개씩 이미지의 모든 픽셀에서 실행되는 함수를 정의합니다. 함수에 대한 각 호출의 결과는 이미지에서 해당 픽셀 좌표의 출력 색상입니다. 셰이더는 한 개 이상의 입력 이미지를 지정할 수 있습니다. 이러한 이미지의 내용은 함수의 출력을 결정하는 데 사용될 수 있습니다. 셰이더는 또한 한 개 이상의 매개 변수를 지정할 수도 있습니다. 이러한 매개 변수는 함수 출력을 계산하는 데 사용될 수 있는 입력 값입니다. 단일 셰이더 실행에서 입력 및 매개 변수 값은 상수입니다. 변경되는 유일한 요소는 색상으로 함수 결과를 나타내는 픽셀의 좌표입니다. 셰이더 함수는 여러 출력 픽셀 좌표가 동시에 실행하도록 하여 셰이더 실행 성능을 향상합니다.

셰이더 바이트 코드는 런타임에 URLLoader 인스턴스를 사용하여 로드할 수 있습니다. 다음 예제에서는 런타임에 셰이더 바이트 코드 파일을 로드하여 Shader 인스턴스에 연결하는 방법을 보여 줍니다.

     var loader:URLLoader = new URLLoader();
     loader.dataFormat = URLLoaderDataFormat.BINARY;
     loader.addEventListener(Event.COMPLETE, onLoadComplete);
     loader.load(new URLRequest("myShader.pbj"));
      
     var shader:Shader;
      
     function onLoadComplete(event:Event):void {
         // Create a new shader and set the loaded data as its bytecode
         shader = new Shader();
         shader.byteCode = loader.data;
         
         // You can also pass the bytecode to the Shader() constructor like this:
         // shader = new Shader(loader.data);
         
         // do something with the shader
     }
     

[Embed] 메타데이터 태그를 사용하여 컴파일 타임에 셰이더를 SWF에 포함시킬 수도 있습니다. 이 [Embed] 메타데이터 태그는 Flex SDK를 사용하여 SWF를 컴파일하는 경우에만 사용할 수 있습니다. 아래 예와 같이 [Embed] 태그의 source 매개 변수는 셰이더 파일을 가리키고, 해당 mimeType 매개 변수는 "application/octet-stream"입니다.

     [Embed(source="myShader.pbj", mimeType="application/octet-stream)]
     var MyShaderClass:Class;
      
     // ...
     
     // create a new shader and set the embedded shader as its bytecode
     var shaderShader = new Shader();
     shader.byteCode = new MyShaderClass();
      
     // You can also pass the bytecode to the Shader() constructor like this:
     // var shader:Shader = new Shader(new MyShaderClass());
      
     // do something with the shader
     

어떤 경우에서든 원시 셰이더(URLLoader.data 속성 또는 [Embed] 데이터 클래스의 인스턴스)를 Shader 인스턴스에 연결해야 합니다. 앞서 예제에서 나왔듯이 이 작업은 두 가지 방법으로 수행할 수 있습니다. 즉, 셰이더 바이트 코드를 Shader() 생성자에 인수로 전달하는 방법이 있고, Shader 인스턴스의 byteCode 속성으로 설정하는 방법이 있습니다.

생성된 Shader 인스턴스는 다음과 같은 여러 방법 중 하나를 통해 사용할 수 있습니다.

• 셰이더 채우기: 셰이더의 출력은 드로잉 API로 그린 내용에 대한 채우기로 사용됩니다. Shader 인스턴스를 Graphics.beginShaderFill() 메서드에 인수로 전달하십시오.
• 셰이더 필터: 셰이더의 출력은 표시 객체에 적용된 그래픽 필터로 사용됩니다. Shader 인스턴스를 ShaderFilter 인스턴스의 shader 속성에 지정하십시오.
• 블렌드 모드: 셰이더의 출력이 두 개의 겹치는 표시 객체 간에 블렌딩으로 렌더링됩니다. Shader 인스턴스를 두 표시 객체 중 위에 있는 객체의 blendShader 속성에 지정하십시오.
• 배경 셰이더 처리: 셰이더가 배경에서 실행되므로 표시가 고정될 가능성이 없으며 처리가 완료되면 이벤트를 전달합니다. Shader 인스턴스를 ShaderJob 인스턴스의 shader 속성에 지정하십시오.

셰이더 채우기, 필터 및 블렌드는 GPU 렌더링에서 지원되지 않습니다.

모바일 브라우저 지원: 이 기능은 모바일 브라우저에서 지원되지 않습니다.

AIR 프로파일 지원: 이 기능은 모든 데스크톱 운영 체제에서 지원되지만 휴대 장치의 경우에는 어떤 유형에서도 지원되지 않습니다. AIR for TV 장치에서는 지원되지 않습니다. 여러 프로파일 간 API 지원에 대한 자세한 내용은 AIR 프로파일 지원을 참조하십시오.

예제 보기

관련 API 요소