웹에 틀에 얽매이지 않은 텍스트 효과를 그리기위한 JavaScript API.개요 웹에서 텍스트에 효과를 적용 할 때 디자이너는 전통적으로 CSS에서 제공하는 것으로 제한되었습니다.대부분의 경우 텍스트가 텍스트입니까?그럼에도 불구하고 CSS 속성이나 gif 및 이미지를 결합하여보다 재미있는 무언가를 불러 일으키는 효과를 만드는 디자이너의 많은 예가 있습니다.정확하게 여기에, Blotter는 대안을 제공하기 위해 존재합니다 ... GLase Backed Text Effects with Ease Blotter는 디자이너가 GLSL을 작성할 필요없이 GLSL 쉐이더를 사용하는 텍스트 효과를 작성하고 조작하기위한 간단한 인터페이스를 제공합니다.Blotter는 구성 가능한 효과 라이브러리가 증가하고 있으며 학생 또는 숙련 된 GLSL 프로그래머가 새로운 효과를 빠르게 부트 스트랩 할 수있는 방법을 제공합니다.단일 WebGL 백 버퍼 블로터에서 Atlasing Effects는 모든 텍스트를 단일 WebGL 컨텍스트로 렌더링하고 아틀라스를 사용하여 그리기 호출 수를 제한합니다.여러 텍스트가 동일한 효과를 공유하면 단일 텍스처에 매핑되어 함께 렌더링됩니다.결과 이미지 데이터는 각 요소에 대한 개별 2D 컨텍스트로 출력됩니다.애니메이션 루프 Blotter의 내부 애니메이션 루프는 시간 기반 간격으로 실행하는 대신 requestAnimationFrame을 사용하여 브라우저의 디스플레이 새로 고침 빈도를 일치시키고 사용자가 다른 브라우저 탭으로 이동할 때 일시 중지합니다.사용자 장치의 성능을 개선하고 배터리 수명을 보존합니다.Blotter가 아닌 텍스트 Blotter에 전달하는 텍스트는 익숙한 스타일 속성을 사용하여 개별적으로 구성 할 수 있습니다.@ font-face 스펙을 통해 사용자 정의 글꼴을 사용할 수 있습니다.그러나 Blotter는 궁극적으로 전달 된 텍스트를 캔버스 요소로 렌더링합니다.이는 렌더링 된 텍스트를 선택할 수 없음을 의미합니다.블로터는 그래픽 목적으로 사용되는 제목, 제목 및 텍스트와 같은 요소에 적합합니다.Blotter는 긴 텍스트 본문에 사용하지 않는 것이 좋으며 대부분의 경우 단어에 개별적으로 적용해야합니다.