0
모든 DOM 요소를 다루는 셰이더 효과가있는 웹 페이지를 만들고 싶습니다. 캔버스에 쉐이더를 적용하는 것이 가능하다는 것을 알고 있지만 캔버스 내부에 전체 페이지를 만들지는 않을 것입니다. 누구든지 이것을 성취하는 좋은 방법을 알고 있습니까? 가능하다면 다양한 기술과 프레임 워크의 조합이 필요하다고 가정하고 있습니다.DOM 요소에 쉐이더를 적용 할 수 있습니까?
모든 DOM 요소를 다루는 셰이더 효과가있는 웹 페이지를 만들고 싶습니다. 캔버스에 쉐이더를 적용하는 것이 가능하다는 것을 알고 있지만 캔버스 내부에 전체 페이지를 만들지는 않을 것입니다. 누구든지 이것을 성취하는 좋은 방법을 알고 있습니까? 가능하다면 다양한 기술과 프레임 워크의 조합이 필요하다고 가정하고 있습니다.DOM 요소에 쉐이더를 적용 할 수 있습니까?
아마도 HTML GL과 같은 것을 찾아보십시오.
DOM에 "쉐이더를 적용하는"쉬운 방법은 없습니다 ... DOM과 WebGL은 본질적으로 서로 말할 필요가없는 두 개의 엔티티입니다. 두 개의 분리 된 세계는 자신의 논리와 함께 기적적으로 결합됩니다 HTMLCanvasElement를 통해 함께. DOM은 매우 높은 수준의 추상화 계층이며, WebGL (OpenGL상의 얇은 추상화 계층)은 저수준 추상화 계층입니다.
이
은
WebGL을도에서 브라우저의 DOM 요소를 렌더링하실 수 없습니다 ... HTML GL 같은 것을 사용하여 제외하고, 당신이 WebGL을 가진 캔버스 throught를 당신의 DOM을 끌기 위해 자신에게 뭔가를 구현해야한다는 것을 의미 셰이더를 DOM 요소에 적용합니다. 당신이 할 수있는 최선은 당신이 말한 것처럼 당신 자신이나 도서관과 함께 캔버스에 렌더링하는 것입니다. 물론 문제가 발생할 수도 있습니다. 예를 들어, 입력 방법 편집기를 사용하는 언어를 수동으로 지원해야하기 때문에 텍스트 입력은 직접 렌더링하면 문제가됩니다. – gman
대안 : css 3d transform func 사용 –