processing.js 배경으로 스케치 사용

Question

PDE로 작성된 스케치를 웹 페이지의 배경으로 사용하고 싶습니다. 이것이 가능한가?

html { 
background: url(sketch.pde) no-repeat center center fixed; 

} 

업데이트

이 같은 캔버스를 설정 :

<canvas id="twit" data-processing-sources="twit.pde" 
height="window.innerHeight-10"  
width="window.innerWidth" 
tabindex="0" 
style="image-rendering"> 
</canvas> 

그리고

나는이 CSS 코드의 sketch.pde 파일하지만 기쁨을 사용하여 시도 -moz-element를 사용하여 .css의 캔버스를 참조하십시오.

{background: -moz-element(#twit) no-repeat;} 

Answer 1

내가 아는 바로는 .pde는 이미지 파일이 아닌 텍스트 파일입니다. 따라서 배경으로 작동하지 않습니다. 내가 본 PDE를 본 유일한 방법은 canvas HTML 요소와 자바 애플릿이지만, 직접 경험하는 것은 없다. This 다른 SO 질문은 canvas을 처리 할 소스 (예 : main page)를 체크 아웃하는 것과 함께 배경으로 보일 수 있습니다.