WebGL2 현재화면(Canvas)을 Node.js 서버로 저장 1. 클라이언트(WebGL 브라우저) 측WebGL로 그린 Canvas를 toDataURL() 또는 toBlob()으로 변환한 뒤 서버(Node.js)로 전송합니다.※ 주의: 캡쳐하기전에 WebGL의 Canvas를 한번더 그려 준 후 아래 코드를 실행햐야 합니다. ex) drawScene(); //화면그리기// WebGL Canvas 가져오기const canvas = document.getElementById("myCanvas");// 이미지 데이터 생성 (Base64)const imageData = canvas.toDataURL("image/png");// 서버로 전송 (예: fetch 사용)fetch("/save-image", { method: "POST", headers: { "Cont.. 2026. 3. 13. WebGL로 동영상 출력하기 1. HTML에 태그 추가 autoplay muted loop playsinline 속성은 브라우저 자동재생 제한을 피하기 위해 필요합니다.style="display:none"으로 화면에는 직접 보이지 않게 합니다.2. JavaScript에서 Video 텍스처 생성 let video = document.getElementById("video");let videoTexture = gl.createTexture();function initVideoTexture() { gl.bindTexture(gl.TEXTURE_2D, videoTexture); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameter.. 2026. 3. 13. 이전 1 다음