현재 몇 개의 브라우저 만 WebGL을 지원합니다. 내 기사에서 다른 기사를 참조하십시오 : WebGL을 사용할 수 있습니까?.
다음 예는 Windows에서 Chrome 16/23에서 Android에서 Firefox 17에서 테스트하는 것입니다. 비 호환 브라우저를 사용하는 경우 경고가 나타납니다.
그림 1 : Hello World Text가 포함 된 애니메이션 WebGL 큐브
HTML5 호환 브라우저에는 다음 그림과 같이 애니메이션 효과가있는 큐브가 표시됩니다.
그림 2 : 예제 실행의 스크린 샷
이 코드는 WebGL의 조명을 기반으로합니다 - WebGL 컨텍스트에서 조명 효과를 시뮬레이션하는 방법 -이 튜토리얼에 감사드립니다. 인스턴스가 처음 실행되면 애니메이션 큐브는 정적 비트 맵 그래픽 객체로 렌더링됩니다.
다음 코드는 프로그램에서 텍스트를 동적으로 렌더링하는 방법을 보여줍니다.
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다